mirror of
https://github.com/nottinghamtec/PyRIGS.git
synced 2026-01-17 05:22:16 +00:00
255 lines
14 KiB
HTML
255 lines
14 KiB
HTML
{% extends request.is_ajax|yesno:'base_ajax.html,base_rigs.html' %}
|
||
{% load widget_tweaks %}
|
||
{% load static %}
|
||
{% load help_text from filters %}
|
||
{% load profile_by_index from filters %}
|
||
|
||
{% block title %}{% if edit %}Edit{% else %}Create{% endif %} Event Checklist for Event N{{ event.pk|stringformat:"05d" }}{% endblock %}
|
||
|
||
{% block css %}
|
||
{{ block.super }}
|
||
<link rel="stylesheet" href="{% static 'css/bootstrap-select.css' %}"/>
|
||
<link rel="stylesheet" href="{% static 'css/ajax-bootstrap-select.css' %}"/>
|
||
{% endblock %}
|
||
|
||
{% block preload_js %}
|
||
{{ block.super }}
|
||
<script src="{% static 'js/bootstrap-select.js' %}"></script>
|
||
<script src="{% static 'js/ajax-bootstrap-select.js' %}"></script>
|
||
{% endblock %}
|
||
|
||
{% block js %}
|
||
{{ block.super }}
|
||
<script src="{% static 'js/jquery-ui.js' %}"></script><!--TODO optimise--->
|
||
<script src="{% static 'js/interaction.js' %}"></script>
|
||
<script src="{% static 'js/modal.js' %}"></script>
|
||
<script src="{% static 'js/tooltip.js' %}"></script>
|
||
|
||
<script src="{% static 'js/autocompleter.js' %}"></script>
|
||
|
||
<script>
|
||
$(document).ready(function () {
|
||
{% if not object.pk %}
|
||
$('.form-hide').slideUp();
|
||
{% else %}
|
||
{% if object.medium_event %}
|
||
$('#small-event').slideUp();
|
||
$('#medium-event').slideDown();
|
||
{% else %}
|
||
$('#small-event').slideDown();
|
||
$('#medium-event').slideUp();
|
||
{% endif%}
|
||
{% endif %}
|
||
$('#size-selector button').on('click', function () {
|
||
$(this).toggleClass('active');
|
||
$('#size-selector button').not(this).removeClass('active');
|
||
if ($(this).data('event-size') == 1) {
|
||
$('#{{form.medium_event.auto_id}}').prop('checked', true);
|
||
$('#small-event').slideUp();
|
||
$('#medium-event').slideDown();
|
||
} else {
|
||
$('#{{form.medium_event.auto_id}}').prop('checked', false);
|
||
$('#small-event').slideDown();
|
||
$('#medium-event').slideUp();
|
||
}
|
||
});
|
||
$('#vehicle-add').on('click', function (event) {
|
||
event.preventDefault();
|
||
var newID = Number($('#vehiclest').attr('data-pk'));
|
||
$('#vehicles_new').clone().attr('style', "").attr('id', 'vehicles_' + newID).appendTo('#vehiclest');
|
||
$('#vehicles_' + newID).find('select,input').attr('name', function(){
|
||
return this.name.split('_')[0] + '_' + newID;
|
||
//Disabled prevents the hidden row being sent to the form
|
||
}).removeAttr('disabled');
|
||
$('#vehicles_' + newID).find('button[data-action=delete]').attr('data-id', newID);
|
||
$('#vehicles_' + newID).find('select').addClass('selectpicker');
|
||
$('#vehicles_' + newID).find('.selectpicker').selectpicker('refresh');
|
||
$(".selectpicker").each(function(){initPicker($(this))});
|
||
$('#vehiclest').attr('data-pk', newID - 1);
|
||
});
|
||
$('button[data-action=delete]').on('click', function(event) {
|
||
event.preventDefault();
|
||
console.log($(this).attr('data-id'));
|
||
$('#vehicles_' + $(this).attr('data-id')).remove();
|
||
});
|
||
});
|
||
</script>
|
||
{% endblock %}
|
||
|
||
{% block content %}
|
||
<div class="col-12">
|
||
<h3>{% if edit %}Edit{% else %}Create{% endif %} Event Checklist for Event N{{ event.pk|stringformat:"05d" }}</h3>
|
||
{% include 'form_errors.html' %}
|
||
{% if edit %}
|
||
<form role="form" method="POST" action="{% url 'ec_edit' pk=object.pk %}">
|
||
{% else %}
|
||
<form role="form" method="POST" action="{% url 'event_ec' pk=event.pk %}">
|
||
{% endif %}
|
||
<input type="hidden" name="{{ form.event.name }}" id="{{ form.event.id_for_label }}"
|
||
value="{{event.pk}}"/>
|
||
{% csrf_token %}
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="card">
|
||
<div class="card-header">Event Information</div>
|
||
<div class="card-body">
|
||
<dl class="col-12 row">
|
||
<dt class="col-4">Event Date</dt>
|
||
<dd class="col-8">{{form.event.start_date}}</dd>
|
||
<dt class="col-4">Event Name</dt>
|
||
<dd class="col-8">{{form.event.name}}</dd>
|
||
<dt class="col-4">Client</dt>
|
||
<dd class="col-8">{{form.event.person}}</dd>
|
||
<dt class="col-4">Venue</dt>
|
||
<dd class="col-8">{{form.event.Venue}}</dd>
|
||
</dl>
|
||
<label for="{{ form.power_mic.id_for_label }}"
|
||
class="col-4 control-label">{{ form.power_mic.help_text }}</label>
|
||
<div class="col-8">
|
||
<select id="{{ form.power_mic.id_for_label }}" name="{{ form.power_mic.name }}" class="form-control selectpicker" data-live-search="true" data-sourceurl="{% url 'api_secure' model='profile' %}?fields=first_name,last_name,initials">
|
||
{% if object.power_mic %}
|
||
<option value="{{object.power_mic.pk}}" selected="selected">{{ object.power_mic.name }}</option>
|
||
{% endif %}
|
||
</select>
|
||
</div>
|
||
<p class="pt-3">List vehicles and their drivers</p>
|
||
<table class="table">
|
||
<thead>
|
||
<tr>
|
||
<th scope="col">Vehicle</th>
|
||
<th scope="col">Driver</th>
|
||
<th scope="col"></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="vehiclest" data-pk="-1">
|
||
<tr id="vehicles_new" style="display: none;">
|
||
<td><input type="text" class="form-control" name="vehicle_new" disabled="true"/></td>
|
||
<td>
|
||
<select class="form-control" data-live-search="true" data-sourceurl="{% url 'api_secure' model='profile' %}?fields=first_name,last_name,initials" name="driver_new" disabled="true">
|
||
</select>
|
||
</td>
|
||
<td><button class="btn btn-danger" data-action='delete'><span class="fas fa-times"></span></button</td>
|
||
</tr>
|
||
{# TODO Add required to all fields on row when one is edited #}
|
||
{% for i in object.vehicles.all %}
|
||
<tr id="vehicles_{{i.pk}}">
|
||
<td><input name="vehicle_{{i.pk}}" type="text" class="form-control" value="{{ i.vehicle }}"/></td>
|
||
<td>
|
||
<select name="driver_{{i.pk}}" class="form-control selectpicker" data-live-search="true" data-sourceurl="{% url 'api_secure' model='profile' %}?fields=first_name,last_name,initials">
|
||
{% if i.driver != '' %}
|
||
<option value="{{i.driver.pk}}" selected="selected">{{ i.driver.name }}</option>
|
||
{% endif %}
|
||
</select>
|
||
</td>
|
||
<td><button class="btn btn-danger" data-id='{{i.pk}}' data-action='delete'><span class="fas fa-times"></span></button</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
<div class="text-right">
|
||
<button class="btn btn-secondary" id="vehicle-add"><span class="fas fa-plus"></span> Add Vehicle</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row my-3">
|
||
<div class="col-12">
|
||
<div class="card">
|
||
<div class="card-header">Safety Checks</div>
|
||
<div class="card-body">
|
||
{% include 'partials/checklist_checkbox.html' with formitem=form.safe_parking %}
|
||
{% include 'partials/checklist_checkbox.html' with formitem=form.safe_packing %}
|
||
{% include 'partials/checklist_checkbox.html' with formitem=form.exits %}
|
||
{% include 'partials/checklist_checkbox.html' with formitem=form.trip_hazard %}
|
||
{% include 'partials/checklist_checkbox.html' with formitem=form.warning_signs %}
|
||
{% include 'partials/checklist_checkbox.html' with formitem=form.ear_plugs %}
|
||
<label class="col-4 pt-3" for="{{ form.hs_location.id_for_label }}">{{ form.hs_location.help_text }}</label>
|
||
{% render_field form.hs_location class+="form-control" %}
|
||
<label class="col-4 pt-3" for="{{ form.extinguishers_location.id_for_label }}">{{ form.extinguishers_location.help_text }}</label>
|
||
{% render_field form.extinguishers_location class+="form-control" %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row my-3">
|
||
<div class="col-12">
|
||
<div class="card">
|
||
<div class="card-header">Crew Record</div>
|
||
<div class="card-body">
|
||
<table class="table">
|
||
<thead>
|
||
<tr>
|
||
<th scope="col">Crewmember</th>
|
||
<th scope="col">Start Time</th>
|
||
<th scope="col">Role</th>
|
||
<th scope="col">End Time</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for i in '012'|make_list %}
|
||
<tr>
|
||
|
||
<th scope="row">
|
||
</th>
|
||
<td><input type="time" class="form-control"/></td>
|
||
<td><input type="text" class="form-control"/></td>
|
||
<td><input type="time" class="form-control"/></td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
<div class="text-right">
|
||
<button class="btn btn-secondary"><span class="fas fa-plus"></span> Add Crewmember</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row my-3">
|
||
<div class="col-12">
|
||
<div class="card">
|
||
<div class="card-header">Event Size</div>
|
||
<div class="card-body" id="size-selector">
|
||
{% render_field form.medium_event style="display: none" %}
|
||
<button type="button" class="btn btn-success" data-event-size="0" style="width: 10rem;">Small</button>
|
||
<button type="button" class="btn btn-warning" data-event-size="1" style="width: 10rem;">Medium</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row my-3 form-hide" id="small-event">
|
||
<div class="col-12">
|
||
<div class="card">
|
||
<div class="card-header">Electrical Checks <small>for ‘Small’ TEC Events <6kVA (aprox. 26A)</small></div>
|
||
<div class="card-body">
|
||
{% include 'partials/checklist_checkbox.html' with formitem=form.rcds %}
|
||
{% include 'partials/checklist_checkbox.html' with formitem=form.supply_test %}
|
||
{% include 'partials/checklist_checkbox.html' with formitem=form.earthing %}
|
||
{% include 'partials/checklist_checkbox.html' with formitem=form.pat %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row my-3 form-hide" id="medium-event">
|
||
<div class="col-12">
|
||
<div class="card">
|
||
<div class="card-header">Electrical Checks <small>for ‘Medium’ TEC Events </small></div>
|
||
<div class="card-body">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-3">
|
||
<div class="col-sm-12 text-right">
|
||
<div class="btn-group">
|
||
<button type="submit" class="btn btn-primary" title="Save"><i
|
||
class="fas fa-save"></i> Save
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
{% endblock %}
|