ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor HTML structure and indentation in trainees bulk update template for improved readability

Browse Source
This commit is contained in:
Ross
2025-10-27 14:35:59 +00:00
parent 668007b899
commit be94ed8d0f
1 changed files with 80 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
generic/templates/generic/trainees_bulk_update.html
+80 -80
View File
@@ -1,93 +1,93 @@
{% extends 'generic/base.html' %} {% extends 'generic/base.html' %}
{% block content %} {% block content %}
<h2>Bulk update trainees (paste spreadsheet text)</h2> <h2>Bulk update trainees (paste spreadsheet text)</h2>
<p>Paste the spreadsheet rows below. Headings like "Year 1 - Group 1" are used to set the grade (Year N -> STN). Rows should contain "Name <tab or 2+spaces> Supervisor".</p> <p>Paste the spreadsheet rows below. Headings like "Year 1 - Group 1" are used to set the grade (Year N -> STN). Rows should contain "Name <tab or 2+spaces> Supervisor".</p>
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
<textarea name="data" rows="18" style="width:100%">{% if request.POST.data %}{{ request.POST.data }}{% endif %}</textarea> <textarea name="data" rows="18" style="width:100%">{% if request.POST.data %}{{ request.POST.data }}{% endif %}</textarea>
<div style="margin-top:8px"> <div style="margin-top:8px">
<button type="submit" name="action" value="preview" class="btn btn-primary">Preview</button> <button type="submit" name="action" value="preview" class="btn btn-primary">Preview</button>
<button type="submit" name="action" value="apply" class="btn btn-danger" onclick="return confirm('This will apply updates to matched trainee profiles. Are you sure?')">Apply updates</button> <button type="submit" name="action" value="apply" class="btn btn-danger" onclick="return confirm('This will apply updates to matched trainee profiles. Are you sure?')">Apply updates</button>
</div> </div>
</form> </form>
{% if preview %} {% if preview %}
<h3>Preview ({{ preview|length }} rows)</h3> <h3>Preview ({{ preview|length }} rows)</h3>
<table class="table table-sm"> <table class="table table-sm">
<thead> <thead>
<tr> <tr>
<th>Raw</th> <th>Raw</th>
<th>Name</th> <th>Name</th>
<th>Grade</th> <th>Grade</th>
<th>Matched user</th> <th>Matched user</th>
<th>Supervisor text</th> <th>Supervisor text</th>
<th>Matched supervisor</th> <th>Matched supervisor</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for r in preview %} {% for r in preview %}
<tr> <tr>
<td><pre style="margin:0">{{ r.raw }}</pre></td> <td><pre style="margin:0">{{ r.raw }}</pre></td>
<td>{{ r.norm_name }}</td> <td>{{ r.norm_name }}</td>
<td>{{ r.grade }}</td> <td>{{ r.grade }}</td>
<td> <td>
{% if r.matched_user %} {% if r.matched_user %}
<a href="{% url 'account_profile' r.matched_user.username %}">{{ r.matched_user.first_name }} {{ r.matched_user.last_name }}</a> <a href="{% url 'account_profile' r.matched_user.username %}">{{ r.matched_user.first_name }} {{ r.matched_user.last_name }}</a>
{% else %} {% else %}
<div> <div>
<span style="color:red">No match</span> <span style="color:red">No match</span>
<div> <div>
<form hx-get="{% url 'generic:user_search' %}" hx-target="#user-results-{{ r.row_index }}" hx-swap="innerHTML" onsubmit="return false;"> <form hx-get="{% url 'generic:user_search' %}" hx-target="#user-results-{{ r.row_index }}" hx-swap="innerHTML" onsubmit="return false;">
<input type="text" name="q" id="user-search-input-{{ r.row_index }}" placeholder="Search users..." style="width:220px" /> <input type="text" name="q" id="user-search-input-{{ r.row_index }}" placeholder="Search users..." style="width:220px" />
<input type="hidden" name="row" value="{{ r.row_index }}" /> <input type="hidden" name="row" value="{{ r.row_index }}" />
<button type="submit">Search</button> <button type="submit">Search</button>
</form> </form>
</div> </div>
<div id="user-results-{{ r.row_index }}"></div> <div id="user-results-{{ r.row_index }}"></div>
<input type="hidden" name="manual_user_{{ r.row_index }}" id="manual_user_{{ r.row_index }}" /> <input type="hidden" name="manual_user_{{ r.row_index }}" id="manual_user_{{ r.row_index }}" />
</div> </div>
{% endif %} {% endif %}
</td> </td>
<td>{{ r.supervisor_text }}</td> <td>{{ r.supervisor_text }}</td>
<td>{% if r.matched_supervisor %}<a href="{% url 'generic:supervisor_detail' r.matched_supervisor.pk %}">{{ r.matched_supervisor.name }}</a>{% else %}<span style="color:red">No match</span>{% endif %}</td> <td>{% if r.matched_supervisor %}<a href="{% url 'generic:supervisor_detail' r.matched_supervisor.pk %}">{{ r.matched_supervisor.name }}</a>{% else %}<span style="color:red">No match</span>{% endif %}</td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
{% endif %} {% endif %}
{% if report %} {% if report %}
<h3>Apply report</h3> <h3>Apply report</h3>
<p>Updated: {{ report.updated }}; Skipped (no user matched): {{ report.skipped }}</p> <p>Updated: {{ report.updated }}; Skipped (no user matched): {{ report.skipped }}</p>
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block extra_scripts %} {% block js %}
<script> <script>
// Called from the HTMX-rendered results fragment to set the manual selection // Called from the HTMX-rendered results fragment to set the manual selection
function setManualUser(rowIndex, id, text) { function setManualUser(rowIndex, id, text) {
const hiddenInput = document.getElementById('manual_user_' + rowIndex); const hiddenInput = document.getElementById('manual_user_' + rowIndex);
const resultsDiv = document.getElementById('user-results-' + rowIndex); const resultsDiv = document.getElementById('user-results-' + rowIndex);
if (hiddenInput) { if (hiddenInput) {
hiddenInput.value = id; hiddenInput.value = id;
} }
if (resultsDiv) { if (resultsDiv) {
resultsDiv.innerHTML = '<div>Selected: ' + escapeHtml(text) + '</div>'; resultsDiv.innerHTML = '<div>Selected: ' + escapeHtml(text) + '</div>';
} }
} }
function escapeHtml(unsafe) { function escapeHtml(unsafe) {
if (!unsafe) return ''; if (!unsafe) return '';
return String(unsafe) return String(unsafe)
.replace(/&/g, "&amp;") .replace(/&/g, "&amp;")
.replace(/</g, "&lt;") .replace(/</g, "&lt;")
.replace(/>/g, "&gt;") .replace(/>/g, "&gt;")
.replace(/\"/g, "&quot;") .replace(/\"/g, "&quot;")
.replace(/'/g, "&#039;"); .replace(/'/g, "&#039;");
} }
</script> </script>
{% endblock %} {% endblock %}