[ Mini Kiebo ]

Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586 Path: D:/Backup/14082024/Data/htdocs/htdocs/simpeg/mobile/ [ Home ]
File: kunjungan.php
<?php
require_once("configure_first.php");

if(isset($_SESSION["hrd-id"])) {
    $hrid = $_SESSION["hrd-id"];
    if($hrid == 0) {
        echo "<script>window.alert('Silahkan Login Lagi');location.href='index.php';</script>";
    }
}else{
    echo "<script>window.alert('Silahkan Login Lagi');location.href='index.php';</script>";
}


$ket = "";


	$sql = "select * from hrd_user_login a left join hrd_pgw b on a.id_pgw = b.pgw_id left join hrd_jabatan_pegawai c on b.id_jab_pgw = c.jab_pgw_id where user_id = ".$_SESSION["hrd-id"];
	$rs = mysql_query($sql);
	$dataPgw=mysql_fetch_array($rs);

		$act = "in";
		$_POST["act"] = $act;

	if(isset($_POST["btnCek"])) {
		$long = $_POST["long"];
		$lat = $_POST["lat"];

		if($_POST["act"] == "in") {
			$fileName = $_FILES['gambar1']['name'];
			$move = move_uploaded_file($_FILES['gambar1']['tmp_name'], "img/sales/".$_FILES['gambar1']['name']);
			if($move) {
			}
			
				$sql = "select max(absen_id) as id from hrd_kunjungan";
				$Qrs = mysql_query($sql);
				$id = mysql_fetch_array($Qrs);
				$absenId = $id["id"]+1;

				$sql = "insert into hrd_kunjungan (absen_id,absen_tgl,id_user,absen_cin,absen_telat,lang,lat,gambar1,absen_ket) values(".$absenId.",'".$skr."',".$_SESSION["hrd-id"].",'".$wkt."','".$ket_telat."','".$long."','".$lat."','".$fileName."','".$_POST["absen_ket"]."')";
				// echo "B=".$sql;
				$rs = mysql_query($sql);

				echo "<script>location.href='".$msp["rpt"]."';</script>";

		}else{
			echo "<script>window.alert('Cek dahulu');</script>";
		}
	}
?>
<!doctype html>
<html lang="en">


<!--  -->
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, shrink-to-fit=no, viewport-fit=cover">

    <link rel="apple-touch-icon" href="img/f7-icon-square.html">
    <link rel="icon" href="img/f7-icon.html">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="vendor/bootstrap-4.1.3/css/bootstrap.min.css">

    <!-- Material design icons CSS -->
    <link rel="stylesheet" href="vendor/materializeicon/material-icons.css">

    <!-- swiper carousel CSS -->
    <link rel="stylesheet" href="vendor/swiper/css/swiper.min.css">

    <!-- app CSS -->
    <link id="theme" rel="stylesheet" href="css/style.css" type="text/css">

	<script src="js/geo-min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAfjXfVA3LEF_rPj2v--M9OngPFErArdVE&sensor=false"></script>
<script type="text/javascript">

    function initialize() {
        var lati = document.getElementById('lat').value;
        var longi = document.getElementById('long').value;
     }
</script>

    <title><?php echo $msp["title"];?></title>
</head>

<script>
	if(geo_position_js.init()){
		geo_position_js.getCurrentPosition(success_callback,error_callback,{enableHighAccuracy:true});
	}
	else{
		alert("Functionality not available");
	}

	function success_callback(p)
	{
		// alert('lat='+p.coords.latitude.toFixed(2)+';lon='+p.coords.longitude.toFixed(2));
		
       var myLatlng = new google.maps.LatLng(p.coords.latitude.toFixed(7),p.coords.longitude.toFixed(7));
        var myOptions = {
            zoom:18,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        map = new google.maps.Map(document.getElementById("gmap"), myOptions);
        // marker refers to a global variable
        marker = new google.maps.Marker({
            position: myLatlng,
            map: map
        });
        // if center changed then update lat and lon document objects
        google.maps.event.addListener(map, 'center_changed', function () {
            var location = map.getCenter();
            document.getElementById("lat").innerHTML = location.lat();

            document.getElementById("lon").innerHTML = location.lng();
            // call function to reposition marker location
            placeMarker(location);
        });
        // if zoom changed, then update document object with new info
        google.maps.event.addListener(map, 'zoom_changed', function () {
            zoomLevel = map.getZoom();
            document.getElementById("zoom_level").innerHTML = zoomLevel;
        });
        // double click on the marker changes zoom level
        google.maps.event.addListener(marker, 'dblclick', function () {
            zoomLevel = map.getZoom() + 1;
            if (zoomLevel == 20) {
                zoomLevel = 10;
            }
            document.getElementById("zoom_level").innerHTML = zoomLevel;
            map.setZoom(zoomLevel);
        });

        function placeMarker(location) {
            var clickedLocation = new google.maps.LatLng(location);
            marker.setPosition(location);
        }
		var mlat = p.coords.latitude.toFixed(7);
		var mlong = p.coords.longitude.toFixed(7);
		document.getElementById('lat').value = p.coords.latitude.toFixed(7);
		document.getElementById('labellat').innerHTML = p.coords.latitude.toFixed(7);
		document.getElementById('long').value = p.coords.longitude.toFixed(7);
		document.getElementById('labellong').innerHTML = p.coords.longitude.toFixed(7);
		
		
	}


	function error_callback(p)
	{
		//alert('error='+p.message);
	}		
</script>


<body class="color-theme-blue push-content-right theme-light">
<form name="loginf" method="POST" action="<?php echo $msp["ksls"];?>" enctype='multipart/form-data'>
    <div class="loader justify-content-center ">
        <div class="maxui-roller align-self-center">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="wrapper">

        <!-- sidebar right start -->
        <div class="sidebar sidebar-right">
            <header class="row m-0 fixed-header">
                <div class="left">
                    <a href="javascript:void(0)" class="menu-left-close"><i class="material-icons">keyboard_backspace</i></a>
                </div>
                <div class="col center">
                    <a href="#" class="logo">Your Profile</a>
                </div>
            </header>
            <div class="page-content text-white">
                <div class="row mx-0 mt-3">
                    <div class="col">
                        <div class="card bg-none border-0 shadow-none">
                            <div class="card-body userlist_large">
                                <div class="media">
                                    <figure class="avatar avatar-120 rounded-circle my-2">
                                        <img src="img/avatars/2s.png" alt="user image">
                                    </figure>
                                    <div class="media-body">
                                        <h4 class="mt-0 text-white"><?php echo $dataPgw["pgw_nama"];?></h4>
                                        <p class="text-white"><?php echo $dataPgw["jab_pgw_nama"];?></p>

                                        <div class="mb-0">
										<b>Jam Masuk / Pulang : </b><br><?php echo $dataPgw["pgw_cin"];?> / <?php echo $dataPgw["pgw_cout"];?>
										</div>
                                        <br>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- sidebar right ends -->

        <!-- page main start -->
        <div class="page">
            <form class="searchcontrol">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <button type="button" class="input-group-text close-search"><i class="material-icons">keyboard_backspace</i></button>
                    </div>
                    <input type="email" class="form-control border-0" placeholder="Search..." aria-label="Username">
                </div>
            </form>
            <header class="row m-0 fixed-header">
                <div class="left">
                </div>
                <div class="col center">
                    <a href="#" class="logo">
                        <figure><img src="<?php echo $msp["logo"];?>" alt=""></figure> <?php echo $msp["client"];?></a>
                </div>
                <div class="right">
                    <a href="javascript:void(0)" class="menu-right"><i class="material-icons">person</i></a>
                </div>
            </header>
            <div class="page-content">
                <div class="content-sticky-footer" style="padding-top:0px;">    
                    <div class="row mx-0 position-relative py-5 mb-4">
                        <div class="background h-100 theme-header"><img src="img/background.png" alt=""></div>
                        <div class="col">
                            <a href="#" class="media">
                                <div class="w-auto h-100">
                                    <figure class="avatar avatar-120"><img src="img/avatars/2s.png" alt=""> </figure>
                                </div>
                                <div class="media-body align-self-center ">
                                    <h5 class="text-white"><?php echo $dataPgw["pgw_nama"];?> </h5>
                                    <p class="text-white">
                                        <?php echo $dataPgw["jab_pgw_nama"];?> <span class="status-online bg-color-success"></span>
                                        <br> Jam Masuk / Pulang : 
                                        <br> <?php echo $dataPgw["pgw_cin"];?> / <?php echo $dataPgw["pgw_cout"];?>
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>

<script>
    function tampilkanPreview(gambar,idpreview){
        var gb = gambar.files;
        for (var i = 0; i < gb.length; i++){
            var gbPreview = gb[i];
            var imageType = /image.*/;
            var preview=document.getElementById(idpreview);            
            var reader = new FileReader();
            
            if (gbPreview.type.match(imageType)) {
                preview.file = gbPreview;
                reader.onload = (function(element) { 
                    return function(e) { 
                        element.src = e.target.result; 
                    }; 
                })(preview);
                reader.readAsDataURL(gbPreview);
            }else{
                alert("file yang anda upload tidak sesuai. Khusus mengunakan image.");
            }
           
        }    
    }

</script>
                    <div class="row mx-0">
                        <div class="col-12 ">
                            <div class="card mb-4">
                                <div class="card-body" align="center">


<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>

     <style>
 div#gmap {
        width: 100%;
        height: 300px;
        border:double;
 }
    </style>
