PAL.C.T MINI SHELL
<?php
if (empty($_SESSION['namauser']) AND empty($_SESSION['passuser'])){
header('location:../../lockscreen.php');
}
else{
include('parseDate.php');
$from = mysql_real_escape_string($_POST['from']);
$to = mysql_real_escape_string($_POST['to']);
$id = mysql_real_escape_string($_POST['id']);
$today = date("Y-m-d");
?>
<style type="text/css">
#map{
margin:50px 0 0;
}
#map_canvas{
width: 100%;
height: 500px;
}
</style>
<section class='content-header'>
<h1>
List Kunjungan
</h1>
</section>
<section class='content'>
<div class='row'>
<div class='col-xs-12'>
<div class='box box-primary'>
<div class='box-header'>
<h3 class='box-title'>Data Kunjungan</h3>
</div>
<div class='box-body'>
<form method='POST' action='' class='form-inline'>
<div class='form-group'>
<label>dari</label>
<div class='input-group date form_date' data-date='' data-date-format='yyyy-mm-dd' data-link-field='dtp_input2' data-link-format='yyyy-mm-dd'>
<span class='input-group-addon khusus'><span class='glyphicon glyphicon-calendar'></span></span>
<input class='form-control' size='10' type='text' name='from' id='to' value='<?php if($from != ''){echo $from;}else{echo $today;} ?>' required>
</div>
<input type='hidden' id='tanggal' value=''/>
</div>
<div class='form-group'>
<label>ke</label>
<div class='input-group date form_date' data-date='' data-date-format='yyyy-mm-dd' data-link-field='dtp_input2' data-link-format='yyyy-mm-dd'>
<span class='input-group-addon khusus'><span class='glyphicon glyphicon-calendar'></span></span>
<input class='form-control' size='10' type='text' name='to' id='to' value='<?php if($to != ''){echo $to;}else{echo $today;} ?>' required>
</div>
<input type='hidden' id='tanggal' value=''/>
</div>
<div class='form-group'>
<label>Staff</label>
<select class="form-control" name="id" style="max-width: 300px">
<option value="">All</option>
<?php
$sk = "SELECT * FROM staff";
$qk = mysql_query($sk);
while($rk = mysql_fetch_assoc($qk)){
?>
<option value="<?php echo $rk['username']; ?>" <?php if($rk['username'] == $id){ echo "selected";}?>><?php echo $rk['username']; ?></option>
<?php }
?>
</select>
</div>
<div class='form-group'>
<button type='submit' class='btn btn-primary btn-flat'>Filter</button>
</div>
</form>
<br>
<div id="map_canvas"></div>
</div>
</div>
</div>
</div>
</section>
<?php
/* lat/lng data will be added to this array */
$locations=array();
$sl = "SELECT * FROM kunjungan WHERE 1";
if($id != ''){
$sl .= " AND username = '$id'";
}
if($to != ''){
$sl .= " AND tanggal BETWEEN '$from' and '$to'";
}
if($to == ''){
$sl .= " AND tanggal = '$today'";
}
$query = mysql_query($sl);
while($row = mysql_fetch_assoc($query)){
$foto = $row['foto_awal'];
$tanggal = parseDateFullIndo($row['tanggal']);
$id_kunjungan = $row['id_kunjungan'];
$username = $row['username'];
$lokasi = $row['lokasi'];
$alamat = $row['alamat'];
$kec = $row['kec'];
$kab = $row['kab'];
$prov = $row['prov'];
$koordinat = trim($row['titik_lokasi_awal']);
$parts1 = explode(',', $koordinat);
$latitude = $parts1[0];
$longitude = $parts1[1];
/* Each row is added as a new array */
$locations[]=array( 'id_kunjungan'=>$id_kunjungan, 'foto'=>$foto, 'tanggal'=>$tanggal, 'username'=>$username, 'lokasi'=>$lokasi, 'alamat'=>$alamat, 'kec'=>$kec, 'kab'=>$kab, 'prov'=>$prov, 'lat'=>$latitude, 'lng'=>$longitude );
}
/* Convert data to json */
$markers = json_encode( $locations );
?>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAooxL4-WIAUsN8YSKQkec_8UXgguqOsHI">
</script>
<script type='text/javascript'>
<?php
echo "var point=$markers;\n";
?>
var markers = [];
var iterator = 0;
$(document).ready(function() {
var latlng = new google.maps.LatLng(3.5952, 98.6722);
var myOptions = {
zoom: 13,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false
};
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
var infowindow = new google.maps.InfoWindow(), marker, lat, lng;
for(var i in point){
lat = point[i].lat;
lng = point[i].lng;
id_kunjungan = point[i].id_kunjungan;
foto = point[i].foto;
tanggal = point[i].tanggal;
username = point[i].username;
lokasi = point[i].lokasi;
alamat = point[i].alamat;
kec = point[i].kec;
kab = point[i].kab;
prov = point[i].prov;
addMarker(lat, lng, id_kunjungan, foto, tanggal, username, lokasi, alamat, kec, kab, prov);
}
function addMarker(lat, lng, id_kunjungan, foto, tanggal, username, lokasi, alamat, kec, kab, prov) {
var storecoords = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({
position: storecoords,
map: map,
draggable: false,
animation: google.maps.Animation.DROP
});
var stinfo = '<div style="float:left; width:150px; margin-right:10px"><img src="images/img_customer/'+foto+'" width="100%"></div><div style="float:left;"><p>'+tanggal+' ('+username+')</p><h3 style="margin:0">'+lokasi+'</h3><p>'+alamat+'<br>'+kec+' - '+kab+'<br>'+prov+'</p><a href="http://www.faedahteknik.com/fl/view-kunjungan-'+id_kunjungan+'" target="_blank">More Details</a></div>'
var infowindow = new google.maps.InfoWindow({
content: stinfo
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(marker.get('map'), marker);
newpoint = storecoords;
map.setZoom(15);
setTimeout(moveToNewPoint, 1);
});
markers.push(marker);
iterator++;
}
function moveToNewPoint()
{
map.setCenter(newpoint);
}
});
</script>
<?php
}
?>
y~or5J ={Eeu磝Qk ᯘG{?+]ן?wM3X^歌>{7پK>on\jy R g/=fOroNVv~Y+ NGuÝHWyw[eQʨSb> >}Gmx[o[<{Ϯ_qF vM IENDB`