dev-chiefworks
134 lines
3.8 KiB
PHP
134 lines
3.8 KiB
PHP
<!-- Dashboard content -->
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
|
|
|
|
<!-- Basic modal -->
|
|
<div id="modal_theme_primary" class="modal fade">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content" id="modal-content">
|
|
|
|
<div class="map-container map-symbol-custom">
|
|
|
|
</div>
|
|
<div id="directionsDiv" style="margin-top:15px"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /basic modal -->
|
|
|
|
<!-- Support tickets -->
|
|
<div class="panel panel-flat">
|
|
<div class="table-responsive">
|
|
|
|
<?= $member_table ?>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<!-- /support tickets -->
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-lg-6">
|
|
<!-- Recent Members -->
|
|
<div class="panel panel-flat" style="background-color: #ccffff; height: 800px;">
|
|
<div id="transp_detail">
|
|
<div class="panel-heading">
|
|
<h6 class="panel-title">Recent Travel Tracking</h6>
|
|
<div class="heading-elements">
|
|
<span class="heading-text">Last: <span class="text-bold text-danger-600 position-right">PUT TIME HERE</span></span>
|
|
</div>
|
|
</div>
|
|
<div class="table-responsive">
|
|
<div id="map" style="border:1px;border-style: dotted; height:750px;"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- /Recent Members -->
|
|
</div>
|
|
</div>
|
|
<!-- /dashboard content -->
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
<!--
|
|
|
|
var map;
|
|
function initMap() {
|
|
map = new google.maps.Map(document.getElementById('map'), {
|
|
center: {lat: 3.397, lng: 10.644},
|
|
zoom: 7
|
|
});
|
|
}
|
|
|
|
var loaded_data = new Array();
|
|
function showTranspModal(service_request_id) {
|
|
if (typeof event !== 'undefined') {
|
|
event.preventDefault();
|
|
}
|
|
// alert(service_request_id);
|
|
// collect data - either from forms or from data variables
|
|
var id = $(this).data('id');
|
|
|
|
// load the modal content with a loader gif and message
|
|
$('#modal-content').html('Loading...');
|
|
|
|
// show modal window
|
|
$('#modal_theme_primary').modal('show');
|
|
//alert(5);
|
|
// do the ajax bit
|
|
var post_data = {
|
|
'interest_id': service_request_id,
|
|
};
|
|
//alert(6);
|
|
$.ajax({
|
|
url: "/transp/transp_modal?service_request_id=" + service_request_id
|
|
}).done(function (data) {
|
|
//alert(data);
|
|
//alert(7);
|
|
$('#modal-content').html(data);
|
|
//initialize_map();
|
|
var myLatlng = new google.maps.LatLng(33.7489954, -84.3879824);
|
|
var myOptions = {
|
|
zoom: 13,
|
|
center: myLatlng,
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP};
|
|
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
|
|
directionsDisplay.setMap(map);
|
|
directionsDisplay.setPanel(document.getElementById("directionsDiv"));
|
|
|
|
fitMapToBounds_map();
|
|
|
|
calcRoute(loaded_data[0], loaded_data[1]);
|
|
//alert(loaded_data[0]);
|
|
});
|
|
}
|
|
|
|
function processPendTransp(link_id) {
|
|
|
|
$('#transp_detail').html('Processing...');
|
|
$('#acc' + link_id).prop('disabled', true);
|
|
$.ajax({
|
|
url: "/service/selpending?proc=PROCESS&transp_id=" + link_id
|
|
}).done(function (data) {
|
|
$('#transp_detail').html(data);
|
|
$('#acc' + link_id).prop('disabled', false);
|
|
});
|
|
return false;
|
|
}
|
|
|
|
//initMap();
|
|
// -->
|
|
</script>
|
|
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&callback=initMap" async defer></script>
|
|
|
|
|