dev-chiefworks
158 lines
7.6 KiB
PHP
158 lines
7.6 KiB
PHP
<div class="panel panel-flat" style="background-color: aliceblue;">
|
|
<div class="panel-body">
|
|
|
|
<div class="row">
|
|
<b><?= $selected_user['firstname'] ?> <?= $selected_user['lastname'] ?></b>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div>
|
|
<form id="traked_group_form">
|
|
<div class="form-group">
|
|
<div class="date">
|
|
<div class="search-by-range">
|
|
<div class="col-lg-6">
|
|
<input type="search" name="start_date" id="start_date" value="<?= $start_date ?>" class="form-control" />
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<input type="search" name="end_date" id="end_date" value="<?= $end_date ?>" class="form-control" />
|
|
</div>
|
|
<input type="hidden" name="member_id" id="member_id" value="<?= $member_id ?>" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<input type="button" name="search" id="search" value="Search" class="btn btn-info" />
|
|
<input type="button" name="export_csv" id="export_csv" value="export" class="btn btn-info" />
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="alert alert-danger" id="print-error-msg" style="display:none">
|
|
<a href="#" class="close">×</a>
|
|
<p id="error-msg"></p>
|
|
</div>
|
|
<div class="panel-heading" style="margin-bottom: 5rem">
|
|
<div class="heading-elements">
|
|
<div id="pagination_tracked_group"></div>
|
|
</div>
|
|
</div>
|
|
<table id="tracked-group-list" class="table-bordered table-condensed table-hover table-striped table-condensed col-lg-12" style="padding:0px; background-color:aliceblue;">
|
|
<thead class="bg-indigo">
|
|
<th></th>
|
|
<th>Tracked Group</th>
|
|
<th>Count</th>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="col-lg-9">
|
|
<!-- Recent Members -->
|
|
<div id="map" style="border:1px;border-style: dotted; height:750px;"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="alert alert-danger mt-20" id="print-member-tracking-error-msg" style="display:none">
|
|
<a href="#" class="close">×</a>
|
|
<p id="member-tracking-error-msg"></p>
|
|
</div>
|
|
|
|
<div class="table-responsive mt-20">
|
|
<div class="col-lg-12">
|
|
<div>
|
|
<form name="member_tracking_form" id="member_tracking_form">
|
|
<div class="form-group row">
|
|
<div class="date">
|
|
<label for="start_date" class="font-weight-bold col-lg-1 col-form-label">Date</label>
|
|
<div class="search-by-range">
|
|
<div class="col-lg-6">
|
|
<input type="text" name="start_date" id="start_date" value="<?= $start_date ?>" class="form-control" />
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<input type="text" name="end_date" id="end_date" value="<?= $end_date ?>" class="form-control" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="device_id">
|
|
<label for="device_id" class="font-weight-bold col-lg-12 col-form-label">Device ID</label>
|
|
<div class="col-lg-12">
|
|
<input class="form-control" type="search" id="device_id" name="device_id">
|
|
</div>
|
|
</div>
|
|
<div class="radius">
|
|
<label for="radius" class="font-weight-bold col-lg-12 col-form-label">Radius</label>
|
|
<div class="col-lg-12">
|
|
<input class="form-control" type="search" id="radius" name="radius">
|
|
</div>
|
|
</div>
|
|
<div class="lat">
|
|
<label for="lat" class="font-weight-bold col-lg-12 col-form-label">Latitude</label>
|
|
<div class="col-lg-12">
|
|
<input class="form-control" type="search" id="lat" name="lat">
|
|
</div>
|
|
</div>
|
|
<div class="lng">
|
|
<label for="lng" class="font-weight-bold col-lg-12 col-form-label">Longitude</label>
|
|
<div class="col-lg-12">
|
|
<input class="form-control" type="search" id="lng" name="lng">
|
|
</div>
|
|
</div>
|
|
<input type="button" name="search_member_tracking" id="search_member_tracking" value="Search" class="btn btn-info" />
|
|
|
|
</div>
|
|
<input type="hidden" name="traked_group" id="traked_group" />
|
|
</form>
|
|
</div>
|
|
<div class="panel-heading mb-10">
|
|
<div class="heading-elements">
|
|
<div id="pagination-member-tracking"></div>
|
|
</div>
|
|
</div>
|
|
<table id="member-tracking-list" class="table-bordered table-condensed table-hover table-striped table-condensed col-lg-12" style="padding:0px; background-color:aliceblue;">
|
|
<thead class="bg-indigo">
|
|
<th>ID</th>
|
|
<th>Member ID</th>
|
|
<th>Tracked Group</th>
|
|
<th>Speed</th>
|
|
<th>Latitutde</th>
|
|
<th>Longitude</th>
|
|
<th>GPS</th>
|
|
<th>Ttime</th>
|
|
<th>Loc</th>
|
|
<th>Device ID</th>
|
|
<th>Previous ID</th>
|
|
<th>Distance</th>
|
|
<th>Duration</th>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/assets/js/plugins/pickers/datepicker.js"></script>
|
|
<script src="/assets/js/pages/member_geolocation/list.js?v=2"></script>
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&callback=initMap" async defer></script>
|
|
|
|
<style>
|
|
#traked_group_form .form-group,
|
|
#member_tracking_form .form-group {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.date {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.search-by-range {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.search-by-range div {
|
|
padding: 1px;
|
|
}
|
|
</style>
|