HTML Dir

<html dir="ltr" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Human Resource Information System</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="wrappixel, admin dashboard, html css dashboard, web

dashboard, bootstrap 4 admin, bootstrap 4, css3 dashboard, bootstrap 4 dashboard, material admin
bootstrap 4 dashboard, frontend, responsive bootstrap 4 admin template, material design, material
dashboard bootstrap 4 dashboard template">
<script src="../../asset/gt_developer/jquery.min.js"></script>
<link href="../../asset/admus/chartist.css" rel="stylesheet">
<link href="../../asset/admus/chartist-init.css" rel="stylesheet">
<link href="../../asset/admus/chartist-plugin-tooltip.css" rel="stylesheet">
<link href="../../asset/admus/c3.css" rel="stylesheet">
<link href="../../asset/admus/style.css" rel="stylesheet">

<link rel="stylesheet" href="../../asset/vendor/bootstrap/css/modal.css">
<link rel="stylesheet" href="../../asset/gt_developer/adminlte.css">
<link rel="stylesheet" href="../../asset/gt_developer/modal_popup_on_popup.css">
<link rel="stylesheet" type="text/css" href="../../asset/gt_developer/vc-toggle-switch.css">
<link rel="stylesheet" href="../../asset/vendor/font-awesome/css/font-awesome.min.css">
<script src="../../asset/gt_developer/jquery.min.js"></script>

<link rel="stylesheet" href="../../asset/gt_developer/developer_hris.css">
<link rel="stylesheet" href="../../asset/gt_developer/forms.css">
<link rel="stylesheet" href="../../asset/gt_developer/loader.css">

