-
-
-
+
@@ -64,7 +228,7 @@
@@ -81,13 +245,23 @@
$(function() {
$("#row-form").submit(function(e) {
var form = $(this);
+ var formdata = form.serialize();
e.preventDefault();
+ // add vehicle data
+ vdata = '';
+ $.each(vehicleRows, function(index, vehicle) {
+ vdata += "&vehicles%5B%5D=" + vehicle.id;
+ });
+
+ // append to form data
+ formdata += vdata;
+
$.ajax({
method: "POST",
url: form.prop('action'),
- data: form.serialize()
+ data: formdata
}).done(function(response) {
// remove all error classes
removeErrors();
@@ -96,7 +270,7 @@
text: 'Your changes have been saved!',
type: 'success',
onClose: function() {
- window.location.href = "{{ url('role_list') }}";
+ window.location.href = "{{ url('battery_list') }}";
}
});
}).fail(function(response) {
@@ -141,6 +315,160 @@
$("[data-field]").removeClass('has-danger');
$(".form-control-feedback[data-field]").addClass('hide');
}
+
+ // initialize vehicle arrays
+ var mfgVehicles = [];
+ var vehicleRows = [];
+ var vehicleIds = [];
+
+ {% if row is defined %}
+ {% for vehicle in row.getVehicles() %}
+ vrow = {
+ id: "{{ vehicle.getID() }}",
+ mfg_name: "{{ vehicle.getManufacturer().getName() }}",
+ make: "{{ vehicle.getMake() }}",
+ model_year_from: "{{ vehicle.getModelYearFrom() }}",
+ model_year_to: "{{ vehicle.getModelYearTo() }}"
+ };
+
+ vehicleRows.push(vrow);
+ vehicleIds.push("{{ vehicle.getID() }}");
+ {% endfor %}
+ {% endif %}
+
+ // update vehicle list when changing manufacturer
+ $("#vmfg").change(function() {
+ var id = $(this).val();
+ var vehiclefield = $("#vehicle");
+ var btn = $("#btn-add-vehicle");
+
+ // no id specified
+ if (!id) {
+ vehiclefield.html('
').prop('disabled', true);
+ btn.prop('disabled', true);
+ return true;
+ }
+
+ mfgVehicles = [];
+
+ // get vehicles for this manufacturer
+ $.ajax({
+ method: "POST",
+ url: "{{ url('vmfg_vehicles') }}",
+ data: {id: id}
+ }).done(function(response) {
+ if (response.data) {
+ var html = '';
+
+ $.each(response.data, function(index, vehicle) {
+ html += '
';
+ });
+
+ vehiclefield.html(html).prop('disabled', false);
+ btn.prop('disabled', false);
+ mfgVehicles = response.data;
+ } else {
+ vehiclefield.html('
').prop('disabled', true);
+ btn.prop('disabled', true);
+ }
+ })
+ });
+
+ // add a vehicle to the table
+ $("#btn-add-vehicle").click(function() {
+ var id = $("#vehicle").val();
+ var index = $("#vehicle").find(":selected").data('index');
+
+ if (vehicleIds.indexOf(id) !== -1) {
+ swal({
+ title: 'Whoops',
+ text: 'This vehicle is already on the list.',
+ type: 'warning'
+ });
+
+ return true;
+ }
+
+ // add vehicle to arrays
+ vehicleIds.push(id);
+ vehicleRows.push(mfgVehicles[index]);
+
+ // refresh the data table
+ table.originalDataSet = vehicleRows;
+ table.reload();
+ });
+
+ // remove vehicle from table
+ $(document).on('click', '.btn-delete', function(e) {
+ var btn = $(this);
+ var id = $(this).data('id');
+
+ $.each(vehicleRows, function(index, vehicle) {
+ if (vehicle.id == id) {
+ vehicleRows.splice(index, 1);
+ return false;
+ }
+ });
+
+ // remove from vehicle ids
+ vehicleIds.splice(vehicleIds.indexOf(id), 1);
+
+ // reload table
+ table.row(btn.parents('tr')).remove();
+ table.originalDataSet = vehicleRows;
+ table.reload();
+ });
+
+ // data table
+ var options = {
+ data: {
+ type: 'local',
+ source: vehicleRows,
+ saveState: {
+ cookie: false,
+ webstorage: false
+ }
+ },
+ layout: {
+ scroll: true
+ },
+ columns: [
+ {
+ field: 'id',
+ title: 'ID',
+ width: 30
+ },
+ {
+ field: 'mfg_name',
+ title: 'Manufacturer'
+ },
+ {
+ field: 'make',
+ title: 'Make'
+ },
+ {
+ field: 'model_year_from',
+ title: 'Year',
+ template: function (data) {
+ return data.model_year_from + ' - ' + data.model_year_to;
+ }
+ },
+ {
+ field: 'Actions',
+ width: 70,
+ title: 'Actions',
+ sortable: false,
+ overflow: 'visible',
+ locked: {right: 'xl'},
+ template: function (row, index, datatable) {
+ return '
';
+ },
+ }
+ ],
+ pagination: false
+ };
+
+ var table = $("#data-vehicles").mDatatable(options);
});
{% endblock %}
diff --git a/templates/battery/list.html.twig b/templates/battery/list.html.twig
index d3cc3cc8..a81f1e5d 100644
--- a/templates/battery/list.html.twig
+++ b/templates/battery/list.html.twig
@@ -78,13 +78,18 @@
scroll: true
},
columns: [
+ {
+ field: 'id',
+ title: 'ID',
+ width: 30
+ },
{
field: 'mfg_name',
title: 'Manufacturer',
width: 150
},
{
- field: 'mdl_name',
+ field: 'model_name',
title: 'Model',
width: 150
},
@@ -143,11 +148,11 @@
var actions = '';
if (row.meta.update_url != '') {
- actions += '
';
+ actions += '
';
}
if (row.meta.delete_url != '') {
- actions += '
';
+ actions += '
';
}
return actions;