</head>
<center>
<!-- MAP HOLDER -->
<div id="gmap"></div>
<!-- REFERENCES -->

</center>



									<br><b>Tanggal Kunjungan : </b><?php echo format_date_long($skr);?>
									<br><b>Lokasi Anda : </b><div id="infoalamat"></div> <div id="labellong"></div><div id="labellat"></div>
									<input type="hidden" name="long" id="long" value=""> <input type="hidden" name="lat" id="lat" value="">
									
										<b>Foto Anda : <input type='file' class='form-control' name='gambar1' accept="image/*;capture=camera" onchange="tampilkanPreview(this,'preview')">
										<br><img id="preview" src="" alt="" width="80%"/>
										<br><textarea name="absen_ket" cols="30" rows="7" class="inputField"><?php echo nl2br($_POST["absen_ket"]);?></textarea>
										<br><button type="submit" name="btnCek" value="Cek <?php if($act=="in") {?>In<?php }else{ ?>Out<?php } ?> Now" class="btn btn-primary rounded sq-btn text-white" type="button"><i class="material-icons w-25px">fingerprint</i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 mb-4">
                        <div class="card">
                            <div class="card-body">
                                <p class="text-uppercase font-weight-bold text-primary">Menu</p>
                                <div class="text-center justify-content-between d-flex">
								<?php include("menu.inc.php");?>
                                </div>

                            </div>
                        </div>
                    </div>
                    
                </div>
                <div class="footer-wrapper shadow-15">
                    <div class="footer">
                        <div class="row mx-0">
                            <div class="col">
                                <?php echo $msp["footer"];?>
                            </div>
                            <div class="col-7 text-right">
                                <a href="#" class="social"><img src="img/facebook.png" alt=""></a>
                                <a href="#" class="social"><img src="img/googleplus.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                    <div class="footer dark">
                        <div class="row mx-0">
                            <div class="col  text-center">
                                Copyright @2020, <?php echo $msp["client"];?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- page main ends -->
    </div>




    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="vendor/bootstrap-4.1.3/js/bootstrap.min.js"></script>

    <!-- Cookie jquery file -->
    <script src="vendor/cookie/jquery.cookie.js"></script>

    <!-- sparklines chart jquery file -->
    <script src="vendor/sparklines/jquery.sparkline.min.js"></script>

    <!-- Circular progress gauge jquery file -->
    <script src="vendor/circle-progress/circle-progress.min.js"></script>

    <!-- Swiper carousel jquery file -->
    <script src="vendor/swiper/js/swiper.min.js"></script>

    <!-- Application main common jquery file -->
    <script src="js/main.js"></script>

    <!-- page specific script -->
    <script>
        $(window).on('load', function() {
            /* sparklines */
            $(".dynamicsparkline").sparkline([5, 6, 7, 2, 0, 4, 2, 5, 6, 7, 2, 0, 4, 2, 4], {
                type: 'bar',
                height: '25',
                barSpacing: 2,
                barColor: '#a9d7fe',
                negBarColor: '#ef4055',
                zeroColor: '#ffffff'
            });

            /* gauge chart circular progress */
            $('.progress_profile1').circleProgress({
                fill: '#169cf1',
                lineCap: 'butt'
            });
            $('.progress_profile2').circleProgress({
                fill: '#f4465e',
                lineCap: 'butt'
            });
            $('.progress_profile4').circleProgress({
                fill: '#ffc000',
                lineCap: 'butt'
            });
            $('.progress_profile3').circleProgress({
                fill: '#00c473',
                lineCap: 'butt'
            });
            $('.progress_profile5').circleProgress({
                fill: '#ffffff',
                lineCap: 'butt'
            });

            /*Swiper carousel */
            var mySwiper = new Swiper('.swiper-container', {
                slidesPerView: 2,
                spaceBetween: 0,
                autoplay: {
                    delay: 1500,
                    disableOnInteraction: false,
                },
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                }
            });
            /* tooltip */
            $(function() {
                $('[data-toggle="tooltip"]').tooltip()
            });
        });

    </script>
</form>
</body>


</html>