<link href="../../asset/sdk_datatables_core/datatables/bedanihbuatjson/datatables/
datatables.min.css" rel="stylesheet">
<style>
.divBlockSpace {
position: fixed;
overflow: hidden;
background:url("../../asset/dist/img/loading.gif") no-repeat center center;
background-color: #fdfdfd;
opacity: .75;
filter: alpha(opacity=85);
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0 solid blue;
</style>
<style>
.loader {
border: 3px solid #f3f3f3;
border-radius: 50%;
border-top: 3px solid grey;
width: 40px;
height: 40px;
-webkit-animation: spin 1s linear infinite; /* Safari */
animation: spin 1s linear infinite;
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
</style><style>
body {font-family: Arial, Helvetica, sans-serif;}
/* The modals (background) */
.modals {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 99; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */

height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
/* modals Content */
/* KALO VIEW MOBILE */
@media (max-width:960px) {
.modals-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
min-height: 370px;
margin-top: 70px;
.modals-content-loader {
background-color: #02020270;
margin: auto;
padding: 20px;
width: 80%;
margin-top: 150px;
border-radius: 5px;
.button_bot {
background-color: #F68A22;
border: solid 1px #DCDFDE;
font-weight: bold;
color: #E1E1E1;
width: 100%;
height: 40px;
padding: 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 1px 1px;
cursor: pointer;
border-radius: 40px;
.button_bot[disabled]{
font-weight: bold;
color: #E1E1E1;
width: 100%;
height: 40px;
padding: 12px;
text-align: center;
font-size: 14px;
margin: 1px 1px;
cursor: pointer;
/* KALO VIEW WEB */
@media (min-width:960px) {
.modals-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
width: 25%
.modals-content-loader {
background-color: #02020270;
margin: auto;
padding: 20px;
width: 20%;
margin-top: 150px;
border-radius: 5px;
.button_bot {
font-weight: bold;
color: #E1E1E1;
width: 100%;
height: 40px;
padding: 12px;
text-align: center;
font-size: 14px;
margin: 1px 1px;
cursor: pointer;
.button_bot[disabled]{
font-weight: bold;
color: #E1E1E1;
width: 100%;
height: 40px;
cursor: no-drop;
padding: 12px;
text-align: center;
font-size: 14px;
margin: 1px 1px;
cursor: pointer;
.dataTables_paginate{
float: left !important;
margin-top: 10px;
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.sub_div {
position: absolute;
bottom: 20px;
span.required {
color: red;
</style><style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility:

hidden;background: rgb(0, 0, 0) transparent;background-color:
rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,
endColorstr=#99000000);-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,
endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space:
nowrap;padding: 5px;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial,
san serif;text-align: left;}</style></head>
<body class="" style="">



<div class="preloader" style="display: none;">
<div class="lds-ripple">
<div class="lds-pos"></div>
<div class="lds-pos"></div>
</div>
</div>



<div id="main-wrapper" data-theme="light" data-layout="vertical" data-navbarbg="skin6" data-

sidebartype="mini-sidebar" data-sidebar-position="fixed" data-header-position="fixed" data-boxed-
layout="full" class="mini-sidebar">



<header class="topbar" data-navbarbg="skin6">
<nav class="navbar top-navbar navbar-expand-md navbar-light">
<div class="navbar-header" data-logobg="skin6">

<a class="nav-toggler waves-effect waves-light d-block d-md-none"

href="javascript:void(0)"><i class="fa fa-bars"></i></a>




<a class="navbar-brand" href="../hrm{sys=dashboard}">

<b class="logo-icon">


<img src="../../asset/admus/logo-icon.png" alt="homepage" class="dark-logo">

<img src="../../asset/admus/logo-light-icon.png" alt="homepage" class="light-logo">
</b>


<span class="logo-text">

<img src="../../asset/admus/logo-text.png" alt="homepage" class="dark-logo">

<img src="../../asset/admus/logo-light-text.png" class="light-logo" alt="homepage">
</span>
</a>






<a class="topbartoggler d-block d-md-none waves-effect waves-light collapsed" data-

toggle="collapse" data-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><div
class="toolbar sprite-toolbar-search" id="SEARCH" title="Search"></div></a>
</div>




<div class="navbar-collapse collapse" id="navbarSupportedContent" data-navbarbg="skin6"

style="">



<ul class="navbar-nav mr-auto">

<li class="nav-item"> <a class="nav-link sidebartoggler d-none d-md-block waves-effect

waves-dark" href="javascript:void(0)"><i class="fa fa-bars"></i></a> </li>
</ul>



<ul class="navbar-nav">










<li class="nav-item dropdown">


<div class="dropdown-menu mailbox dropdown-menu-right scale-up" aria-
labelledby="2">
<ul class="list-style-none">
<li style="background: #eee;">
<div class="border-bottom rounded-top py-3 px-4">
<h5 class="font-weight-medium mb-0">Active Request</h5>
</div>
</li>
<li>
<div id="notifications" class="message-center message-body position-relative

ps-container ps-theme-default" style="height:250px;" data-ps-id="e0b7a2a1-ee49-4fdf-48dc-
6d9c404acce0">


<div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps-

0px;"></div></div><div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps-
</li>
<li>
<a class="nav-link border-top text-center text-dark pt-3"

href="../hrm{sys=time.approval}"> <b>See all</b> <i class="fa fa-angle-right"></i> </a>
</li>
</ul>
</div>
</li>






<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-dark" href="" data-

toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="../../asset/emp_photos/16-1466.jpeg" alt="user" class="profile-pic

rounded-circle" width="30" style="height: 30px;">
</a>
<div class="dropdown-menu mailbox dropdown-menu-right scale-up">
<ul class="dropdown-user list-style-none">
<li>
<div class="dw-user-box p-3 d-flex">
<div class="u-img"><img src="../../asset/emp_photos/16-1466.jpeg"

alt="user" class="rounded" width="80"></div>
<div class="u-text ml-2">
<h4 class="mb-0">RINO RAHARJA</h4>
<p class="text-muted mb-1 font-14">16-1466</p>
<a href="../hrm{sys=emp.profile}" class="btn btn-rounded btn-danger

btn-sm text-white d-inline-block">View
Profile</a>
</div>
</div>
</li>
<li role="separator" class="dropdown-divider"></li>
<li class="user-list"><a class="px-3 py-2" href="../../application/logout"><i

class="fa fa-power-off"></i> Logout</a></li>
</ul>
</div>
</li>
</ul>
</div>
</nav>
</header>




<style>
@-webkit-keyframes spinnerframes {
0% {
height: 25%
50% {
height: 40%
100% {
height: 100%
@keyframes spinnerframes {
0% {
height: 25%
50% {
height: 40%
100% {
height: 100%
.spinner {
display: block;
margin: 50px auto;
position: relative;
height: 18px;
width: 18px
.spinner.large {
height: 32px;
width: 32px
.spinner .bar {
border-radius: 2px;
background: hsl(0, 0%, 83%);
display: block;
width: 30%;
position: absolute;
height: 0;
-webkit-animation-name: spinnerframes;
-webkit-animation-direction: alternate;
-webkit-animation-duration: .35s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-name: spinnerframes;
animation-direction: alternate;
animation-duration: .35s;
animation-timing-function: linear;
animation-iteration-count: infinite
.spinner .bar.bar1 {
top: 0;
left: 0
}
top: 0;
left: 35%;
-webkit-animation-delay: .1s;
animation-delay: .1s
top: 0;
left: 70%;
-webkit-animation-delay: .2s;
animation-delay: .2s
</style>
<style>
.modal.left .modal-dialog,
.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 420px;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
.modal.right .modal-body {
padding: 40px 20px 100px;
.modal.right.fade .modal-dialog {
right: -420px;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
.modal.right.fade.in .modal-dialog {
right: 0;
</style>
<style type="text/css">
div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
font-size: 1px;
color:white;
background-image: url("../../asset/dist/img/index.gif");
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)),

color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%,
rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9)

25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%,

rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%,

rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%,

rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%,

rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
</style>
<style>
</style>


<aside class="left-sidebar" data-sidebarbg="skin5">

<div class="scroll-sidebar ps-container ps-theme-default" data-ps-id="0cfac01e-ae08-ab17-1a80-

da8ce229d67c">


<div class="user-profile position-relative" style="background: url(../../asset/img/dashboard.png)

no-repeat;">

<div class="profile-img"> <img src="../../asset/emp_photos/16-1466.jpeg" alt="user" class="w-

100"> </div>

<div class="profile-text pt-1">
<a href="#" class="dropdown-toggle u-dropdown w-100 text-white d-block position-relative"

data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">16-1466 RINO
RAHARJA</a>
<div class="dropdown-menu animated flipInY">
<a href="../hrm{sys=emp.profile}" class="dropdown-item"><i class="fa fa-user"></i>
My Profile</a>
<div class="dropdown-divider"></div>
<a href="../../application/logout" class="dropdown-item"><i class="fa fa-power-off"></i>

Logout</a>
</div>
</div>
</div>


<nav class="sidebar-nav">
<ul id="sidebarnav" class="in">
<li class="sidebar-item">
<a class="sidebar-link has-arrow waves-effect waves-dark" aria-expanded="false">
<div class="menu-round">


<img src="../../asset/img/mygajah/employee.png" class="" alt="" style="width:35px">

</div>
<span class="hide-menu">  Employee </span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<a title="Employee Information" href="../hrm{sys=emp.inf_new}" class="sidebar-

link"><img src="../../asset/img/mygajah/employee.png" alt="" style="width:25px">
<span class="hide-menu"> Employee Information </span>
</a>
</li>
<a title="Whistle Blower" href="../hrm{sys=whistle_request}" class="sidebar-link"><img

src="../../asset/img/mygajah/employee.png" alt="" style="width:25px">    <span
class="hide-menu"> Whistle Blower </span>
</a>
</li>
<a title="Employee Survey" class="has-arrow sidebar-link active" href="javascript:void(0)"

aria-expanded="false"><img src="../../asset/img/mygajah/employee.png" alt=""
style="width:25px">
<span class="hide-menu">Employee Survey</span></a>
<ul aria-expanded="false" class="collapse second-level in">
<a title="List Survey" href="../hrm{sys=evt{survey}}" class="sidebar-link"><img

class="hide-menu"> List Survey</span></a>
</li>
</ul>
</li>
<a title="Employee Update" class="has-arrow sidebar-link active" href="javascript:void(0)"

aria-expanded="false"><img src="../../asset/img/mygajah/employee.png" alt=""
style="width:25px">
<span class="hide-menu">Employee Update</span></a>
<a title="Update Data" href="../hrm{sys=emp.update}" class="sidebar-link"><img

class="hide-menu"> Update Data</span></a>
</li>
<a title="Update History" href="../hrm{sys=emp.updateHistory}" class="sidebar-

link"><img src="../../asset/img/mygajah/employee.png" alt="" style="width:25px">
<span class="hide-menu"> Update History</span></a>
</li>
</ul>
</li>
</ul>
</li>
<a class="sidebar-link has-arrow waves-effect waves-dark" aria-expanded="false">
<div class="menu-round">


<img src="../../asset/img/mygajah/time.png" class="" alt="" style="width:35px">

</div>
<span class="hide-menu">  Time & Attendance </span>
</a>
<ul aria-expanded="false" class="collapse first-level">

<a title="Leave" class="has-arrow sidebar-link active" href="javascript:void(0)" aria-

expanded="false"><img src="../../asset/img/mygajah/time.png" alt="" style="width:25px">
<span class="hide-menu">Leave</span></a>
<a title="Leave Request" href="../hrm{sys=time.attendance}" class="sidebar-link"><img

src="../../asset/img/mygajah/time.png" alt="" style="width:25px">   <span class="hide-
menu"> Leave Request</span></a>
</li>
<a title="Leave Approval" href="../hrm{sys=time.approval}" class="sidebar-link"><img

menu"> Leave Approval</span></a>
</li>
<a title="Leave Cancellation Request" href="../hrm{sys=leave.cancellation}"
class="sidebar-link"><img src="../../asset/img/mygajah/time.png" alt=""
style="width:25px">   <span class="hide-menu"> Leave Cancellation
Request</span></a>
</li>
<a title="Leave Cancellation Approval" href="../hrm{sys=leave.cancellation.approval}"

style="width:25px">   <span class="hide-menu"> Leave Cancellation
Approval</span></a>
</li>
</ul>
</li>
<a title="OnDuty" class="has-arrow sidebar-link active" href="javascript:void(0)" aria-

expanded="false"><img src="../../asset/img/mygajah/time.png" alt="" style="width:25px">
<span class="hide-menu">OnDuty</span></a>

<a title="OnDuty Request" href="../hrm{sys=OnDuty.Request}" class="sidebar-

link"><img src="../../asset/img/mygajah/time.png" alt="" style="width:25px">   <span
class="hide-menu"> OnDuty Request</span></a>
</li>
<a title="OnDuty Request Approval" href="../hrm{sys=OnDuty.RequestApproval}"

style="width:25px">   <span class="hide-menu"> OnDuty Request
Approval</span></a>
</li>
<a title="OnDuty Cancellation Request"

href="../hrm{sys=OnDuty.CancellationRequest}" class="sidebar-link"><img
menu"> OnDuty Cancellation Request</span></a>
</li>
<a title="OnDuty Cancellation Approval"

href="../hrm{sys=OnDuty.CancellationApproval}" class="sidebar-link"><img
menu"> OnDuty Cancellation Approval</span></a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>


<div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 0px;">
<div class="ps-scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div>
</div>
<div class="ps-scrollbar-y-rail" style="top: 0px; height: 448px; right: 3px;">
<div class="ps-scrollbar-y" tabindex="0" style="top: 0px; height: 62px;"></div>
</div>
<div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps-scrollbar-x"

tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps-scrollbar-y-rail" style="top:
0px; right: 3px;"><div class="ps-scrollbar-y" tabindex="0" style="top: 0px; height:


<div class="sidebar-footer" style="text-align: center;background-color: #079378;">

</div>

</aside>




<div onclick="return stopload()" id="divBlockSpace" class="divBlockSpace" style="visibility:

hidden;"></div>
<div onclick="return stopload()" id="loading-circle" style="display: none;"></div>
<div id="contents" style="visibility: visible;"></div>






<div class="page-wrapper" style="display: block;">
<div class="row page-titles">
<div class="col-md-5 col-12 align-self-center">
<h3 class="text-themecolor mb-0">Time & Attendance</h3>
<ol class="breadcrumb mb-0 p-0 bg-transparent">
<li class="breadcrumb-item"><a
href="javascript:void(0)">Home  </a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
Leave Request</li>
</ol>
</div>
<div class="col-md-7 col-12 align-self-center d-none d-md-block">
<div class="d-flex mt-2 justify-content-end">
</div>
</div>
</div>



<div class="container-fluid">

<div class="row">
<div class="col-lg-12 col-md-12">
<div class="row">


<div onclick="return stopload()" id="loading-circle"></div>

<script src="vendor/modal/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
var limit = 100;
var start = 0;
var action = 'inactive';
function load_employement_data(limit, start) {
$.ajax({
url: "loadmore.php",
method: "POST",
data: {
limit: limit,
start: start },
cache: false,
success: function(data) {
$('#example3LOAD').append(data);
$('#loader-datatable').hide();
if ('#example3LOAD' == '') {
action = 'active';
$('#msg').hide();
} else {
document.getElementById("msg").innerHTML = "";
action = 'inactive';
});
if (action == 'inactive') {
action = 'active';
window.document.getElementById("msg").innerHTML = "<img
src='../../asset/dist/img/indexa.gif' width='90px'>";
load_employement_data(limit, start);
$(window).scroll(function() {
if ($(window).scrollTop() + $(window).height() >
420 && action == 'inactive') {
action = 'active';
start = start + limit;
setTimeout(function() {
load_employement_data(
limit,
start);
}, 1000);
});
});
</script>
<div class="col-md-12">
<div class="card">
<div class="card-header d-flex align-items-center">
<h4 class="card-title mb-0">Leave Request</h4>
<div class="card-actions ml-auto">
<table>
<tbody><tr><td>

<a href="#" class="" data-toggle="modal" id="modal_tambah" id1="" data-

target="#modal-new-request">
<div class="toolbar sprite-toolbar-add" title="Add"></div>
</a>
</td>
<td>
<a href="#" onclick="return stopload()" class="open_modal_search">
<div class="toolbar sprite-toolbar-search" id="SEARCH" title="Search"></div>
</a>
</td>




<td>
<a href="" onclick="return stopload()">
<div class="toolbar sprite-toolbar-reload" id="RELOAD" title="Reload"

onclick="reloadPage();">
</div>
</a>
</td>


</tr></tbody></table>
</div>
</div>
<div class="card-body table-responsive p-0" style="width: 100vw;height: 78vh; width: 98.8%;

margin: 5px;overflow: scroll;">
<table id="example3LOAD" width="99%" border="1" class="table table-bordered table-striped

table-HOVER table-head-fixed">
<thead>
<tr>
<th class="fontCustom" style="z-index: 1;" nowrap="nowrap">No.</th>
<th class="fontCustom" style="z-index: 1;">Request Number</th>

<th class="fontCustom" style="z-index: 1;">Request For</th>
<th class="fontCustom" style="z-index: 1;">Type of Leave</th>
<th class="fontCustom" style="z-index: 1;">Start Date</th>
<th class="fontCustom" style="z-index: 1;">End Date</th>
<th class="fontCustom" style="z-index: 1;">Total Days</th>
<th class="fontCustom" style="z-index: 1;">Remark</th>
<th class="fontCustom" style="z-index: 1;">Urgent</th>
<th class="fontCustom" style="z-index: 1;">Request Status</th>
<th class="fontCustom" style="z-index: 1;">Attachment</th>
<th class="fontCustom" style="z-index: 1;">Approval Status</th>
</tr>
<tr id="loader-datatable" name="loader-datatable" class="loader-datatable" style="display:

none;">
<td style="border: 1px solid #ececec;background: #fbfbfb;text-align: center;"

colspan="12">
<p id="msg" name="msg" class="loader-datatable">Data refreshed</p>
</td>
</tr>
</thead>

<tbody><tr>
<td class="fontCustom">1</td>
<td class="fontCustom">LVR2024022422101937</td>
<td class="fontCustom">RINO RAHARJA</td>
<td class="fontCustom">ANL</td>
<td class="fontCustom">02 Mar 2024</td>
<td class="fontCustom">02 Mar 2024</td>
<td class="fontCustom">0.5</td>
<td class="fontCustom">Keluarga</td>
<td class="fontCustom">No</td>
<td class="fontCustom"><span class="badge badge-Fully-Approved">Fully

Approved</span></td>
<td class="fontCustom"></td>
<td class="fontCustom">
<a href="#" class="open_modal_appsetting_lvu" data-toggle="modal"

id="LVR2024022422101937" data-target="#modal-preview_approver"><img
src="../../asset/dist/img/icons/icon-addinfo.png" data-toggle="tooltip" title="approval"></a>
</td>
</tr><tr>
<td class="fontCustom">PDPR</td>
<td class="fontCustom">16 Feb 2024</td>
<td class="fontCustom">16 Feb 2024</td>
<td class="fontCustom">Keluarga,</td>

<a href="#" onclick="return startload()" class="open_modal_attch"

id="LVR2024022421052970">
<div class="toolbar sprite-toolbar-cus" id="add"

title="LVR202402242105297024022024210529rino.jpg">
</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">ANLHDLV</td>
<td class="fontCustom">25 Jan 2024</td>


id="LVR2024012611152186">
title="LVR202401261115218626012024111521rino 26 01 24.jpg">
</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom"><span class="badge

badge-Cancelled">Cancelled</span></td>

id="LVR2024012611140101">

title="LVR202401261114010126012024111401rino 26 01 24.jpg">
</div>
</a>
</td>
</td>
</tr><tr>
<td class="fontCustom">Terlambat kesiangan</td>


id="LVR2024012414510088">

title="LVR202401241451008824012024145100rino raharja.jpg">
</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">30 Dec 2023</td>


</td>
</tr><tr>
<td class="fontCustom">Ketiduran</td>


id="LVR2023121906345111">
title="LVR202312190634511119122023063451RINO SS.jpg">
</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">18 Nov 2023</td>
<td class="fontCustom">18 Nov 2023</td>


id="LVR2023112009084991">

title="LVR202311200908499120112023090905RINO.jpg">
</div>
</a>
</td>
</td>
</tr><tr>
<td class="fontCustom">21 Oct 2023</td>


</td>
</tr><tr>
<td class="fontCustom">OSIC</td>
<td class="fontCustom">Kecelakaan Kerja, Tgl 29 September 2023, Tgl 30
September Surat Sakit Hermina. Tgl 02 Oktober 2023 Surat Klinik Gt</td>


id="LVR2023101010543328">

title="LVR202310101054332810102023105433rino tgl 02.jpg">
</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">30 Sep 2023</td>


id="LVR2023101010500436">

</div>
</a>
</td>

</td>
</tr><tr>



id="LVR2023101010491942">

</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">Keperluan Keluarga</td>


id="LVR2023091616314809">

title="LVR202309161631480916092023163148RINO RAHARJA.jpg">
</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">KEPERLUAN KELUARGA</td>


</td>
</tr><tr>
<td class="fontCustom">KEPERLUAN KELUARGA</td>

</td>
</tr><tr>
<td class="fontCustom">31 Aug 2023</td>
<td class="fontCustom">Keperluan Keluarga</td>


id="LVR2023083113114057">

title="LVR202308311311405731082023131140rino.jpg">
</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">MOTOR TIDAK MAU NYALA</td>


id="LVR2023082815221749">

title="LVR202308281522174928082023152217Lampiran telat 11-08-23.jpg">
</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">MOTOR TIDAK MAU NYALA</td>



id="LVR2023081110453629">

title="LVR202308111045362916082023093811rinooo.jpg">
</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">KELUARGA</td>


id="LVR2023080710365316">

</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">10 Jul 2023</td>
<td class="fontCustom">10 Jul 2023</td>
<td class="fontCustom">Ketiduran, 3C</td>


id="LVR2023071216492606">

</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">17 Jun 2023</td>
<td class="fontCustom">17 Jun 2023</td>
<td class="fontCustom">Keperluan Pribadi</td>


id="LVR2023061514110758">

title="LVR202306151411075815062023141107RINO.jpg">
</div>
</a>
</td>

</td>
</tr><tr>
<td class="fontCustom">GRD</td>
<td class="fontCustom">25 May 2023</td>
<td class="fontCustom">25 May 2023</td>
<td class="fontCustom">WISUDA UNIVERSITAS RAHARJA, 3C</td>


id="LVR2023052008240709">

title="LVR2023052008240709Wisuda Rino 2023.pdf">
</div>
</a>
</td>

</td>
</tr></tbody><tbody>

<script type="text/javascript">
$(".open_modal_edit").click(function(e) {
var m = $(this).attr("id");
$.ajax({
url: "modal_edit.php?emp_id=16-1466",
type: "POST",
data: {
id: m,
},
success: function(ajaxData) {
$("#ModalEdit").html(ajaxData);
$("#ModalEdit").modal({
backdrop: 'static',
keyboard: 'false'
});
});
});
});
</script>
$(".open_modal_attch").click(function(e) {
$.ajax({
url: "modal_attch.php?emp_id=16-1466",
type: "POST",
data: {
id: m,
},
backdrop: 'static',
keyboard: 'false'
});
});
});
});
</script>
$(".open_modal_add").click(function(e) {
$.ajax({
url: "modal_add.php?emp_id=16-1466",
type: "POST",
data: {
id: m,
},
backdrop: 'static',
keyboard: 'false'
});
});
});
});
</script>
$(".open_modal_search").click(function(e) {
$.ajax({
url: "modal_search.php?emp_id=16-1466",
type: "POST",
data: {
id: m,
},
$("#ModalSearch").html(ajaxData);
$("#ModalSearch").modal({
backdrop: 'static',
keyboard: 'false'
});
});
});
});
</script>

$(".open_modal_revised").click(function(e) {
$.ajax({
url: "modal_revised.php?emp_id=16-1466",
type: "POST",
data: {
id: m,
},
backdrop: 'static',
keyboard: 'false'
});
});
});
});
</script></tbody></table>
</div>
<div class="card-footer" style="background-color: #eee;height: 37px;padding-top: 5px;">
<div class="row mb-2">
<div class="col-sm-10">
</div>
<div id="toolbarlist">
<div class="toolbar-load sprite-toolbar-loadmore" id="ADD" title="Add"

onclick="innerPop('?xfid=hrm.employee.add&forcegen=1',reposBlock)">
<a class="down" href="#"></a><button><a class="down" href="#">Load More</a>
</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ModalSearch" class="modal right fade" tabindex="-1" role="dialog" aria-

labelledby="myModalLabel" aria-hidden="true">
</div>
<div id="ModalEdit" class="modal fade" tabindex="-1" role="dialog" aria-

labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<link rel="stylesheet" href="../../asset/gt_developer/developer_hris_form.css">
<script src="vendor/modal/bootstrap.min.js"></script>
<div class="modal-dialog modal-med">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Leave Request Attachment LVR2024022421052970</h4>
<div class="toolbar sprite-toolbar-close" aria-label="Close" onclick="return stopload()" data-

dismiss="modal" id="SEARCH" title="Search"></div>
</div>
<form name="form1" method="post" id="multiple_upload_form" enctype="multipart/form-

data" onsubmit="return HrmsValidationForm()">
<fieldset id="fset_1">
<legend>Attachment Submission Form</legend>

<input class="hidden" id="db_requestno" name="db_requestno" type="hidden"

value="LVR2024022421052970">

<div class="form-row">
<div class="col-4 name">Employee no*</div>
<div class="col-sm-8 name">
16-1466 </div>
</div>
<div class="col-4 name">Name*</div>
<div class="col-sm-8 name">
RINO RAHARJA </div>
</div>
<div class="form-row" id="tr_inp_urgent_reason" style="display:none;">
<div class="col-4 name">Urgent Reason</div>
<div class="input-group">
<select name="sel_inp_urgreason" class="input--style-6 urgent_reason" style="margin-

bottom: 2px; width: 100%;height: 30px;">
<option>--Select One--</option>
</select>
</div>
</div>
</div>
<div class="col-4 name">File Attachment </div>
<div class="input-group js-input-file">
<input class="input-file" id="inp_refdoc" name="inp_refdoc[]" type="File" value=""

onfocus="hlentry(this)" size="30" maxlength="50" style="float: left; margin: -3px;"
onchange="formodified(this);" title="">
</div>
<div class="label--desc">Upload any other relevant file. Max
file size 3 MB, doc,jpg,jpeg,ods,png,txt,doc,pdf </div>
</div>
</div>
<legend>List Attachment</legend>

<table border="1" width="80%" class="table table-bordered table-striped table-HOVER table-

head-fixed">
<thead>
<tr>
<th class="fontCustom">Doc Number</th>
<th class="fontCustom">File Name</th>
</tr>
</thead>
<tbody><tr>
<td href="#">LVR2024022421052970</td>
<a
href="../../application/API/mobile/attachment/uploads/LVR202402242105297024022024210529rin
o.jpg" onclick="return startload()">
LVR20240224210529702... </a>
<br>
24 February 2024 21:05:30
<button type="button" id="mymodal" class="btn btn-primary" data-toggle="modal"

data-target="#myModal"
data-src="../../application/API/mobile/attachment/uploads/LVR20240224210529702402202421052
9rino.jpg">
see file
</button>
</td>
</tr></tbody></table>
</fieldset>
</fieldset>
<div class="modal-footer">
<div class="form-group">
<button onclick="return stopload()" type="button" class="btn btn-default" data-

dismiss="modal">Cancel</button>
<button type="submit" name="submit_add_attachment" class="btn btn-

warning">Upload</button>
</div>
</div>
</form>
</div>
</div>
<script>
var uploadField = document.getElementById("inp_refdoc");
// doc,jpg,ods,png,txt,doc,pdf
var allowedFiles = [".doc", ".jpg", ".jpeg", ".ods", ".png", ".txt", ".docx", ".pdf"];
var regex = new RegExp("([a-zA-Z0-9\s_\\.\-:])+(" + allowedFiles.join('|') + ")$");
uploadField.onchange = function() {
if (this.files[0].size > 3145728) {
alert("File is too large, max file upload is 3MB !");
this.value = "";
} else if (!regex.test(uploadField.value.toLowerCase())) {
alert("Only file [doc,jpg,jpeg,ods,png,txt,doc,pdf] allowed");
this.value = "";
};
};
</script>

<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-sm">
<div class="modal-content" style="margin-top: 100px; width:99%">
<script>
jQuery(document).ready(function(e) {
$('button').on('click', function(e) {
$img = $(this).attr("data-src");
$('#myModal object').attr('data', $img);
});
});
</script>
<object class="object" data="../../application/API/mobile/attachment/uploads/"

type=""></object>
</div>
</div>
</div>
<style>
.object {
width: 100%;
height: 100%;
overflow: scroll;
</style></div></div>


<div class="modal fade" id="modal-new-request" style="display: none;" aria-hidden="true">
<h4 class="modal-title" id="title_tambah">Add Leave Request</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-

top: -15px;">
<span aria-hidden="true">×</span>
</button>
</div>
<div id="tampil_tambah">
<script>
//CEK APAKAH URGENT ATAU TIDAK
$("#inp_urgent_on").click(function() {
var inp_urgent_on = document.getElementById("inp_urgent_on").value;
if (inp_urgent_on == '1') {
$("#tr_inp_urgent_on").hide();
$("#tr_inp_urgent_off").show();
$("#tr_inp_urgent_reason").show();
$('#inp_urgent_on').prop('checked', false);
document.getElementById("inp_urgent_on_back").setAttribute("name", "hidden");
document.getElementById("inp_urgent_off").setAttribute("name", "inp_urgent_decl");
});
});
$("#inp_urgent_off").click(function() {
var inp_urgent_off = document.getElementById("inp_urgent_off").value;
if (inp_urgent_off == '1') {
$("#tr_inp_urgent_on").show();
$("#tr_inp_urgent_off").hide();
$("#tr_inp_urgent_reason").hide();
$('#inp_urgent_off').prop('checked', true);
document.getElementById("inp_urgent_on_back").setAttribute("name", "inp_urgent_decl");
document.getElementById("inp_urgent_off").setAttribute("name", "hidden");
});
});
</script>

<link rel="stylesheet"
href="../../asset/gt_developer/gt_datepicker_20211002/materialDateTimePicker.css">
<script type="text/javascript"
src="../../asset/gt_developer/gt_datepicker_20211002/moment.js"></script>
src="../../asset/gt_developer/gt_datepicker_20211002/materialDateTimePicker.js"></script>
<div class="modal-body">
<form name="form1" method="post" id="multiple_upload_form" enctype="multipart/form-data"

onsubmit="return HrmsValidationForm()">
<legend>Leave Entry Form</legend>
<div class="col-4 name">Employee no*</div>
<input class="input--style-6" onkeyup="" autocomplete="off" autofocus="on"

id="modal_emp" name="modal_emp" type="Text" value="16-1466" onfocus="hlentry(this)"
size="30" maxlength="50" style="" validate="NotNull:Invalid Form Entry"
onchange="formodified(this);" title="" readonly="">
</div>
</div>
</div>
<div class="col-4 name">Name*</div>
<input class="input--style-6" style="background-color: #fff3b4;" id="inp_nickname"

name="inp_nickname" type="Text" value="RINO RAHARJA" onfocus="hlentry(this)" size="20"
maxlength="50" validate="NotNull:Invalid Form Entry" onchange="formodified(this);" title=""
readonly="">
</div>
</div>
</div>
<div class="col-4 name">Type of Leave*</div>
<select class="input--style-6 modal_leave" name="modal_leave" style="width: 50%;height:

30px;" id="modal_leave">
<option value="0">--Select One--</option>
<option value="ANL">Annual Leave</option><option

value="BPT">Baptism</option><option value="CCM">Circumcision</option><option
value="DCF">Deceased of Close Family(Wife, Husband, Son / Daugter in law, Children, Parents and
Parents in law)</option><option value="DOR">Deceased of Relative in the employee's
residence</option><option value="DSCI">Dispensasi Perusahaan</option><option
value="ECB">Employee's Child Birth / Miscarriage</option><option value="EML">Employee
Marriage Leave</option><option value="GRD">Employee's Graduation</option><option
value="GRDC">Employee's Child Graduation</option><option value="HCF">Family Member
Hospitalized </option><option value="HOSP">Hospitalize (Opname)</option><option
value="LTHK">Subtitution For Off Day (L3)</option><option value="MCL">Miscarriage
Leave</option><option value="MNLV">Menstruation Leave</option><option
value="MOC">Marriage of Children</option><option value="MTLV">Maternity
Leave</option><option value="OSIC">Work Accident</option><option value="PDPR">Partial Day
Permit</option><option value="PERMIT">Permit</option><option value="PERMITHALF">Permit
Half Day</option><option value="PLG">Pilgrimage</option><option
value="SICK">Sick</option><option value="SICKHALF">Sick Half Day</option><option
value="SUS">Suspension</option><option value="UMR">Personnal Umroh</option><option
value="UMRCMP">Company Umroh</option> </select>
</div>
</div>
</div>
<div class="form-row" style="display:none;" id="inp_leavebalanceR">
<div class="col-4 name">Balance*</div>
<input class="input--style-6" style="margin-bottom: 2px;background-color: #fff3b4;"
id="inp_leavebalance" name="inp_leavebalance" type="Text" value="" onfocus="hlentry(this)"
size="20" maxlength="50" validate="NotNull:Invalid Form Entry" onchange="formodified(this);"
title="" readonly="">
</div>
</div>
</div>
<div class="col-4 name">Date of Leave*</div>
<div class="col-sm-4" style="padding-bottom:5px">
<input type="text" id="modal_leave_start" class="input--style-6"

name="modal_leave_start" style="
background-image:url(../../asset/dist/img/icons/calendar_icon.gif);
background-size: 17px;
background-position:right;
background-repeat:no-repeat;
padding-right:10px;
" autocomplete="off" data-dtp="dtp_NoXGF">
</div>
</div>
<select class="input--style-6" style="display:none;height: 30px;width:150px"

id="inp_hdtype_starttime" name="inp_hdtype_starttime" onfocus="hlentry(this)"
onchange="formodified(this);">
<option value="1" style="display: none;">First Half</option>
<option value="1">First Half</option>

<option value="2">Second Half</option>
</select>

id="inp_hdtype_starttime_con2" name="inp_hdtype_starttime" onfocus="hlentry(this)"
<option value="3" style="display: none;">Full Day</option>
<option value="3">Full Day</option>
</select>
<select class="input--style-6" style="display:none;background-color:

blanchedalmond;height: 30px;width:150px" id="inp_hdtype_starttime_full_day"
name="inp_hdtype_starttime" onfocus="hlentry(this)">
</select>

<input class="input--style-6" style="display:none; margin-bottom: 2px; width: 90px;"

id="inp_starttime" name="inp_starttime" placeholder="HH:ii" value="00:00" pattern="([0-1]{1}[0-9]
{1}|20|21|22|23):[0-5]{1}[0-9]{1}" data-dtp="dtp_Pq470">
</div>
</div>
<div id="HD" class="col-sm-1" style="display:none;">
<div style="display:none;" id="hide" class="toolbar sprite-toolbar-add" title="Add"></div>
<div id="show" class="toolbar sprite-toolbar-add" title="Add">

</div>
</div>
</div>
</div>
<div class="col-4 name">To</div>
<div class="col-sm-4" style="padding-bottom:5px">
<input class="input--style-6" maxlength="10" type="text" style="
background-image:url(../../asset/dist/img/icons/calendar_icon.gif);
background-size: 17px;
background-position:right;
background-repeat:no-repeat;
padding-right:10px;
" id="modal_leave_end" name="modal_leave_end"

autocomplete="off" data-dtp="dtp_hYpPt">
</div>
</div>

id="inp_hdtype_starttime2" name="inp_hdtype_starttime2" onfocus="hlentry(this)"


</select>
<input id="inp_hdtype_starttime2_declare" name="inp_hdtype_starttime2"

type="hidden" value="undefined">
<input class="input--style-6" style="display:none; margin-bottom: 2px; width: 90px;"

id="inp_endtime" name="inp_endtime" placeholder="HH:ii" value="00:00" pattern="([0-1]{1}[0-9]
{1}|20|21|22|23):[0-5]{1}[0-9]{1}" data-dtp="dtp_vvwSI">
</div>
</div>
</div>
<div class="col-4 name">Remark*</div>
<textarea class="textarea--style-6" id="inp_remark" name="inp_remark"

placeholder="Remark of Leave"></textarea>
</div>
</div>
</div>
<div class="form-row" id="tr_inp_leaveisurgent" style="display:none;">
<div class="col-4 name">Urgent? </div>
<div class="input-group" id="tr_inp_urgent_on">
<div class="vc-toggle-container">
<label class="vc-switch">
<input type="checkbox" name="inp_urgents" id="inp_urgent_on" value="1" class="vc-

switch-input">
<input type="hidden" checked="checked" name="inp_urgent_decl"

id="inp_urgent_on_back" value="0" class="vc-switch-input hidden">
<span class="vc-switch-label" data-on="Yes" data-off="No"></span>
<span class="vc-handle"></span>
</label>
</div>
</div>
<div class="input-group" id="tr_inp_urgent_off" style="display:none;">
<div class="vc-toggle-container">
<label class="vc-switch">
<input type="checkbox" checked="checked" name="inp_urgent" id="inp_urgent_off"

value="1" class="vc-switch-input">
<span class="vc-switch-label" data-on="Yes" data-off="No"></span>
<span class="vc-handle"></span>
</label>
</div>
</div>
</div>
</div>
<div class="form-row" id="tr_inp_urgent_reason" style="display:none;">
<div class="col-4 name">Urgent Reason</div>
<select name="sel_inp_urgreason" class="input--style-6 urgent_reason" style="margin-

bottom: 2px; width: 100%;height: 30px;">
<option>--Select One--</option>
</select>
</div>
</div>
</div>
<div class="col-4 name">File Attachment </div>
<div class="input-group js-input-file">
<input class="input-file" id="inp_refdoc" name="inp_refdoc[]" type="File" value=""

onfocus="hlentry(this)" size="30" maxlength="50" style="float: left; margin: -3px;"
onchange="formodified(this);" title="">
</div>
<div class="label--desc">Upload your Effident or any other relevant file. Max
file size 3 MB, doc,jpg,ods,png,txt,docx,pdf </div>
</div>
</div>
<table style="width: 95%;">
<input type="hidden" id="inp_leavedaytype" name="inp_leavedaytype" value="">
<input type="hidden" id="inp_leavecompany" name="inp_leavecompany" value="">
<input type="hidden" id="get_token" name="get_token"

value="$2y$10$ZOrimlTbkHd79PqJvNUYru.b8RJWkQgqtrvVUSkNIvRnj2BXZMZ5.">
<input type="hidden" id="inp_leaveisurgent" name="inp_leaveisurgent" value="">
</table>
<div id="box"></div>
<div id="boxifblur"></div>
</fieldset>
<div class="modal-footer">
<div class="form-group">
<button onclick="return stopload()" type="button" class="btn btn-default" data-

dismiss="modal">Cancel</button>
<script language="javascript" type="text/javascript">
var modal_emp = document.getElementById("modal_emp").value;
function OpenPopupCenter(val, pageURL,
title, w, h) {
var left = (screen.width - w) / 2;
var top = (screen.height - h) /
50; // for 25% - devide by 4 | for 33% - devide by 3
var targetWin = window.open(
'window_approver?rfid=' +
modal_emp, title,
'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no,

resizable=no, copyhistory=no, width=' +
w + ', height=' + h +
', top=' + 50 +
', left=' + left);
</script>
<a href="#" id="show_preview" class="btn btn-primary" style="color: cornsilk;"
onclick="return startload()">
Preview Approver
</a>
<a href="#" id="show_preview2" style="display:none;" class="btn btn-primary"

onclick="return startload()">
Preview Approver
</a>
<script>
$(function() {
var $src = $(
'#modal_emp'),
$dst = $(
'#four'
);
$src.on('input',
function() {
$dst.val($src
.val());
});
});
</script>
<button type="submit" name="submit_add" id="submit_add" class="btn btn-
warning">Submit</button>
<button class="btn btn-warning" type="button" name="submit_add2" id="submit_add2"

style="display:none;" disabled="">
<span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
Processing..
</button>
</div>
</div>
</form>
</div>
$(document).on('change', '#modal_leave', function() {
var modal_emps = $("#modal_emp").val();
var modal_leave = $("#modal_leave").val();
var modal_urgent = $("#modal_urgent").val();
var modal_leave_starts = document.getElementById("modal_leave_start").value;
var modal_leave_ends = document.getElementById("modal_leave_end").value;
var inp_leavedaytype = document.getElementById("inp_leavedaytype").value;
var modal_leave = document.getElementById("modal_leave").value;
var inp_hdtype_starttime_full_day =
document.getElementById("inp_hdtype_starttime_full_day").value;
var inp_leaveisurgent = document.getElementById("inp_leaveisurgent").value;
var from = new Date(modal_leave_starts).getTime();
var to = new Date(modal_leave_ends).getTime();

var formData = new FormData();
formData.append('modal_emp', modal_emps);
formData.append('modal_leave', modal_leave);
$.ajax({
url: 'ajax.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
dataType: 'json',
success: function(response) {
$('#inp_leavebalance').val(response.lvb);
$('#inp_leavedaytype').val(response.ltp);
$('#inp_leavecompany').val(response.lvc);
$('#inp_leaveisurgent').val(response.lur);
//IF CONDITION SUCCESSFULLY LOAD LEAVE BALANCE
if (response.lvc == "N") {
$("#inp_leavebalanceR").show();
} else {
$("#inp_leavebalanceR").hide();
if (response.lur == '1') {
$("#tr_inp_leaveisurgent").show();
} else {
$("#tr_inp_leaveisurgent").hide();
//IF CONDITION #1 SHOWING DAYTYPE
if (response.ltp == 'HD') {
$("#inp_hdtype_starttime_con2").show();
$("#inp_hdtype_starttime2").hide();
$("#inp_hdtype_starttime_full_day").hide();
$("#inp_hdtype_starttime").hide();
document.getElementById("inp_hdtype_starttime_full_day").setAttribute("name",
"hidden");
document.getElementById("inp_hdtype_starttime_con2").setAttribute("name",
"inp_hdtype_starttime");
document.getElementById("inp_hdtype_starttime").setAttribute("name", "hidden");
document.getElementById("inp_hdtype_starttime2").setAttribute("name",
"inp_hdtype_starttime2");
document.getElementById("inp_hdtype_starttime2_declare").setAttribute("name",
"hidden");
} else if (response.ltp == 'PD') {
$("#inp_hdtype_starttime_con2").hide();
$("#inp_hdtype_starttime2_declare").hide();
document.getElementById("inp_hdtype_starttime_con2").setAttribute("name", "hidden");
//IF CONDITION #2 SHOWING DAYTYPE AFTER DATE FILL

if (from < to && response.ltp == 'HD') {
$("#inp_hdtype_starttime2").show();
$("#inp_hdtype_starttime_full_day").show();
"hidden");
} else if (from == to && response.ltp == 'HD') {
//
document.getElementById("inp_hdtype_starttime_full_day").setAttribute("name","inp_hdtype_star
ttime");
// document.getElementById("inp_hdtype_starttime_con2").setAttribute("name",
"hidden");
// document.getElementById("inp_hdtype_starttime").setAttribute("name", "hidden");
// document.getElementById("inp_hdtype_starttime2").setAttribute("name", "hidden");
// document.getElementById("inp_hdtype_starttime2_declare").setAttribute("name",
//UPDATE CASE GOLIVE DAY 1
"hidden");
document.getElementById("inp_hdtype_starttime2").setAttribute("name", "hidden");
} else if (response.ltp == 'FD') {
$("#HD").hide();
$("#inp_starttime").hide();
$("#inp_endtime").hide();
$("#HD").hide();
$("#inp_starttime").show();
$("#inp_endtime").show();
} else {
$("#HD").hide();
});
});
$(document).on('change', '#modal_leave_start', function() {
$.ajax({
url: 'ajax.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
dataType: 'json',
} else {
} else {
"hidden");
"hidden");
"hidden");
//
ttime");
"hidden");
"hidden");
$("#HD").hide();
$("#HD").hide();
} else {
$("#HD").hide();
});
});
$(document).on('change', '#modal_leave_end', function() {
$.ajax({
url: 'ajax.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
dataType: 'json',
} else {
} else {
"hidden");
"hidden");
"hidden");
//
ttime");
"hidden");
"hidden");
$("#HD").hide();
$("#HD").hide();
} else {
$("#HD").hide();
});
});
$(document).on('change', '#inp_hdtype_starttime_full_day', function() {
$.ajax({
url: 'ajax.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
dataType: 'json',
} else {
} else {
"hidden");
"hidden");
"hidden");
//
ttime");
"hidden");
"hidden");
$("#HD").hide();
$("#HD").hide();
} else {
$("#HD").hide();
});
});
</script>
$('#modal_leave_start').bootstrapMaterialDatePicker({
time: false,
clearButton: true
});
$('#modal_leave_end').bootstrapMaterialDatePicker({
time: false,
clearButton: true
});
$('#inp_starttime').bootstrapMaterialDatePicker({
date: false,
format: 'HH:mm'
});
$('#inp_endtime').bootstrapMaterialDatePicker({
date: false,
format: 'HH:mm'
});
});
</script>
function isi_otomatis() {
$.ajax({
url: 'ajax_cek.php?emp_id=16-1466',
data: "modal_emp=" + modal_emps,
}).success(function(data) {
var json = data,

objs = JSON.parse(json);
alert(objs.nama);
$('#inp_nickname').val(objs.nama);
$('#nik').val(objs.nik);
});
</script> -->
function isi_otomatis_leaves() {
$.ajax({
url: 'ajax_cek3_mysql.php?emp_id=16-1466',
data: {
modal_emp: modal_emps,
modal_leave: modal_leave,
modal_urgent: modal_urgent
},
var json = data,
obj = JSON.parse(json);
$('#inp_leavebalance').val(obj.lvb);
$('#inp_leavedaytype').val(obj.ltp);
$('#inp_leavecompany').val(obj.lvc);
$('#inp_leaveisurgent').val(obj.lur);
if(obj.lvc == "N"){
} else {
if (obj.lur == '1') {
} else {
if (obj.ltp == 'HD') {
document.getElementById("inp_hdtype_starttime_full_day").setAttribute("name","hidden");
document.getElementById("inp_hdtype_starttime").setAttribute("name",
"hidden");
document.getElementById("inp_hdtype_starttime2_declare").setAttribute("name", "hidden");
} else if (obj.ltp == 'PD') {
"hidden");
if (from < to && obj.ltp == 'HD') {
document.getElementById("inp_hdtype_starttime_con2").setAttribute("name","hidden");
"hidden");
document.getElementById("inp_hdtype_starttime2_declare").setAttribute("name", "hidden");
} else if (from == to && obj.ltp == 'HD') {
//
ttime");
//
// document.getElementById("inp_hdtype_starttime").setAttribute("name",
"hidden");
// document.getElementById("inp_hdtype_starttime2").setAttribute("name",
"hidden");
//
document.getElementById("inp_hdtype_starttime_full_day").setAttribute("name","hidden");
"hidden");
"hidden");
} else if (obj.ltp == 'FD') {
$("#HD").hide();
$("#HD").hide();
} else {
$("#HD").hide();
});
</script> -->
<script>
$('#modal_emp').on('blur', function() {
var inp_nickname = document.getElementById("inp_nickname").value;
if (inp_nickname == '') {
alert("Invalid lookup");
return false;
} else {
});
$('#modal_emp').on('change', function() {
if (inp_nickname == '') {
alert("Invalid lookup");
return false;
} else {
}
});
});
</script>
$(".close_modal").click(function(e) {
$("#ModalEdits1").hide();
$('#ModalEdits1').find('.close').remove();
$('#ModalEdits1').unbind('click');
});
});
</script> -->
<script>
$("#show_preview").click(function() {
$("#boxifblur").hide();
$("#box").load("modal_preview_apv.php?rfid=" + modal_emp, function(responseTxt, statusTxt,

jqXHR) {
if (statusTxt == "success") {
alert("New content loaded successfully!");
$("#box").show();
$("#show_preview").show();
$("#show_preview2").hide();
if (statusTxt == "error") {
alert("Error: " + jqXHR.status + " " + jqXHR.statusText);
});
});
});
</script>
<script>
$('#inp_nickname').on('change', function() {
$("#show_preview2").click(function() {
$("#box").hide();
$("#boxifblur").show();
$("#boxifblur").load("modal_preview_apv.php?rfid=" + modal_emp, function(responseTxt,

statusTxt, jqXHR) {
if (statusTxt == "success") {
//alert("New content loaded successfully! if blur");
$("#boxifblur").show();
if (statusTxt == "error") {
alert("Error: " + jqXHR.status + " " + jqXHR.statusText);
});
});
$("#show_preview").hide();
$("#show_preview2").show();
});
});
</script>
<script>
function HrmsValidationForm() {
var inp_leavebalance = document.getElementById("inp_leavebalance").value;
var inp_remark = document.getElementById("inp_remark").value;
var inp_leavecompany = document.getElementById("inp_leavecompany").value;
if (from > to) {
alert("Entry Date: Enter Date in Proper Range");
return false;
} else if (modal_emp == "") {
alert("Employee Number invalid");
return false;
} else if (modal_leave == "") {
alert("Please select type of leave");
return false;
} else if (inp_leavebalance == "") {

alert("Please Select Type of leave");
return false;
} else if (modal_leave_starts == "") {
alert("Start date Cant empty");
return false;
} else if (modal_leave_ends == "") {
alert("End date Cant empty");
return false;
} else if (inp_remark == "") {
alert("Remark Cant empty");
return false;
} else if (inp_leavecompany == 'N') {
// if (inp_leavedaytype == "PD" && from < to) {
// alert("Partial Day Permit just allowing max 5 Hours");
// return false;
// } else {
// $('#submit_add').hide();
// $('#submit_add2').show();
// }
if (modal_leave_starts == modal_leave_ends) {
if (inp_leavedaytype == "PD" && from < to) {
alert("Partial Day Permit just allowing max 5 Hours");
return false;
} else {
$('#submit_add').hide();
$('#submit_add2').show();
} else if (modal_leave_starts < modal_leave_ends) {
}
} else {
</script>
<script>
alert("File is too large guys ! Max File Upload is 3MB");
this.value = "";
};
};
</script>
<script>
// doc,jpg,ods,png,txt,doc,pdf
var allowedFiles = [".doc", ".jpg", ".ods", ".png", ".txt", ".docx", ".pdf", ".jpeg"];
var regex = new RegExp("([a-zA-Z0-9\s_\\.\-:])+(" + allowedFiles.join('|') + ")$");
// get ext file in inp_refdoc with pop
alert("File is too large guys ! Max File Upload is 3MB");
this.value = "";
} else if (regex.test(uploadField.value.toLowerCase()) == false) {
alert("Only file [doc,jpg,ods,png,txt,doc,pdf] allowed");
this.value = "";
};
};
</script>

$(".modal_leave").change(function() {
var leave_code = $(this).val();
var post_id = 'id=' + leave_code;
$.ajax({
type: "POST",
url: "ajax_cek4_leavetype.php?emp_id=16-1466",
data: post_id,
cache: false,
success: function(urgent_reason_print) {
$(".urgent_reason").html(
urgent_reason_print
);
});
});
});
</script>

function isi_otomatis_leave() {
var nim = $("#nim").val();

$.ajax({
url: 'ajax.php',
data: {
modal_emp: modal_emps,
modal_leave: modal_leave,
modal_urgent: modal_urgent
},
var json = data,
obj = JSON.parse(json);
$('#inp_leavebalance').val(obj.lvb);
$('#inp_leavedaytype').val(obj.ltp);
$('#inp_leavecompany').val(obj.lvc);
$('#inp_leaveisurgent').val(obj.lur);
if (obj.lvc == "N") {
} else {
if (obj.lur == '1') {
} else {
if (obj.ltp == 'HD') {
document.getElementById("inp_hdtype_starttime_full_day").setAttribute("name", "hidden");
"hidden");
if (from < to && obj.ltp == 'HD') {
"hidden");
} else if (from == to && obj.ltp == 'HD') {
//
ttime");
// document.getElementById("inp_hdtype_starttime_con2").setAttribute("name", "hidden");
document.getElementById("inp_hdtype_starttime_full_day").setAttribute("name", "hidden");
} else if (obj.ltp == 'FD') {
$("#HD").hide();
$("#HD").hide();
} else {
$("#HD").hide();
});
</script>
</div>
</div>

</div>

</div>

<div class="modal fade" id="modal-preview_approver" style="display: none;" aria-hidden="true">
<h4 class="modal-title" id="title_preview_app"></h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-

top: -15px;">
<span aria-hidden="true">×</span>
</button>
</div>

<div id="tampil_view_app">
<div style="padding-left:5px; padding-right:5px">
<table cellpadding="1" cellspacing="1" style="width:100%">
<tbody>
<tr>
<td style="font-weight: bold;font-size: x-small;">
Request Number :
</td>
<td colspan="3" style="font-weight: bold;font-size: x-small;">
LVR2024022422101937 </td>
</tr>
<tr>
<td style="font-weight: bold;font-size: x-small;">
Request Status:
</td>
<span class="badge badge-secondary">Fully Approved</span>
</td>
</tr>
<tr>
Waiting Approval From :
</td>
</tr>
</tbody>
</table>
<table cellpadding="1" cellspacing="1" style="width:100%">
<tbody><tr>
<td nowrap="nowrap" style="font-weight: bold;font-size: x-small; vertical-align: top;">
Step 1 :
</td>
<td colspan="3" style="font-weight: bold;font-size: x-small; vertical-align: top;">
TIFFANY OKTAVIA ROSADI, Notification </td>
</tr>
<tr>
<td>
</td>
<td colspan="3" style="font-weight: bold; color:#ffa759;font-size: x-small; vertical-align:

top;font-size: smaller;font-family: verdana;font-style: oblique;">
Status : Unverified </td>
</tr>
<tr>
<td>
</td>
<td colspan="3" style="font-weight: bold; color:#036bfc;font-size: x-small; vertical-align:

Remark : </td>
</tr>
<tr>
<td nowrap="nowrap" style="font-weight: bold;font-size: x-small; vertical-align: top;">
Step 2 :
</td>
<td colspan="3" style="font-weight: bold;font-size: x-small; vertical-align: top;">
MAHENDRA AJI SUSANTO, Sequence </td>
</tr>
<tr>
<td>
</td>
<td colspan="3" style="font-weight: bold; color:#ffa759;font-size: x-small; vertical-align:

Status : Fully Approved </td>
</tr>
<tr>
<td>
</td>
<td colspan="3" style="font-weight: bold; color:#036bfc;font-size: x-small; vertical-align:

Remark : </td>
</tr>
</tbody></table>
<br>
<br>
</div></div>

</div>

</div>

</div>


<script type="text/javascript" language="javascript">
$(document).on('click', '#modal_tambah', function() {
// Loader
mymodalss.style.display = "block";
document.getElementById("msg").innerHTML = "Data refreshed";
// Loader
$('#title_tambah').html('Add Leave Request');
// alert(nc);
$.ajax({
url: "modal_add.php?emp_id=16-1466",
type: "POST",
data: {
},
$("#tampil_tambah").html(ajaxData);
// Loader
mymodalss.style.display = "none";
return false;
// Loader
});
});
// Preview approval
$(document).on('click', '.open_modal_appsetting_lvu', function() {
// Loader
mymodalss.style.display = "block";
// Loader
$('#title_modal').html('Detail Approval');
var nc = $(this).attr('id');
// alert(nc);
$.ajax({
url: "modal_appsetting_lvu.php",
type: "POST",
data: {
nc: nc,
},
$("#tampil_view_app").html(ajaxData);
// Loader
mymodalss.style.display = "none";
return false;
// Loader
});
});
});
</script>
<script>
$(document).on('click', '#cancelled', function(){
var req_no = $(this).attr('id1');
let formData = new FormData();
formData.append('req_no', req_no);
let confirmAction = confirm("Are you sure to cancel this request?");
if(confirmAction){
$.ajax({
type: 'POST',
url: "ajax/submit_cancelled.php",
data: formData,
cache: false,
processData: false,
contentType: false,
success: function (msg) {
alert(msg);
window.location.href = window.location.href;
});
})
})
</script>
bsCustomFileInput.init();
});
</script>
$(".id").change(function() {
var id = $(this).val();
var post_id = 'id=' + id;
$.ajax({
type: "POST",
url: "fetch_filter_v2.php",
data: post_id,
cache: false,
success: function(cities) {
$(".module").html(cities);
});
});
});
</script> --> 
</div>
</div>
</div>

