Skip to content

Proses Naik Pangkat #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
enilestari160902 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Proses Naik Pangkat #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions kenaikanpangkat.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap">
<link rel="stylesheet" href="css/tailwind/tailwind.min.css">
<link rel="stylesheet" href="css/naik-pangkat-style.css">
<link rel="icon" type="image/png" sizes="32x32" href="shuffle-for-tailwind.png">
<script src="js/main.js"></script>
</head>
Expand Down Expand Up @@ -165,6 +166,7 @@ <h3 class="mb-2 text-6xl font-medium text-white">
</section>
</div>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<script src="js/naik-pangkat-style.js"></script>
<script src="js/charts-demo.js"></script>
</body>
</html>
Expand Down
121 changes: 121 additions & 0 deletions proses-naik-pangkat.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Page title</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap">
<link rel="stylesheet" href="css/tailwind/tailwind.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="icon" type="image/png" sizes="32x32" href="shuffle-for-tailwind.png">
<script src="js/main.js"></script>
</head>
<body class="antialiased bg-body text-body font-body">
<div class="">
<section>
<nav class="relative">
<div class="p-6 flex items-center bg-gray-800">
<a class="flex-shrink-0 mr-12 text-2xl text-white font-semibold" href="#">
<img class="h-10" src="artemis-assets/images/LOGO ULBI - WIDE BACKGROUNG NEVY resize.png" alt="" width="auto">
</a>
<ul class="hidden xl:flex">
<li>
<a class="flex mr-10 items-center text-gray-50 hover:text-gray-100 text-sm" href="index.html">
<svg class="text-gray-500 w-5 h-5 mr-2" width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9066 3.12886C14.9005 3.12235 14.8987 3.1137 14.8923 3.10734C14.8859 3.10098 14.8771 3.09905 14.8706 3.0929C13.3119 1.53919 11.2008 0.666748 8.99996 0.666748C6.79914 0.666748 4.68807 1.53919 3.12935 3.0929C3.12279 3.09905 3.11404 3.10093 3.10763 3.10734C3.10122 3.11375 3.09944 3.12234 3.09334 3.12886C1.93189 4.29587 1.14217 5.7808 0.823851 7.39621C0.505534 9.01163 0.672885 10.6851 1.30478 12.2055C1.93668 13.7259 3.00481 15.0251 4.37435 15.939C5.7439 16.8529 7.35348 17.3406 8.99996 17.3406C10.6464 17.3406 12.256 16.8529 13.6256 15.939C14.9951 15.0251 16.0632 13.7259 16.6951 12.2055C17.327 10.6851 17.4944 9.01163 17.1761 7.39621C16.8578 5.7808 16.068 4.29587 14.9066 3.12886ZM8.99992 15.6667C8.00181 15.6664 7.01656 15.4415 6.11714 15.0088C5.21773 14.576 4.42719 13.9465 3.80409 13.1667H7.15015C7.38188 13.4287 7.66662 13.6385 7.98551 13.7821C8.3044 13.9258 8.65017 14.0001 8.99992 14.0001C9.34968 14.0001 9.69544 13.9258 10.0143 13.7821C10.3332 13.6385 10.618 13.4287 10.8497 13.1667H14.1958C13.5727 13.9465 12.7821 14.576 11.8827 15.0088C10.9833 15.4416 9.99804 15.6664 8.99992 15.6667ZM8.16659 11.5001C8.16659 11.3353 8.21546 11.1741 8.30703 11.0371C8.3986 10.9001 8.52875 10.7933 8.68102 10.7302C8.83329 10.6671 9.00085 10.6506 9.1625 10.6828C9.32415 10.7149 9.47263 10.7943 9.58918 10.9108C9.70572 11.0274 9.78509 11.1759 9.81724 11.3375C9.8494 11.4992 9.83289 11.6667 9.76982 11.819C9.70675 11.9713 9.59994 12.1014 9.4629 12.193C9.32586 12.2845 9.16474 12.3334 8.99992 12.3334C8.77898 12.3332 8.56714 12.2453 8.41091 12.0891C8.25468 11.9329 8.16681 11.721 8.16659 11.5001ZM15.1751 11.5018L15.1665 11.5001H11.4999C11.4983 10.9848 11.3373 10.4826 11.0389 10.0624C10.7405 9.64231 10.3193 9.32485 9.83325 9.15364V6.50008C9.83325 6.27907 9.74546 6.06711 9.58918 5.91083C9.4329 5.75455 9.22093 5.66675 8.99992 5.66675C8.77891 5.66675 8.56695 5.75455 8.41067 5.91083C8.25439 6.06711 8.16659 6.27907 8.16659 6.50008V9.15364C7.68054 9.32485 7.25939 9.64231 6.96098 10.0624C6.66256 10.4826 6.50151 10.9848 6.49992 11.5001H2.83334L2.82474 11.5018C2.60799 10.967 2.46221 10.4061 2.39114 9.83341H3.16659C3.3876 9.83341 3.59956 9.74562 3.75584 9.58934C3.91212 9.43306 3.99992 9.2211 3.99992 9.00008C3.99992 8.77907 3.91212 8.56711 3.75584 8.41083C3.59956 8.25455 3.3876 8.16675 3.16659 8.16675H2.39114C2.54005 6.98222 3.00621 5.85993 3.74037 4.91851L4.28597 5.46411C4.36335 5.54149 4.4552 5.60286 4.5563 5.64474C4.65739 5.68661 4.76574 5.70816 4.87517 5.70816C4.98459 5.70816 5.09294 5.68661 5.19404 5.64474C5.29513 5.60286 5.38699 5.54148 5.46436 5.46411C5.54173 5.38674 5.60311 5.29488 5.64498 5.19379C5.68686 5.09269 5.70841 4.98434 5.70841 4.87492C5.70841 4.76549 5.68686 4.65714 5.64498 4.55605C5.60311 4.45495 5.54173 4.3631 5.46435 4.28572L4.91881 3.74017C5.86016 3.00626 6.98227 2.54022 8.16659 2.3913V3.16675C8.16659 3.38776 8.25439 3.59972 8.41067 3.756C8.56695 3.91228 8.77891 4.00008 8.99992 4.00008C9.22093 4.00008 9.4329 3.91228 9.58918 3.756C9.74546 3.59972 9.83325 3.38776 9.83325 3.16675V2.3913C11.0176 2.54022 12.1397 3.00626 13.081 3.74017L12.5355 4.28572C12.3792 4.44199 12.2914 4.65393 12.2914 4.87492C12.2914 5.09591 12.3792 5.30785 12.5355 5.46411C12.6917 5.62037 12.9037 5.70816 13.1247 5.70816C13.3457 5.70816 13.5576 5.62038 13.7139 5.46411L14.2595 4.91851C14.9936 5.85993 15.4598 6.98222 15.6087 8.16675H14.8333C14.6122 8.16675 14.4003 8.25455 14.244 8.41083C14.0877 8.56711 13.9999 8.77907 13.9999 9.00008C13.9999 9.2211 14.0877 9.43306 14.244 9.58934C14.4003 9.74562 14.6122 9.83341 14.8333 9.83341H15.6087C15.5376 10.4061 15.3919 10.967 15.1751 11.5018Z" fill="currentColor"></path>
</svg>
<span>Dashboard</span>
</a>
</li>
<li>
<a class="flex mr-10 items-center text-gray-50 hover:text-gray-100 text-sm" href="gaji.html">
<svg class="text-gray-500 w-5 h-5 mr-2" width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.00017 0.666748C4.41684 0.666748 0.66684 4.41675 0.66684 9.00008C0.66684 13.5834 4.41684 17.3334 9.00017 17.3334C13.5835 17.3334 17.3335 13.5834 17.3335 9.00008C17.3335 4.41675 13.5835 0.666748 9.00017 0.666748ZM2.58351 10.6667C2.41684 10.0834 2.33351 9.58342 2.33351 9.00008C2.33351 8.41675 2.41684 7.91675 2.58351 7.33342H4.16684C4.00017 8.41675 4.00017 9.58342 4.16684 10.6667H2.58351ZM3.25017 12.3334H4.41684C4.58351 13.0834 4.83351 13.8334 5.25017 14.5001C4.41684 13.9167 3.75017 13.1667 3.25017 12.3334ZM4.41684 5.66675H3.25017C3.75017 4.83342 4.41684 4.08342 5.25017 3.50008C4.83351 4.16675 4.58351 4.91675 4.41684 5.66675ZM8.16684 15.4167C7.16684 14.6667 6.41684 13.5834 6.16684 12.3334H8.16684V15.4167ZM8.16684 10.6667H5.75017C5.66684 10.0834 5.66684 9.58342 5.66684 9.00008C5.66684 8.41675 5.66684 7.91675 5.75017 7.33342H8.16684V10.6667ZM8.16684 5.66675H6.16684C6.41684 4.41675 7.16684 3.33342 8.16684 2.58341V5.66675ZM14.7502 5.66675H13.5835C13.4168 4.91675 13.1668 4.16675 12.7502 3.50008C13.5835 4.08342 14.2502 4.83342 14.7502 5.66675ZM9.83351 2.58341C10.8335 3.33342 11.5835 4.41675 11.8335 5.66675H9.83351V2.58341ZM9.83351 15.4167V12.3334H11.8335C11.5835 13.5834 10.8335 14.6667 9.83351 15.4167ZM12.2502 10.6667H9.83351V7.33342H12.2502C12.3335 8.41675 12.3335 9.58342 12.2502 10.6667ZM12.8335 14.5001C13.1668 13.8334 13.4168 13.0834 13.6668 12.3334H14.8335C14.2502 13.1667 13.5835 13.9167 12.8335 14.5001ZM13.9168 10.6667C14.0835 9.58342 14.0835 8.41675 13.9168 7.33342H15.5002C15.8335 8.41675 15.8335 9.58342 15.5002 10.6667H13.9168Z" fill="currentColor"></path>
</svg>
<span>Keuangan</span>
</a>
</li>
<li>
<a class="flex mr-10 items-center text-gray-50 hover:text-gray-100 text-sm" href="kenaikanpangkat.html">
<svg class="text-gray-500 w-5 h-5 mr-2" width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3414 9.23341C11.8688 8.66695 12.166 7.92406 12.1747 7.15008C12.1747 6.31465 11.8428 5.51343 11.2521 4.9227C10.6613 4.33196 9.86012 4.00008 9.02468 4.00008C8.18925 4.00008 7.38804 4.33196 6.7973 4.9227C6.20656 5.51343 5.87468 6.31465 5.87468 7.15008C5.88338 7.92406 6.18054 8.66695 6.70802 9.23341C5.97356 9.59914 5.34154 10.1417 4.86878 10.8123C4.39603 11.4829 4.09737 12.2604 3.99968 13.0751C3.97537 13.2961 4.03985 13.5177 4.17894 13.6912C4.31803 13.8647 4.52034 13.9758 4.74135 14.0001C4.96237 14.0244 5.18398 13.9599 5.35746 13.8208C5.53093 13.6817 5.64204 13.4794 5.66635 13.2584C5.7658 12.451 6.15706 11.7079 6.76642 11.169C7.37579 10.63 8.1612 10.3326 8.97469 10.3326C9.78817 10.3326 10.5736 10.63 11.1829 11.169C11.7923 11.7079 12.1836 12.451 12.283 13.2584C12.3062 13.4721 12.411 13.6686 12.5756 13.8068C12.7402 13.945 12.9519 14.0142 13.1664 14.0001H13.258C13.4765 13.9749 13.6761 13.8645 13.8135 13.6928C13.9508 13.5211 14.0148 13.3021 13.9914 13.0834C13.9009 12.2731 13.6117 11.4976 13.1494 10.826C12.6871 10.1543 12.066 9.60725 11.3414 9.23341ZM8.99969 8.63342C8.70631 8.63342 8.41952 8.54642 8.17559 8.38343C7.93166 8.22044 7.74153 7.98877 7.62926 7.71773C7.51699 7.44669 7.48762 7.14844 7.54485 6.8607C7.60209 6.57296 7.74336 6.30865 7.95081 6.10121C8.15826 5.89376 8.42256 5.75249 8.7103 5.69525C8.99804 5.63802 9.29629 5.66739 9.56733 5.77966C9.83838 5.89193 10.07 6.08205 10.233 6.32599C10.396 6.56992 10.483 6.85671 10.483 7.15008C10.483 7.54349 10.3267 7.92078 10.0486 8.19896C9.77038 8.47714 9.39309 8.63342 8.99969 8.63342ZM14.833 0.666748H3.16635C2.50331 0.666748 1.86743 0.93014 1.39858 1.39898C0.929743 1.86782 0.666351 2.50371 0.666351 3.16675V14.8334C0.666351 15.4965 0.929743 16.1323 1.39858 16.6012C1.86743 17.07 2.50331 17.3334 3.16635 17.3334H14.833C15.4961 17.3334 16.1319 17.07 16.6008 16.6012C17.0696 16.1323 17.333 15.4965 17.333 14.8334V3.16675C17.333 2.50371 17.0696 1.86782 16.6008 1.39898C16.1319 0.93014 15.4961 0.666748 14.833 0.666748ZM15.6664 14.8334C15.6664 15.0544 15.5786 15.2664 15.4223 15.4227C15.266 15.579 15.054 15.6667 14.833 15.6667H3.16635C2.94534 15.6667 2.73338 15.579 2.5771 15.4227C2.42082 15.2664 2.33302 15.0544 2.33302 14.8334V3.16675C2.33302 2.94573 2.42082 2.73377 2.5771 2.57749C2.73338 2.42121 2.94534 2.33341 3.16635 2.33341H14.833C15.054 2.33341 15.266 2.42121 15.4223 2.57749C15.5786 2.73377 15.6664 2.94573 15.6664 3.16675V14.8334Z" fill="currentColor"></path>
</svg>
<span>Kenaikan Pangkat</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</section>

