Add highlight to selected hub and rider when loading onestepedit form for resq. #312
This commit is contained in:
parent
96bed8a49e
commit
adc6cc8c80
1 changed files with 46 additions and 19 deletions
|
|
@ -640,25 +640,40 @@ $(function() {
|
||||||
|
|
||||||
var marker = L.marker([lat, lng], { icon: icon_customer });
|
var marker = L.marker([lat, lng], { icon: icon_customer });
|
||||||
|
|
||||||
// get nearest hubs ajax
|
{% if mode in ['onestep'] %}
|
||||||
var hub_table = '';
|
// get nearest hubs ajax
|
||||||
$.getJSON("{{ url('hub_nearest') }}?lat=" + lat + "&long=" + lng, function(data) {
|
var hub_table = '';
|
||||||
var hubs = data['hubs'];
|
$.getJSON("{{ url('hub_nearest') }}?lat=" + lat + "&long=" + lng, function(data) {
|
||||||
for (i in hubs) {
|
var hubs = data['hubs'];
|
||||||
var hub = hubs[i];
|
for (i in hubs) {
|
||||||
var hub_marker = L.marker([hub['lat'], hub['long']], { icon: icon_hub });
|
var hub = hubs[i];
|
||||||
hubLayerGroup.addLayer(hub_marker);
|
var hub_marker = L.marker([hub['lat'], hub['long']], { icon: icon_hub });
|
||||||
|
hubLayerGroup.addLayer(hub_marker);
|
||||||
|
|
||||||
hub_table += '<tr data-id=' + hub['id'] + '>';
|
hub_table += '<tr data-id=' + hub['id'] + '>';
|
||||||
hub_table += '<td>' + hub['name'] + '</td>';
|
hub_table += '<td>' + hub['name'] + '</td>';
|
||||||
hub_table += '<td>' + hub['branch'] + '</td>';
|
hub_table += '<td>' + hub['branch'] + '</td>';
|
||||||
hub_table += '<td>' + hub['cnum'] + '</td>';
|
hub_table += '<td>' + hub['cnum'] + '</td>';
|
||||||
hub_table += '<td></td>';
|
hub_table += '<td></td>';
|
||||||
hub_table += '</tr>';
|
hub_table += '</tr>';
|
||||||
}
|
}
|
||||||
|
|
||||||
$('#nearest_hubs').html(hub_table);
|
$('#nearest_hubs').html(hub_table);
|
||||||
});
|
|
||||||
|
});
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if mode in ['onestep-edit'] %}
|
||||||
|
// get nearest hubs ajax
|
||||||
|
$.getJSON("{{ url('hub_nearest') }}?lat=" + lat + "&long=" + lng, function(data) {
|
||||||
|
var hubs = data['hubs'];
|
||||||
|
for (i in hubs) {
|
||||||
|
var hub = hubs[i];
|
||||||
|
var hub_marker = L.marker([hub['lat'], hub['long']], { icon: icon_hub });
|
||||||
|
hubLayerGroup.addLayer(hub_marker);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
// add marker to layer group
|
// add marker to layer group
|
||||||
markerLayerGroup.addLayer(marker);
|
markerLayerGroup.addLayer(marker);
|
||||||
|
|
@ -723,7 +738,13 @@ $(function() {
|
||||||
});
|
});
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
var selected_hub = "";
|
{% if mode in ['onestep-edit'] %}
|
||||||
|
var selected_hub = '{{ obj.getHub ? obj.getHub.getID: "" }}';
|
||||||
|
$('#hub-field').val(selected_hub);
|
||||||
|
{% endif %}
|
||||||
|
{% if mode in ['onestep'] %}
|
||||||
|
var selected_hub = '';
|
||||||
|
{% endif %}
|
||||||
$('#hubs-table').on('click', 'tr', function() {
|
$('#hubs-table').on('click', 'tr', function() {
|
||||||
var id = $(this).data('id');
|
var id = $(this).data('id');
|
||||||
|
|
||||||
|
|
@ -775,7 +796,13 @@ $(function() {
|
||||||
});
|
});
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
var selected_rider = '';
|
{% if mode in ['onestep-edit'] %}
|
||||||
|
var selected_rider = '{{ obj.getRider ? obj.getRider.getID: "" }}';
|
||||||
|
$('#rider-field').val(selected_rider);
|
||||||
|
{% endif %}
|
||||||
|
{% if mode in ['onestep'] %}
|
||||||
|
var selected_rider = '';
|
||||||
|
{% endif %}
|
||||||
$('#rider-table').on('click', 'tr', function() {
|
$('#rider-table').on('click', 'tr', function() {
|
||||||
var id = $(this).data('id');
|
var id = $(this).data('id');
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue