Begin to improve event checklist on mobile

This commit is contained in:
2020-09-28 10:32:57 +01:00
parent 70cc554094
commit bea762b12b

View File

@@ -20,7 +20,7 @@
{% block js %} {% block js %}
{{ block.super }} {{ block.super }}
<script src="{% static 'js/jquery-ui.js' %}"></script><!--TODO optimise---> <script src="{% static 'js/jquery-ui.js' %}"></script><!--TODO optimise-->
<script src="{% static 'js/interaction.js' %}"></script> <script src="{% static 'js/interaction.js' %}"></script>
<script src="{% static 'js/modal.js' %}"></script> <script src="{% static 'js/modal.js' %}"></script>
<script src="{% static 'js/tooltip.js' %}"></script> <script src="{% static 'js/tooltip.js' %}"></script>
@@ -232,7 +232,7 @@
</div> </div>
<div class="row my-3"> <div class="row my-3">
<div class="col-12"> <div class="col-12">
<div class="card"> <div class="card text-center">
<div class="card-header">Event Size</div> <div class="card-header">Event Size</div>
<div class="card-body" id="size-selector"> <div class="card-body" id="size-selector">
{% render_field form.event_size style="display: none;" %} {% render_field form.event_size style="display: none;" %}
@@ -267,77 +267,81 @@
{% include 'partials/checklist_checkbox.html' with formitem=form.pat %} {% include 'partials/checklist_checkbox.html' with formitem=form.pat %}
<hr> <hr>
<p>Tests at first distro</p> <p>Tests at first distro</p>
<table class="table table-bordered"> <div class="table-responsive">
<thead> <table class="table table-bordered table-sm">
<tr> <thead>
<th scope="col" class="text-center">Test</th> <tr>
<th scope="col" colspan="3" class="text-center">Value</th> <th scope="col" class="text-center">Test</th>
</tr> <th scope="col" colspan="3" class="text-center">Value</th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<th scope="row" rowspan="2">Voltage<br><small>(cube meter)</small></th> <tr>
<th>{{ form.fd_voltage_l1.help_text }}</th> <th scope="row" rowspan="2">Voltage<br><small>(cube meter)</small></th>
<th>{{ form.fd_voltage_l2.help_text }}</th> <th class="text-center">{{ form.fd_voltage_l1.help_text }}</th>
<th>{{ form.fd_voltage_l3.help_text }}</th> <th class="text-center">{{ form.fd_voltage_l2.help_text }}</th>
</tr> <th class="text-center">{{ form.fd_voltage_l3.help_text }}</th>
<tr> </tr>
<td>{% render_field form.fd_voltage_l1 class+="form-control" %}</td> <tr>
<td>{% render_field form.fd_voltage_l2 class+="form-control" %}</td> <td>{% render_field form.fd_voltage_l1 class+="form-control" style="min-width: 5rem;" %}</td>
<td>{% render_field form.fd_voltage_l3 class+="form-control" %}</td> <td>{% render_field form.fd_voltage_l2 class+="form-control" style="min-width: 5rem;" %}</td>
</tr> <td>{% render_field form.fd_voltage_l3 class+="form-control" style="min-width: 5rem;" %}</td>
<tr> </tr>
<th scope="row">{{form.fd_phase_rotation.help_text|safe}}</th> <tr>
<td colspan="3">{% include 'partials/checklist_checkbox.html' with formitem=form.fd_phase_rotation %}</td> <th scope="row">{{form.fd_phase_rotation.help_text|safe}}</th>
</tr> <td colspan="3">{% include 'partials/checklist_checkbox.html' with formitem=form.fd_phase_rotation %}</td>
<tr> </tr>
<th scope="row">{{form.fd_earth_fault.help_text|safe}}</th> <tr>
<td colspan="3">{% render_field form.fd_earth_fault class+="form-control" %}</td> <th scope="row">{{form.fd_earth_fault.help_text|safe}}</th>
</tr> <td colspan="3">{% render_field form.fd_earth_fault class+="form-control" %}</td>
<tr> </tr>
<th scope="row">{{form.fd_pssc.help_text|safe}}</th> <tr>
<td colspan="3">{% render_field form.fd_pssc class+="form-control" %}</td> <th scope="row">{{form.fd_pssc.help_text|safe}}</th>
</tr> <td colspan="3">{% render_field form.fd_pssc class+="form-control" %}</td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
<hr> <hr>
<p>Tests at 'Worst Case' points (at least 1 point required)</p> <p>Tests at 'Worst Case' points (at least 1 point required)</p>
<table class="table table-bordered"> <div class="table-responsive">
<thead> <table class="table table-bordered">
<tr> <thead>
<th scope="col" class="text-center">Test</th> <tr>
<th scope="col" class="text-center">Point 1</th> <th scope="col" class="text-center">Test</th>
<th scope="col" class="text-center">Point 2</th> <th scope="col" class="text-center">Point 1</th>
<th scope="col" class="text-center">Point 3</th> <th scope="col" class="text-center">Point 2</th>
</tr> <th scope="col" class="text-center">Point 3</th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<th scope="row">{{form.w1_description.help_text|safe}}</th> <tr>
<td>{% render_field form.w1_description class+="form-control" %}</td> <th scope="row">{{form.w1_description.help_text|safe}}</th>
<td>{% render_field form.w2_description class+="form-control" %}</td> <td>{% render_field form.w1_description class+="form-control" style="min-width: 5rem;" %}</td>
<td>{% render_field form.w3_description class+="form-control" %}</td> <td>{% render_field form.w2_description class+="form-control" style="min-width: 5rem;" %}</td>
</tr> <td>{% render_field form.w3_description class+="form-control" style="min-width: 5rem;" %}</td>
<tr> </tr>
<th scope="row">{{form.w1_polarity.help_text|safe}}</th> <tr>
<td>{% render_field form.w1_polarity %}</td> <th scope="row">{{form.w1_polarity.help_text|safe}}</th>
<td>{% render_field form.w2_polarity %}</td> <td>{% render_field form.w1_polarity %}</td>
<td>{% render_field form.w3_polarity %}</td> <td>{% render_field form.w2_polarity %}</td>
</tr> <td>{% render_field form.w3_polarity %}</td>
<tr> </tr>
<th scope="row">{{form.w1_voltage.help_text|safe}}</th> <tr>
<td>{% render_field form.w1_voltage class+="form-control" %}</td> <th scope="row">{{form.w1_voltage.help_text|safe}}</th>
<td>{% render_field form.w2_voltage class+="form-control" %}</td> <td>{% render_field form.w1_voltage class+="form-control" %}</td>
<td>{% render_field form.w3_voltage class+="form-control" %}</td> <td>{% render_field form.w2_voltage class+="form-control" %}</td>
</tr> <td>{% render_field form.w3_voltage class+="form-control" %}</td>
<tr> </tr>
<th scope="row">{{form.w1_earth_fault.help_text|safe}}</th> <tr>
<td>{% render_field form.w1_earth_fault class+="form-control" %}</td> <th scope="row">{{form.w1_earth_fault.help_text|safe}}</th>
<td>{% render_field form.w2_earth_fault class+="form-control" %}</td> <td>{% render_field form.w1_earth_fault class+="form-control" %}</td>
<td>{% render_field form.w3_earth_fault class+="form-control" %}</td> <td>{% render_field form.w2_earth_fault class+="form-control" %}</td>
</tr> <td>{% render_field form.w3_earth_fault class+="form-control" %}</td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
<hr> <hr>
{% include 'partials/checklist_checkbox.html' with formitem=form.all_rcds_tested %} {% include 'partials/checklist_checkbox.html' with formitem=form.all_rcds_tested %}
{% include 'partials/checklist_checkbox.html' with formitem=form.public_sockets_tested %} {% include 'partials/checklist_checkbox.html' with formitem=form.public_sockets_tested %}