</div>





<div id="mymodals_withhref" class="modals" style="display: none;z-index: 9999;">
<div class="modals-content">
<p></p><table width="100%">
<tbody><tr><td align="center"><img src="../../asset/dist/img/sf-mola-mola.png" style="max-

width: 90%;margin-top: 20px;"></td></tr>
<tr><td style="width: 85%; font-weight:bold;color: #777b7b;" align="center"><p

id="msg_href"></p><br>
<button type="submit" style="padding: 1px;" class="btn btn-warning button_bot
closeds_withhref">
Close
</button>
</td></tr>
</tbody></table>
<p></p>
</div>
</div>

<script>
// Get the modals
var modals_href = document.getElementById("mymodals_withhref");
var span_href = document.getElementsByClassName("closeds_withhref")[0];
span_href.onclick = function() {
modals_href.style.display = "none";
window.location.href = '';
</script>

<div id="mymodals" class="modals" style="display: none;z-index: 9999;">


id="msg"></p><br>
<button type="submit" data-dismiss="modal" aria-hidden="true" name="submit_add"

id="submit_add" style="padding: 1px;" class="btn btn-warning button_bot closeds">
Close
</button>
</td></tr>
</tbody></table>
<p></p>
</div>
</div>

<script>
// Get the modals
var modals = document.getElementById("mymodals");
var span = document.getElementsByClassName("closeds")[0];
span.onclick = function() {
modals.style.display = "none";
window.onclick = function(event) {
if (event.target == modals) {
modals.style.display = "none";
</script>

<div id="mymodalss" class="modals" style="display: none; z-index: 9999;">
<div class="modals-content-loader">
<tbody><tr><td align="center"><span class="spinner large">
<span class="bar bar1"></span>

</span>
<font color="white" style="font-weight: 600;">Please wait.

loading..</font></td></tr>
</tbody></table>
<p></p>
</div>
</div>
<script>
// Get the modalss
var modalss = document.getElementById("mymodalss");
var span = document.getElementsByClassName("closed")[0];
span.onclick = function() {
modalss.style.display = "none";
window.onclick = function(event) {
if (event.target == modalss) {
modalss.style.display = "none";
</script>

<div id="mymodals2" class="modals" style="display: none;z-index: 9999;">


id="msg">Data refreshed</p><br>

<button class="btn btn-warning" style="width: 50%;" onclick="myFunctionForClose()"

type="submit" name="submit_delete" id="submit_delete">
Close
</button>
</td></tr>
</tbody></table>
<p></p>
</div>
</div>
<script>
function myFunctionForClose() {
document.getElementById("mymodals2").style.display = "none";
</script>



<br>
<br>
<style>
@media (max-width:960px) { .footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #fff;
color: grey;
text-align: center;
z-index: 2;
@media (min-width:960px) { .footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #fff;
color: grey;
text-align: right;
z-index: 2;
</style>





</div>



</div>









<script src="../../asset/admus/jquery.js"></script>
<script src="../../asset/admus/popper.js"></script>
<script src="../../asset/admus/bootstrap.js"></script>
<script src="../../asset/admus/app.js"></script>
<script src="../../asset/admus/app_002.js"></script>
<script src="../../asset/admus/app-style-switcher.js"></script>
<script src="../../asset/admus/perfect-scrollbar.js"></script>
<script src="../../asset/admus/sparkline.js"></script>
<script src="../../asset/admus/waves.js"></script>
<script src="../../asset/admus/sidebarmenu.js"></script>
<script src="../../asset/admus/custom.js"></script>
<script src="../../asset/admus/chartist.js"></script>
<script src="../../asset/admus/chartist-plugin-tooltip.js"></script>
<script src="../../asset/admus/d3.js"></script>
<script src="../../asset/admus/c3.js"></script>
<script src="../../asset/admus/dashboard6.js"></script>
<script>
document.onreadystatechange = function () {
var state = document.readyState
if (state == 'interactive') {
document.getElementById('contents').style.visibility="hidden";
} else if (state == 'complete') {
setTimeout(function(){
document.getElementById('interactive');
document.getElementById('divBlockSpace').style.visibility="hidden";
document.getElementById('contents').style.visibility="visible";
},100);
</script>
<script>
function startloadmore() {
const lockModal = $("#lock-modal");
const loadingCircle = $("#loading-circle");
const form = $("#my-form");
// lock down the form
lockModal.css("display", "block");
loadingCircle.css("display", "block");
form.children("input").each(function() {
$(this).attr("readonly", true);
});
// re-enable the form
lockModal.css("display", "none");
loadingCircle.css("display", "none");
}, 500);
});
};
</script>
<script>
function startload() {

lockModal.css("display", "block");
loadingCircle.css("display", "block");
form.children("input").each(function() {
$(this).attr("readonly", true);
});
// re-enable the form
}, 35000);
});
};
</script>
<script>
function stopload() {
});
};
</script>
<script>
$(function () {
$("#example1").DataTable();
$("#example3").DataTable({
"ordering" : false,
"sort": false });
$('#example2').DataTable({
"paging": false,
"lengthChange": false,
"searching": false,
"ordering": false,
"info": true,
"autoWidth": true,
});
});
$('.toastsDefaultFull').click(function() {
$(document).Toasts('create', {
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
title: 'Toast Title',
subtitle: 'Subtitle',
icon: 'fas fa-envelope fa-lg',
})
});
</script>
$(document).ready(function () {
bsCustomFileInput.init();
});
</script>







<script src="../../asset/vendor/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet"
href="../../asset/gt_developer/gt_datepicker_20211002/materialDateTimePicker.css">
src="../../asset/gt_developer/gt_datepicker_20211002/materialDateTimePicker.js">
</script>
$('#inp_birthdate').bootstrapMaterialDatePicker({
time: false,
clearButton: true
});
$('#inp_joindate').bootstrapMaterialDatePicker({
time: false,
clearButton: true
});
$('#inp_starttime').bootstrapMaterialDatePicker({
date: false,
format: 'HH:mm'
});
$('#inp_endtime').bootstrapMaterialDatePicker({
date: false,
format: 'HH:mm'
});
});
</script>
src="../../asset/sdk_datatables_core/gt_dist/jquery.dataTables.min.js"></script>
<div class="dtp hidden" id="dtp_gPYZw" style=""><div class="dtp-content" style="margin-left: 0px;