<div class="container px-4 mx-auto">
<section class="py-8">
<div class="container px-4 mx-auto">
<div class="py-12 bg-indigo-500 rounded overflow-hidden">
<div class="flex flex-wrap">
<div class="w-full md:w-1/2 px-6 md:pl-12 lg:pr-0 mb-10 md:mb-0">
<h3 class="mb-2 text-6xl font-medium text-white">
<span class="text-green-300">Human Resource Information System</span>
<span>(HRIS)</span>
</h3>
<p class="text-xl font-medium text-blue-100">Form Insert Data</p>
</div>
<div class="relative w-full md:w-1/2 px-12">
<img src="artemis-assets/images/LOGO ULBI - WIDE BACKGROUNG NEVY resize.png" >
</div>
</div>
</div>
</div>
</section>

<section>
<div class="card">
<div class="card-body">
<label for="nip" class="form-label">NIP</label>
<input class="form-control" list="datalistOptions" id="nip" placeholder="Inputkan Nomor Induk Pegawai">

<label for="mk_bulan" class="form-label mt-3">Masa Kerja (Bulan)</label>
<input class="form-control" list="datalistOptions" id="mk_bulan" placeholder="Inputkan Masa Kerja (Bulan)">

<label for="mk_tahun" class="form-label mt-3">Masa Kerja (Tahun)</label>
<input class="form-control" list="datalistOptions" id="mk_tahun" placeholder="Inputkan Masa Kerja (Tahun)">

