dev-chiefworks
275 lines
13 KiB
PHP
275 lines
13 KiB
PHP
<div class="m-l-md">
|
|
<div class="row m-y-md">
|
|
<div class="col-md-6">
|
|
GPS TRACKED TRIPS
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="col-lg-12 mt-20">
|
|
<form name="tracking-trips-form" id="tracking-trips-form" autocomplete="off">
|
|
<div class="form-group row">
|
|
<div class="duration">
|
|
<label for="start_duration" class="font-weight-bold col-lg-2 col-form-label">
|
|
Duration
|
|
</label>
|
|
<div class="search-by-range">
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
|
|
<input type="search" name="start_duration" id="start_duration" value="<?= isset($tracking_trips['start_duration'])
|
|
? $tracking_trips['start_duration']
|
|
: '' ?>" class="form-control">
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
|
|
<input type="search" name="end_duration" id="end_duration" value="<?= isset($tracking_trips['end_duration'])
|
|
? $tracking_trips['end_duration']
|
|
: '' ?>" class="form-control">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="distance">
|
|
<label for="start_distance" class="font-weight-bold col-lg-2 col-form-label">
|
|
Distance
|
|
</label>
|
|
<div class="search-by-range">
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
|
|
<input type="search" name="start_distance" id="start_distance" value="<?= isset($tracking_trips['start_distance'])
|
|
? $tracking_trips['start_distance']
|
|
: '' ?>" class="form-control">
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
|
|
<input type="search" name="end_distance" id="end_distance" value="<?= isset($tracking_trips['end_distance'])
|
|
? $tracking_trips['end_distance']
|
|
: '' ?>" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="button" id="search-tracking-trips" value="Search" class="btn btn-info legitRipple" />
|
|
</div>
|
|
</form>
|
|
|
|
<div class="tracking-trips__pagination-link">
|
|
<?= $tracking_trips_pagination_link ?>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="panel panel-flat">
|
|
<div class="tracking-trips__table">
|
|
<?= $tracking_trips_table ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tracking col-lg-8">
|
|
<!-- Media library -->
|
|
<div class="col-lg-12 mt-20">
|
|
<form name="tracking-form" id="tracking-form" autocomplete="off">
|
|
<div class="form-group row">
|
|
<div class="date">
|
|
<label for="start_date" class="font-weight-bold col-lg-2 col-form-label">
|
|
Date
|
|
</label>
|
|
<div class="search-by-range">
|
|
<div class="col-lg-6">
|
|
<input type="search" name="start_date" id="start_date" value="<?= isset($tracking['start_date'])
|
|
? $tracking['start_date']
|
|
: '' ?>" class="form-control">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<input type="search" name="end_date" id="end_date" value="<?= isset($tracking['end_date'])
|
|
? $tracking['end_date']
|
|
: '' ?>" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="duration">
|
|
<label for="start_duration" class="font-weight-bold col-lg-2 col-form-label">
|
|
Duration
|
|
</label>
|
|
<div class="search-by-range">
|
|
<div class="col-lg-6">
|
|
<input type="search" name="start_duration" id="start_duration" value="<?= isset($tracking['start_duration'])
|
|
? $tracking['start_duration']
|
|
: '' ?>" class="form-control">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<input type="search" name="end_duration" id="end_duration" value="<?= isset($tracking['end_duration'])
|
|
? $tracking['end_duration']
|
|
: '' ?>" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="distance">
|
|
<label for="start_distance" class="font-weight-bold col-lg-2 col-form-label">
|
|
Distance
|
|
</label>
|
|
<div class="search-by-range">
|
|
<div class="col-lg-6">
|
|
<input type="search" name="start_distance" id="start_distance" value="<?= isset($tracking['start_distance'])
|
|
? $tracking['start_distance']
|
|
: '' ?>" class="form-control">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<input type="search" name="end_distance" id="end_distance" value="<?= isset($tracking['end_distance'])
|
|
? $tracking['end_distance']
|
|
: '' ?>" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="button" id="search-tracking" value="Search" class="btn btn-info legitRipple" />
|
|
</div>
|
|
</form>
|
|
<div class="tracking__pagination-link"><?= $tracking_links ?></div>
|
|
</div>
|
|
<div class="panel panel-white">
|
|
<div class="tracking__table"><?= $tracking_table ?> </div>
|
|
</div>
|
|
<!-- /media library -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/assets/js/app.js" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
function viewTrip(id) {
|
|
document.location = '/gps/trip?member_id=<?= $member_id ?>&id=' + id;
|
|
return false;
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
$('#search-tracking-trips').on('click', function(event) {
|
|
event.preventDefault();
|
|
viewMemberActionLimitOffset(
|
|
'GPSTRIPS',
|
|
<?= $member_id ?>,
|
|
'50',
|
|
'tracking_trips_offset=0',
|
|
$('#tracking-trips-form').serialize()
|
|
);
|
|
})
|
|
|
|
$('#search-tracking').on('click', function(event) {
|
|
event.preventDefault();
|
|
viewMemberActionLimitOffset(
|
|
'GPSTRIPS',
|
|
<?= $member_id ?>,
|
|
'50',
|
|
'tracking_offset=0',
|
|
$('#tracking-form').serialize()
|
|
);
|
|
})
|
|
|
|
function viewMemberActionLimitOffset(action_name, member_id, limit, offset, params) {
|
|
const url = "/member/viewMemberAction?proc=PROCESS&action_name=" + action_name +
|
|
"&member_id=" + member_id +
|
|
"&limit=" + limit +
|
|
"&" + offset +
|
|
'&tracking_trips=' + generateUrlByTrackingTrips() +
|
|
'&tracking=' + generateUrlByTracking();
|
|
|
|
$('#transp_detail').html('Processing...');
|
|
$('#acc' + member_id).prop('disabled', true);
|
|
|
|
$.ajax({
|
|
url: url
|
|
}).done(function(data) {
|
|
$('#transp_detail').html(data);
|
|
$('#acc' + member_id).prop('disabled', false);
|
|
});
|
|
}
|
|
|
|
function generateUrlByTrackingTrips(page_no = null) {
|
|
const tracking_trips_form = $('#tracking-trips-form');
|
|
const tracking_trips = JSON.stringify({
|
|
'start_duration': tracking_trips_form.find('#start_duration').val(),
|
|
'end_duration': tracking_trips_form.find('#end_duration').val(),
|
|
'start_distance': tracking_trips_form.find('#start_distance').val(),
|
|
'end_distance': tracking_trips_form.find('#end_distance').val(),
|
|
'cur_page': page_no ?
|
|
page_no :
|
|
$('.tracking-trips__pagination-link')
|
|
.find('li.active')
|
|
.find('span.cur-page')
|
|
.html()
|
|
});
|
|
|
|
return tracking_trips;
|
|
}
|
|
|
|
function generateUrlByTracking(page_no = null) {
|
|
const tracking_form = $('#tracking-form');
|
|
const tracking = JSON.stringify({
|
|
'start_date': tracking_form.find('#start_date').val(),
|
|
'end_date': tracking_form.find('#end_date').val(),
|
|
'start_duration': tracking_form.find('#start_duration').val(),
|
|
'end_duration': tracking_form.find('#end_duration').val(),
|
|
'start_distance': tracking_form.find('#start_distance').val(),
|
|
'end_distance': tracking_form.find('#end_distance').val(),
|
|
'cur_page': page_no ?
|
|
page_no :
|
|
$('.tracking__pagination-link')
|
|
.find('li.active')
|
|
.find('span.cur-page')
|
|
.html()
|
|
});
|
|
|
|
return tracking;
|
|
}
|
|
|
|
$('.tracking__pagination-anchor').on('click', function(event) {
|
|
event.preventDefault();
|
|
const page_no = $(this).attr('data-ci-pagination-page');
|
|
const url = $(this).attr('href') +
|
|
'&tracking_trips=' + generateUrlByTrackingTrips() +
|
|
'&tracking=' + generateUrlByTracking(page_no);
|
|
|
|
$('#transp_detail').html('Processing...');
|
|
$.ajax({
|
|
url: url
|
|
}).done(function(data) {
|
|
$('#transp_detail').html(data);
|
|
});
|
|
});
|
|
|
|
$('.tracking-trips__pagination-anchor').on('click', function(event) {
|
|
event.preventDefault();
|
|
const page_no = $(this).attr('data-ci-pagination-page');
|
|
const url = $(this).attr('href') +
|
|
'&tracking_trips=' + generateUrlByTrackingTrips(page_no) +
|
|
'&tracking=' + generateUrlByTracking();
|
|
|
|
$('#transp_detail').html('Processing...');
|
|
$.ajax({
|
|
url: url
|
|
}).done(function(data) {
|
|
$('#transp_detail').html(data);
|
|
});
|
|
});
|
|
})
|
|
</script>
|
|
|
|
<style>
|
|
#tracking-trips-form .form-group,
|
|
#tracking-form .form-group {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.date,
|
|
.duration,
|
|
.distance {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.search-by-range {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
.search-by-range div {
|
|
padding: 1px;
|
|
}
|
|
</style>
|