top: 499.562px;"><div class="dtp-date-view"><header class="dtp-header"><div class="dtp-actual-
day">Lundi</div><div class="dtp-close"><a href="javascript:void(0);"><i class="fa fa-close" aria-
hidden="true"></i></a></div></header><div class="dtp-date hidden"><div><div class="left center
p10"><a href="javascript:void(0);" class="dtp-select-month-before"><i class="fa fa-angle-left" aria-
hidden="true"></i></a></div><div class="dtp-actual-month p80">MAR</div><div class="right
center p10"><a href="javascript:void(0);" class="dtp-select-month-after"><i class="fa fa-angle-right"
aria-hidden="true"></i></a></div><div class="clearfix"></div></div><div class="dtp-actual-
num">13</div><div><img class="dtp-btn-calendar-ico"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR
0QAAAAAAAD5Q7t/
AAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAYAAAAGAB4TKWmAAAAe0lEQVRIx+1Sw
Q2AIBDrGceQhdjDuDewR/
1IQhBiCILB0Gcf7fVa4DcgqUka1sOQ1F5XAgMLYHvpXiciKk5Akkwkq+KX1q8f3yAsmTVCN2ER6ZJgzTnH
yUp5j/FLnit6xFzR9wZhBxaAyq2pkHepBPtlUgsL4Gj9mX44AS9ro3738HcBAAAAAElFTkSuQmCC"><div
class="left center p10"><a href="javascript:void(0);" class="dtp-select-year-before"><i
class="material-icons">chevron_left</i></a></div><div class="dtp-actual-year p80">2014</div><div
class="right center p10"><a href="javascript:void(0);" class="dtp-select-year-after"><i
class="material-icons">chevron_right</i></a></div><img class="dtp-btn-clock-ico"
0QAAAAAAAD5Q7t/
AAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAYAAAAGAB4TKWmAAABVklEQVRIx9WV
vUoDQRDH/
3shARHE1sI0lqkUHyGFlckF8wC2sTCPYCem8QnSaS1i6UMomC6ptNAnECLIz2YWN0fuSy9FBo6Bnf/
H3rC7I617uKwi0JDUkRRL2pe0a6U3SU+S7iTdO+e+SjsDPWBKfkyBXhnhGjAKBCbAOdACNu1r2dokwI2A
WhEDLz4HzoAoAxsZZu5N8sTjQLxd4q/
bgUmcBqoDMwMNUjAAlym1gdVnQH0ZoG+Al7Re5hjUjAvQ9+thf7uWx86576Lt8WGccUJrweDQ8mN
Z8SA812stGOxYfv2Hged6LUV/EDkCWkXBocG75WYG/ljSlqRn4BrYTtSbCa3fAG7sBAyzdgRsABfAJ/
ABnAa1oWncLiOe5B3TBH4PePBiacc0JORetBSjhuXsi2agzsqeigB8tbLHLiB5k+qf68AormLgFB2ZXUkHqn
Jkrk38AMR9KFTxyLc2AAAAAElFTkSuQmCC"><div class="clearfix"></div></div></div><div class="dtp-
time hidden"><div class="dtp-actual-maxtime">23:55</div></div><div class="dtp-picker"><div
class="dtp-picker-calendar"></div><div class="dtp-picker-datetime hidden"><div class="dtp-actual-
meridien"><div class="left p20"><a class="dtp-meridien-am"
href="javascript:void(0);">AM</a></div><div class="dtp-actual-time p60"></div><div class="right
p20"><a class="dtp-meridien-pm" href="javascript:void(0);">PM</a></div><div
class="clearfix"></div></div><div id="dtp-svg-clock"></div></div><div class="dtp-picker-year
hidden"><div><a href="javascript:void(0);" class="btn btn-default dtp-select-year-range before"
style="margin: 0;"><i class="material-icons">keyboard_arrow_up</i></a></div><div class="year-
picker-item" data-year="2021">2021</div><div class="year-picker-item"
data-year="2022">2022</div><div class="year-picker-item" data-year="2023">2023</div><div
class="year-picker-item" data-year="2024">2024</div><div class="year-picker-item" data-
year="2025">2025</div><div class="year-picker-item" data-year="2026">2026</div><div
class="year-picker-item" data-year="2027">2027</div><div><a href="javascript:void(0);" class="btn
btn-default dtp-select-year-range after" style="margin: 0;"><i class="material-
icons">keyboard_arrow_down</i></a></div></div></div></div><div class="dtp-buttons"><button
class="dtp-btn-now btn btn-flat hidden btn-sm">Now</button><button class="dtp-btn-clear btn
btn-flat btn-sm">Clear</button><button class="dtp-btn-cancel btn btn-flat hidden btn-
sm">Cancel</button><button class="dtp-btn-ok btn btn-flat btn-sm">OK</button><div
class="clearfix"></div></div></div></div><div class="dtp hidden" id="dtp_LMsew" style=""><div
class="dtp-content" style="margin-left: 0px; top: 499.562px;"><div class="dtp-date-view"><header
class="dtp-header"><div class="dtp-actual-day">Lundi</div><div class="dtp-close"><a
href="javascript:void(0);"><i class="fa fa-close" aria-hidden="true"></i></a></div></header><div
class="dtp-date hidden"><div><div class="left center p10"><a href="javascript:void(0);" class="dtp-
select-month-before"><i class="fa fa-angle-left" aria-hidden="true"></i></a></div><div class="dtp-
actual-month p80">MAR</div><div class="right center p10"><a href="javascript:void(0);"
class="dtp-select-month-after"><i class="fa fa-angle-right" aria-hidden="true"></i></a></div><div
class="clearfix"></div></div><div class="dtp-actual-num">13</div><div><img class="dtp-btn-
calendar-ico"
0QAAAAAAAD5Q7t/
0QAAAAAAAD5Q7t/
vUoDQRDH/
class="clearfix"></div></div></div></div><div class="dtp hidden" id="dtp_8iL1R" style=""><div
calendar-ico"
0QAAAAAAAD5Q7t/
0QAAAAAAAD5Q7t/
vUoDQRDH/
class="clearfix"></div></div></div></div><div class="dtp hidden" id="dtp_GPaZg" style=""><div
calendar-ico"
0QAAAAAAAD5Q7t/
0QAAAAAAAD5Q7t/
vUoDQRDH/
class="clearfix"></div></div></div></div><div class="dtp hidden" id="dtp_NoXGF" style=""><div
calendar-ico"
0QAAAAAAAD5Q7t/
0QAAAAAAAD5Q7t/
vUoDQRDH/
class="clearfix"></div></div></div></div><div class="dtp hidden" id="dtp_hYpPt" style=""><div
calendar-ico"
0QAAAAAAAD5Q7t/
0QAAAAAAAD5Q7t/
vUoDQRDH/
class="clearfix"></div></div></div></div><div class="dtp hidden" id="dtp_Pq470" style=""><div
calendar-ico"
0QAAAAAAAD5Q7t/
0QAAAAAAAD5Q7t/
vUoDQRDH/
class="clearfix"></div></div></div></div><div class="dtp hidden" id="dtp_vvwSI" style=""><div
calendar-ico"
0QAAAAAAAD5Q7t/
0QAAAAAAAD5Q7t/
vUoDQRDH/
class="clearfix"></div></div></div></div></body></html>