<label for="no_sk" class="form-label mt-3">No SK</label>
<input class="form-control" list="datalistOptions" id="no_sk" placeholder="Inputkan Nomor SK">

<label for="tgl_sk" class="form-label mt-3">Tanggal SK</label>
<input class="form-control" list="datalistOptions" id="tgl_sk" placeholder="Inputkan Tanggal SK">

<label for="no_surat_usul" class="form-label mt-3">No Surat Usul</label>
<input class="form-control" list="datalistOptions" id="no_surat_usul" placeholder="Inputkan Nomor Surat Usul">

<label for="tgl_surat_usul" class="form-label mt-3">Tanggal Surat Usul</label>
<input class="form-control" list="datalistOptions" id="tgl_surat_usul" placeholder="Inputkan Tanggal Surat Usul">

<label for="naik_selanjutnya" class="form-label mt-3">Naik Selanjutnya</label>
<input class="form-control" list="datalistOptions" id="naik_selanjutnya" placeholder="Inputkan Tanggal Naik Jabatan Selanjutnya">

<label for="pejabat_sk" class="form-label mt-3">Pejabat SK</label>
<input class="form-control" list="datalistOptions" id="pejabat_sk" placeholder="Inputkan Pejabat SK">

<label for="ket" class="form-label mt-3">Keterangan</label>
<input class="form-control" list="datalistOptions" id="ket" placeholder="Pilih Keterangan">
<datalist id="datalistOptions">
<option value="Belum Diproses">
<option value="Proses">
<option value="Disetujui">
<option value="Ditolak">
</datalist>

<button type="button" class="btn btn-primary mt-3 mb-3">Submit Kenaikan Pangkat</button>

</div>
</div>
</section>
<script src="js/insert.js"></script>
<script src="js/charts-demo.js"></script>
</body>
</html>

Empty file removed prosesnaikpangkat.html
View file
Open in desktop
Empty file.