PAL.C.T MINI SHELL
<div class="card">
<div class="header">
<h2>
Kunjungan
</h2>
</div>
<div class="body">
<div class="row">
<div class="col-md-12">
<button type="button" data-toggle="modal" data-target="#mdlkunjungansingle" class="btn btn-primary waves-effect btn-lg">
<i class="material-icons">add</i> Kunjungan Single
</button>
<button type="button" data-toggle="modal" data-target="#mdlkunjunganmulti" class="btn btn-primary waves-effect btn-lg">
<i class="material-icons">add</i> Kunjungan Multi
</button>
<!-- NO RADIO -->
<?php
$nwo = 1;
?>
<!-- MODAL KUNJUNGAN SINGLE -->
<div class="modal fade" id="mdlkunjungansingle" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="">Add Kunjungan Single</h4>
</div>
<div class="modal-body">
<form method="get" action="media.php">
<input type="hidden" name="module" value="add_kunjungansingle">
<div class="form-group form-float">
<label>Jenis Toko</label><br>
<input type="radio" class="filled-in with-gap radio-col-blue" id="cbx<?php echo $nwo;?>" name="jenis" value="TOKO" checked><label class="lbl-checkbox" for="cbx<?php echo $nwo; $nwo++; ?>"> TOKO</label>
<input type="radio" class="filled-in with-gap radio-col-blue" id="cbx<?php echo $nwo;?>" name="jenis" value="FBC"><label class="lbl-checkbox" for="cbx<?php echo $nwo; $nwo++; ?>"> FBC</label>
<input type="radio" class="filled-in with-gap radio-col-blue" id="cbx<?php echo $nwo;?>" name="jenis" value="BSS"><label class="lbl-checkbox" for="cbx<?php echo $nwo; $nwo++; ?>"> BSS</label>
<input type="radio" class="filled-in with-gap radio-col-blue" id="cbx<?php echo $nwo;?>" name="jenis" value="END USER"><label class="lbl-checkbox" for="cbx<?php echo $nwo; $nwo++; ?>"> END USER</label>
</div>
<div class="form-group form-float">
<button type="submit" class="btn btn-success waves-effect btn-lg"><i class="material-icons">add</i> KUNJUNGAN SINGLE</button>
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- MODAL KUNJUNGAN MULTI -->
<div class="modal fade" id="mdlkunjunganmulti" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="">Add Kunjungan Multi</h4>
</div>
<div class="modal-body">
<form method="get" action="media.php">
<input type="hidden" name="module" value="add_kunjunganmulti">
<div class="form-group form-float">
<label>Jenis Toko</label><br>
<input type="radio" class="filled-in with-gap radio-col-blue" id="cbx<?php echo $nwo;?>" name="jenis" value="TOKO" checked><label class="lbl-checkbox" for="cbx<?php echo $nwo; $nwo++; ?>"> TOKO</label>
<input type="radio" class="filled-in with-gap radio-col-blue" id="cbx<?php echo $nwo;?>" name="jenis" value="FBC"><label class="lbl-checkbox" for="cbx<?php echo $nwo; $nwo++; ?>"> FBC</label>
<input type="radio" class="filled-in with-gap radio-col-blue" id="cbx<?php echo $nwo;?>" name="jenis" value="BSS"><label class="lbl-checkbox" for="cbx<?php echo $nwo; $nwo++; ?>"> BSS</label>
<input type="radio" class="filled-in with-gap radio-col-blue" id="cbx<?php echo $nwo;?>" name="jenis" value="END USER"><label class="lbl-checkbox" for="cbx<?php echo $nwo; $nwo++; ?>"> END USER</label>
</div>
<div class="form-group form-float">
<button type="submit" class="btn btn-success waves-effect btn-lg"><i class="material-icons">add</i> KUNJUNGAN MULTI</button>
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
if(isset($_GET['tgl_awal'])){
$tgl_awal = $_GET['tgl_awal'];
}else{
$tgl_awal = date('Y-m-d');
}
if(isset($_GET['tgl_akhir'])){
$tgl_akhir = $_GET['tgl_akhir'];
}else{
$tgl_akhir = date('Y-m-d', strtotime('7days'));
}
if(isset($_GET['staff'])){
$staff = $_GET['staff'];
}else{
$staff = "";
}
if(isset($_GET['jenis'])){
$jenis = $_GET['jenis'];
}else{
$jenis = "ALL";
}
if(isset($_GET['status'])){
$status = $_GET['status'];
}else{
$status = "ALL";
}
?>
<form method="get">
<input type="hidden" name="module" value="kunjungan">
<div class="row">
<div class="col-md-4">
<label>Tgl. Kunjung</label>
<div class="input-daterange input-group" id="datepicker1">
<div class="form-line">
<input type="text" class="form-control" name="tgl_awal" value="<?php echo $tgl_awal;?>" autocomplete="off">
</div>
<span class="input-group-addon">s/d</span>
<div class="form-line">
<input type="text" class="form-control" name="tgl_akhir" value="<?php echo $tgl_akhir;?>" autocomplete="off">
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group form-float">
<div class="form-line">
<label>Staff</label>
<input type="text" class="form-control" name="staff" id="staff" value="<?php echo $staff;?>">
</div>
</div>
</div>
<div class="col-md-2">
<label>Jenis</label>
<select class="form-control show-tick" name="jenis">
<option value="ALL" <?php if($jenis=="ALL"){echo "selected";} ?>>ALL</option>
<option value="TOKO" <?php if($jenis=="TOKO"){echo "selected";} ?>>TOKO</option>
<option value="FBC" <?php if($jenis=="FBC"){echo "selected";} ?>>FBC</option>
<option value="BSS" <?php if($jenis=="BSS"){echo "selected";} ?>>BSS</option>
<option value="END USER" <?php if($jenis=="END USER"){echo "selected";} ?>>END USER</option>
</select>
</div>
<div class="col-md-2">
<label>Status</label>
<select class="form-control show-tick" name="status">
<option value="ALL" <?php if($status=="ALL"){echo "selected";} ?>>ALL</option>
<option value="BELUM" <?php if($status=="BELUM"){echo "selected";} ?>>BELUM</option>
<option value="VISIT" <?php if($status=="VISIT"){echo "selected";} ?>>VISIT</option>
<option value="EXTRA" <?php if($status=="EXTRA"){echo "selected";} ?>>EXTRA</option>
</select>
</div>
<div class="col-md-12">
<button type="submit" class="btn btn-primary waves-effect btn-lg"><i class="fa fa-filter"></i> FILTER</button>
<button type="button" class="btn btn-warning waves-effect btn-lg" data-toggle="modal" data-target="#mdlviewmap"><i class="fa fa-map"></i> VIEW MAP</button>
<a href="modul/web_contents/xcelkunjungan.php?<?php echo rand(0000,9999);?>&tgl_awal=<?php echo $tgl_awal;?>&tgl_akhir=<?php echo $tgl_akhir;?>&staff=<?php echo $staff;?>&jenis=<?php echo $jenis;?>&status=<?php echo $status;?>" class="btn btn-success waves-effect btn-lg"><i class="fa fa-file"></i> EXPORT EXCEL</a>
</div>
<div class="col-md-12"></div>
</div>
</form>
<?php
$sgetkunjungan = "SELECT A.* FROM db_kunjung A, staff B WHERE A.uuid_staff=B.uuid_staff AND 1 ";
$sgetkunjungan .= " AND A.tgl_kunjung >='".$tgl_awal."' AND A.tgl_kunjung <='".$tgl_akhir."' ";
if ($jenis!='ALL') {
$sgetkunjungan .= " AND A.jenis= '".$jenis."' ";
}
if ($staff!='') {
$sgetkunjungan .= " AND B.nama_staff LIKE '%".$staff."%' ";
}
if ($status!='ALL' && $status=='BELUM') {
$sgetkunjungan .= " AND A.sifat= 'JADWAL' AND A.waktu_out = '00:00:00'";
} else if ($status!='ALL' && $status=='VISIT') {
$sgetkunjungan .= " AND A.waktu_out != '00:00:00'";
} else if ($status!='ALL' && $status=='EXTRA') {
$sgetkunjungan .= " AND A.sifat= 'EXTRA'";
}
$sgetkunjungan .= " ORDER BY A.id_kunjung DESC";
?>
<!-- MODAL VIEW MAP -->
<div class="modal fade" id="mdlviewmap" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="">View Map</h4>
</div>
<div class="modal-body">
<div id="map_canvas" style="height: 400px"></div><br>
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
<?php
$qgetkunjunganmap = $con->query($sgetkunjungan);
while($rgetkunjunganmap = $qgetkunjunganmap->fetch(PDO::FETCH_ASSOC)){
if($rgetkunjunganmap['koordinat_in'] != ""){
$tanggal = DateToIndo2($rgetkunjunganmap['tgl_kunjung']);
$foto = $rgetkunjunganmap['foto_in'];
$uuid_kunjung = $rgetkunjunganmap['uuid_kunjung'];
$nama_toko = $rgetkunjunganmap['nama_toko'];
$jenis = $rgetkunjunganmap['jenis'];
$sifat = $rgetkunjunganmap['sifat'];
$koordinat = trim($rgetkunjunganmap['koordinat_in']);
$parts1 = explode(',', $koordinat);
$latitude = $parts1[0];
$longitude = $parts1[1];
$locations[]=array( 'uuid_kunjung'=>$uuid_kunjung, 'tanggal'=>$tanggal, 'foto'=>$foto, 'nama_toko'=>$nama_toko, 'jenis'=>$jenis, 'sifat'=>$sifat, 'lat'=>$latitude, 'lng'=>$longitude);
}
}
$markers = json_encode( $locations );
?>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js">
</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: 11,
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;
foto = point[i].foto;
uuid_kunjung = point[i].uuid_kunjung;
tanggal = point[i].tanggal;
nama_toko = point[i].nama_toko;
jenis = point[i].jenis;
sifat = point[i].sifat;
addMarker(lat, lng, foto, uuid_kunjung, tanggal, nama_toko, jenis, sifat);
}
function addMarker(lat, lng, foto, uuid_kunjung, tanggal, nama_toko, jenis, sifat) {
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="<?php echo $mobile_url; ?>/'+foto+'" width="100%"></div><div style="float:left;"><p>'+tanggal+'</p><h4 style="margin:0">'+nama_toko+'</h4><p>'+jenis+'<br>'+sifat+'</p><a href="media.php?module=detail_kunjungan&uuid_kunjung='+uuid_kunjung+'" 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>
</div>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-bordered table-striped table-hover js-basic-example dataTable">
<thead>
<tr>
<th width="5px">No.</th>
<th width="100px">Tanggal</th>
<th width="100px">Foto Awal</th>
<th width="100px">Foto Akhir</th>
<th>Toko</th>
<th>Misi Kunjung / staff</th>
<th>Staff</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<?php
$no=0;
$qgetkunjungan = $con->query($sgetkunjungan);
while($rgetkunjungan = $qgetkunjungan->fetch(PDO::FETCH_ASSOC)){
$no++;
?>
<tr style="cursor: pointer;" onclick="window.open('media.php?module=detail_kunjungan&uuid_kunjung=<?php echo $rgetkunjungan['uuid_kunjung'];?>','_blank');">
<td><?php echo $no;?></td>
<td><?php echo $rgetkunjungan['tgl_kunjung'];?><br><?php echo $rgetkunjungan['waktu_in'];?> - <?php echo $rgetkunjungan['waktu_out'];?><br><?php echo $rgetkunjungan['durasi'];?> menit</td>
<td><img src="<?php echo $mobile_url;?>/<?php echo $rgetkunjungan['foto_in'];?>" height="100px"></td>
<td><img src="<?php echo $mobile_url;?>/<?php echo $rgetkunjungan['foto_out'];?>" height="100px"></td>
<td><?php echo $rgetkunjungan['nama_toko'];?><br><?php echo $rgetkunjungan['jenis'];?><br><?php echo $rgetkunjungan['sifat'];?></td>
<td><?php echo $rgetkunjungan['misi_kunjung'];?><br><?php echo $rgetkunjungan['misi_staff'];?></td>
<td><?php echo fncnama_staff($con,$rgetkunjungan['uuid_staff']);?></td>
<td><?php
if ($rgetkunjungan['sifat'] == "JADWAL" && $rgetkunjungan['waktu_out'] == "00:00:00") {
echo "BELUM";
} else if ($rgetkunjungan['waktu_out'] != "00:00:00") {
echo "VISIT";
} else if ($rgetkunjungan['sifat'] == "EXTRA"){
echo "EXTRA";
}
?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
y~or5J ={Eeu磝Qk ᯘG{?+]ן?wM3X^歌>{7پK>on\jy R g/=fOroNVv~Y+ NGuÝHWyw[eQʨSb> >}Gmx[o[<{Ϯ_qF vM IENDB`