first commit
This commit is contained in:
@@ -0,0 +1,41 @@
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Data Point</th>
|
||||
<th>Value</th>
|
||||
<th>Score</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Date of Travel</td>
|
||||
<td><?=$parsed['date_value']?></td>
|
||||
<td><?=$parsed['date_score']?></td>
|
||||
</tr>
|
||||
<tr class="success">
|
||||
<td>Start Location</td>
|
||||
<td><?=$parsed['location_start_value']?></td>
|
||||
<td><?=$parsed['location_start_score']?></td>
|
||||
</tr>
|
||||
<tr class="danger">
|
||||
<td>End Location</td>
|
||||
<td><?=$parsed['location_end_value']?></td>
|
||||
<td><?=$parsed['location_end_score']?></td>
|
||||
</tr>
|
||||
<tr class="info">
|
||||
<td>Distance</td>
|
||||
<td><?=$parsed['distance_value']?></td>
|
||||
<td><?=$parsed['distance_score']?></td>
|
||||
</tr>
|
||||
<tr class="warning">
|
||||
<td>Duration</td>
|
||||
<td><?=$parsed['duration_value']?></td>
|
||||
<td><?=$parsed['duration_score']?></td>
|
||||
</tr>
|
||||
<tr class="active">
|
||||
<td>Cost</td>
|
||||
<td><?=$parsed['cost_value']?></td>
|
||||
<td><?=$parsed['cost_score']?></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -0,0 +1,200 @@
|
||||
<div class="panel panel-flat" style="background-color: aliceblue;">
|
||||
<div class="panel-body">
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
|
||||
<div class="form-group">
|
||||
<label for="comment">Raw Body:</label>
|
||||
<textarea class="form-control" style="height: 500px;" rows="5" id="comment"><?=$selected_user['message']?></textarea>
|
||||
<button id="process_button" type="button" class="btn btn-warning" onclick="return ProcessBody(<?=$selected_user['id']?>);">Process Body</button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-6">
|
||||
|
||||
<div class="form-group">
|
||||
<label for="comment">Processed:</label>
|
||||
|
||||
<div id="processed_body">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Data Point</th>
|
||||
<th>Value</th>
|
||||
<th>Score</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Date of Travel</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="success">
|
||||
<td>Start Location</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="danger">
|
||||
<td>End Location</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="info">
|
||||
<td>Distance</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="warning">
|
||||
<td>Duration</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="active">
|
||||
<td>Cost</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<div id ="trackgroup_list"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
|
||||
function ProcessBody(id) {
|
||||
$('#processed_body').html('Processing...');
|
||||
$('#process_button').prop('disabled', true);
|
||||
$.ajax({
|
||||
url: "/scanners/processbody?id=" + id
|
||||
}).done(function (data) {
|
||||
$('#processed_body').html(data);
|
||||
$('#process_button').prop('disabled', false);
|
||||
});
|
||||
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
var map;
|
||||
function initMap() {
|
||||
map = new google.maps.Map(document.getElementById('map'), {
|
||||
center: {lat: 3.397, lng: 10.644},
|
||||
zoom: 3
|
||||
});
|
||||
}
|
||||
|
||||
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 viewTracked(traked_group) {
|
||||
|
||||
$('#trackgroup_list').html('Processing...');
|
||||
$('#acc' + traked_group).prop('disabled', true);
|
||||
$.ajax({
|
||||
url: "/member/viewtrackedgroup?proc=PROCESS&traked_group=" + traked_group
|
||||
}).done(function (data) {
|
||||
//$('#trackgroup_list').html(data);
|
||||
$('#trackgroup_list').html('');
|
||||
plotMarkers(eval(data));
|
||||
$('#acc' + traked_group).prop('disabled', false);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function plotMarkers(locations) {
|
||||
var n = parseInt(''+locations.length/2,10)-1;
|
||||
if (n<0) n=0;
|
||||
var map = new google.maps.Map(document.getElementById('map'), {
|
||||
zoom: 11,
|
||||
center: new google.maps.LatLng(locations[n].lat, locations[0].lng),
|
||||
mapTypeId: google.maps.MapTypeId.ROADMAP
|
||||
});
|
||||
var flightPath = new google.maps.Polyline({
|
||||
path: locations,
|
||||
geodesic: true,
|
||||
strokeColor: '#FF0000',
|
||||
strokeOpacity: 1.0,
|
||||
strokeWeight: 4
|
||||
});
|
||||
flightPath.setMap(map);
|
||||
}
|
||||
|
||||
//initMap();
|
||||
// -->
|
||||
</script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&callback=initMap" async defer></script>
|
||||
<?
|
||||
/*
|
||||
vi:ts=2
|
||||
*/
|
||||
|
||||
@@ -0,0 +1,137 @@
|
||||
<!-- Dashboard content -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<select name="member_id" onchange='document.location="?member_id="+this.value'>
|
||||
<option value="">ALL</option>
|
||||
<? foreach ($members as $key=>$val) { ?><option value="<?=$key?>"<?=$key==$member_id?" selected":""?>><?=$val?></option><? } ?>
|
||||
</select>
|
||||
<?= $member_table ?>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /support tickets -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-9">
|
||||
<!-- 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: 3
|
||||
});
|
||||
}
|
||||
|
||||
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 viewMember(member_id) {
|
||||
|
||||
$('#transp_detail').html('Processing...');
|
||||
$('#acc' + member_id).prop('disabled', true);
|
||||
$.ajax({
|
||||
url: "/scanners/viewscanned?proc=PROCESS&member_id=" + member_id
|
||||
}).done(function (data) {
|
||||
$('#transp_detail').html(data);
|
||||
$('#acc' + member_id).prop('disabled', false);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
//initMap();
|
||||
// -->
|
||||
</script>
|
||||
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&callback=initMap" async defer></script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user