HTML Dir

Uploaded by

Copyright:

Available Formats

HTML Dir

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Dir

Uploaded by

Copyright:

Available Formats

<html dir="ltr" lang="en"><head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>Human Resource Information System</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="keywords" content="wrappixel, admin dashboard, html css dashboard, web

<link href="../../asset/admus/chartist.css" rel="stylesheet">

<link href="../../asset/admus/chartist-init.css" rel="stylesheet">

<link href="../../asset/admus/chartist-plugin-tooltip.css" rel="stylesheet">

<link href="../../asset/admus/c3.css" rel="stylesheet">

<link href="../../asset/admus/style.css" rel="stylesheet">

<link rel="stylesheet" href="../../asset/vendor/bootstrap/css/modal.css">

<link rel="stylesheet" href="../../asset/gt_developer/adminlte.css">

<link rel="stylesheet" href="../../asset/gt_developer/modal_popup_on_popup.css">

<link rel="stylesheet" type="text/css" href="../../asset/gt_developer/vc-toggle-switch.css">

<link rel="stylesheet" href="../../asset/vendor/font-awesome/css/font-awesome.min.css">

<link rel="stylesheet" href="../../asset/gt_developer/developer_hris.css">

<link rel="stylesheet" href="../../asset/gt_developer/forms.css">

