[ 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: checkin.php
<?php
require_once("configure_first.php");

function compress($source, $destination, $quality) {

    $info = getimagesize($source);

    if ($info['mime'] == 'image/jpeg') 
        $image = imagecreatefromjpeg($source);

    elseif ($info['mime'] == 'image/gif') 
        $image = imagecreatefromgif($source);

    elseif ($info['mime'] == 'image/png') 
        $image = imagecreatefrompng($source);

    imagejpeg($image, $destination, $quality);

    return $destination;
}

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);


	$sql = "select absen_id from hrd_absen where absen_cout is null and id_user = ".$_SESSION["hrd-id"]." and absen_tgl = '".$skr."' order by absen_cin desc";
	$rs = mysql_query($sql);
	$statCek2 = mysql_fetch_array($rs);

	if($statCek2["absen_id"]) {
		$act = "out";
		$_POST["act"] = $act;
	}else{
		$act = "in";
		$_POST["act"] = $act;
	}
//		echo "<script>window.alert('".$_POST["act"]."');</script>";

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

		if($_POST["act"] == "in") {
			$image_id = time();
			$images = $_FILES["gambar1"]["name"];
			$source_img = $_FILES["gambar1"]["tmp_name"];
			if($images) {
				$rename = explode(".",$images);
				if(count($rename) > 1) {
					$images = "cin_".$image_id.".".$rename[1];
					$fto = "cin_".$image_id.".".$rename[1];
					// move_uploaded_file($_FILES["gambar1"]["tmp_name"],"img/in/" . $images);
					$destination_img = "img/in/cin_".$image_id.".".$rename[1];

					$d = compress($source_img, $destination_img, 50);
				}
			}
			// $fileName = $_FILES['gambar1']['name'];
			// $fileName = time();
			// $move = move_uploaded_file($_FILES['gambar1']['tmp_name'], "img/in/".$_FILES['gambar1']['name']);
			// if($move) {
			// }
			
			$sql = "select * from hrd_absen where absen_tgl = '".$skr."' and  id_user = ".$_SESSION["hrd-id"];
			$rs = mysql_query($sql);
			$cekAbsen = mysql_fetch_array($rs);
			// echo $sql;
			$absen_ket = $_POST["absen_ket"];
			if($cekAbsen) {
				$sql = "select max(absen_id) as id from hrd_absen";
				$Qrs = mysql_query($sql);
				$id = mysql_fetch_array($Qrs);
				$absenId = $id["id"]+1;

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

				echo "<script>location.href='".$msp["rpt"]."';</script>";
			}else{
				$hitung_kmrn = strtotime($skr)-(86400*1);
				$kmrn = date("Y-m-d",$hitung_kmrn);

				$sql = "select * from hrd_absen where absen_tgl = '".$kmrn."' and id_user = ".$_SESSION["hrd-id"];
				$rs = mysql_query($sql);
				$cekAbsenKemarin = mysql_fetch_array($rs);

				if(!$cekAbsenKemarin) {
					// echo "<script>window.alert('Anda kemarin belum absen / tidak masuk');</script>";
				}else{
					$sql = "select * from hrd_absen where absen_tgl = '".$kmrn."' and id_user = ".$_SESSION["hrd-id"]." order by absen_cout desc";
					$rs = mysql_query($sql);
					$cekAbsenKemarinCout = mysql_fetch_array($rs);

					if(!$cekAbsenKemarinCout["absen_cout"]) {
						echo "<script>window.alert('Anda kemarin belum cek out');</script>";
					}
				}

				$ar_cin = explode(":",$dataPgw["pgw_cin"]);
				$detik_cin = ($ar_cin[0]*60*60)+($ar_cin[1]*60)+$ar_cin[2];

				if($detik_wkt>$detik_cin) {
					echo "<script>window.alert('Anda telat hari ini');</script>";
					$ket_telat = "y";
				}else{
					$ket_telat = "n";
				}

				$sql = "select max(absen_id) as id from hrd_absen";
				$Qrs = mysql_query($sql);
				$id = mysql_fetch_array($Qrs);
				$absenId = $id["id"]+1;

				$sql = "insert into hrd_absen (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."','".$fto."','".$absen_ket."')";
				// echo "B=".$sql;
				$rs = mysql_query($sql);

				echo "<script>location.href='".$msp["rpt"]."';</script>";
			}
		}elseif($_POST["act"] == "out"){
			if($_POST["absen_ket"]) {
				$image_id = time();
				$images = $_FILES["gambar2"]["name"];
				$source_img = $_FILES["gambar2"]["tmp_name"];
				if($images) {
					$rename = explode(".",$images);
					if(count($rename) > 1) {
						$images = "cout_".$image_id.".".$rename[1];
						$fto = "cout_".$image_id.".".$rename[1];
						// move_uploaded_file($_FILES["gambar2"]["tmp_name"],"img/out/" . $images);

						$destination_img = "img/out/cout_".$image_id.".".$rename[1];

						$d = compress($source_img, $destination_img, 50);
					}
				}
				// $fileName2 = $_FILES['gambar2']['name'];
				// $fileName2 = time();
				// $move2 = move_uploaded_file($_FILES['gambar2']['tmp_name'], "img/out/".$_FILES['gambar2']['name']);
				// if($move2) {       
				// }
				
				$sql = "select absen_id from hrd_absen where absen_cout is null and id_user = ".$_SESSION["hrd-id"]." and absen_tgl = '".$skr."'";
				$rs = mysql_query($sql);
				$statCek = mysql_fetch_array($rs);

				$sql = "update hrd_absen set gambar2 = '".$fto."',lang2 = '".$long."',lat2 = '".$lat."',absen_tgl = '".$skr."',id_user = ".$_SESSION["hrd-id"].",absen_cout = '".$wkt."', absen_ket2 = '".$_POST["absen_ket"]."' where absen_id = ".$statCek["absen_id"]."";
				$rs = mysql_query($sql);
				echo "<script>location.href='".$msp["prf"]."';</script>";
			}else{
				echo "<script>window.alert('Keterangan harus diisi terlebih dahulu');</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=AIzaSyB8Sjbiew3YRW9LWEzu5_0mCryA9ZreO3c&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["cin"];?>" 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);
				document.getElementById('tombolabsen').innerHTML = "<button type='submit' name='btnCek' value='Cek <?php if($act=="in") {?>In<?php }else{ ?>Out<?php } ?> Now' class='btn btn-warning rounded sq-btn text-white' type='button'><i class='material-icons w-25px'>fingerprint</i></button>";
            }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>
<!--div id="gmap"></div-->


</center>

									<?php if($act=="out") {?>
										<br><b><U>ABSENSI PULANG</U></b>
									<?php }else{ ?>
										<br><b><U>ABSENSI MASUK</U></b>
									<?php } ?>
									<br><b>Jam Masuk / Pulang : </b><?php echo $dataPgw["pgw_cin"];?> / <?php echo $dataPgw["pgw_cout"];?>
									<br><b>Tanggal Hari Ini : </b><?php echo format_date_long($skr);?>
									<br><b>Waktu Masuk : </b><?php echo $wkt;?>
									<!--br><b>Lokasi Anda : </b>
									<div id="googleMap" style="width:100%;height:400px;"></div>
									<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="">
									
									<?php if($act=="out") {?>
										<b>Foto Anda : <input type='file' class='form-control' name='gambar2' 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><br>
									<?php }else{ ?>
										<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>
									<?php } ?>
									<div id="tombolabsen"></div>
                                </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 @2024, <?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>