<link rel="stylesheet" href="../../asset/gt_developer/loader.css">

background:url("../../asset/dist/img/loading.gif") no-repeat center center;

border: 0 solid blue;

border-top: 3px solid grey;

-webkit-animation: spin 1s linear infinite; /* Safari */

animation: spin 1s linear infinite;

100% { -webkit-transform: rotate(360deg); }

100% { transform: rotate(360deg); }

body {font-family: Arial, Helvetica, sans-serif;}

/* The modals (background) */

display: none; /* Hidden by default */

position: fixed; /* Stay in place */

z-index: 99; /* Sit on top */

padding-top: 100px; /* Location of the box */

width: 100%; /* Full width */

overflow: auto; /* Enable scroll if needed */

background-color: rgb(0,0,0); /* Fallback color */

background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

/* KALO VIEW MOBILE */

border: 1px solid #888;

border: 1px solid #888;

border: solid 1px #DCDFDE;

margin: 1px 1px;

border: solid 1px #DCDFDE;

margin: 1px 1px;

/* KALO VIEW WEB */

border: 1px solid #888;

border: 1px solid #888;

border: solid 1px #DCDFDE;

margin: 1px 1px;

border: solid 1px #DCDFDE;

margin: 1px 1px;

float: left !important;

/* The Close Button */

</style><style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: