API tools faq
paste
Advertisement
martinms

periode.php

martinms
May 15th, 2024
445
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 12.94 KB | None | 0 0
raw download clone embed print report
  1. <?php ob_start(); ?>
  2. <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  3. <link rel="stylesheet" href="<?= base_url; ?>public/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
  4. <?php
  5. $link = ob_get_clean();
  6. ob_start();
  7. $breadcumb = [
  8.     "head" => "Manajemen Jadwal",
  9.     "menu" => "Persiapan",
  10.     "subMenu" => "Jadwal"
  11. ]
  12.     ?>
  13. <div class="card card-body">
  14.     <div class="row">
  15.         <div class="col-md-4 col-xl-3">
  16.             <form class="position-relative">
  17.                 <input type="text" class="form-control product-search ps-5" id="input-search"
  18.                     placeholder="Cari Jadwal" />
  19.                 <i class="ti ti-search position-absolute top-50 start-0 translate-middle-y fs-6 text-dark ms-3"></i>
  20.             </form>
  21.         </div>
  22.         <div class="col-md-8 col-xl-9 text-end d-flex justify-content-md-end justify-content-center mt-3 mt-md-0">
  23.             <button id="btn-add-contact" class="btn btn-warning text-white fw-bolder d-flex align-items-center"
  24.                 onclick="addForm(this.id)">
  25.                 <i class="ti ti-calendar-plus text-white me-1 fs-5"></i> Buat Jadwal
  26.             </button>
  27.         </div>
  28.     </div>
  29. </div>
  30. <div id="card-wrapper">
  31.     <div class="card card-body blink bg-light">
  32.         <div class="row">
  33.             <div class="col-md-4 py-5 col-xl-3">
  34.             </div>
  35.         </div>
  36.     </div>
  37. </div>
  38. <?php $body = ob_get_clean(); ?>
  39. <?php ob_start(); ?>
  40. <!-- Modal Add -->
  41. <div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="vertical-center-modal" aria-hidden="true"
  42.     style="display: none;">
  43.     <div class="modal-dialog modal-dialog-centered">
  44.         <div class="modal-content">
  45.             <div class="modal-header d-flex align-items-center">
  46.                 <h4 class="modal-title" id="myLargeModalLabel">
  47.                     <i class="ti ti-calendar-plus"></i> Buat Jadwal
  48.                 </h4>
  49.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  50.             </div>
  51.             <div class="modal-body">
  52.                 <form id="form-add" action="javascript:void(0)">
  53.                     <div class="card-body border-top">
  54.                         <div class="col-12">
  55.                             <div class="mb-3">
  56.                                 <label for="tahun" class="control-label col-form-label">Tahun</label>
  57.                                 <select class="form-select" id="tahun">
  58.                                     <option value="placeholder" selected disabled>Pilih tahun ...</option>
  59.                                 </select>
  60.                                 <div class="invalid-feedback">
  61.                                     Tahun tidak boleh kosong.
  62.                                 </div>
  63.                             </div>
  64.                         </div>
  65.                         <div class="col-12">
  66.                             <div class="mb-3">
  67.                                 <label for="nama" class="control-label col-form-label">Evaluasi</label>
  68.                                 <select id="nama" class="form-select">
  69.                                     <option value="placeholder" selected disabled>Pilih evaluasi ...</option>
  70.                                     <option>RENJA</option>
  71.                                     <option>RKPD</option>
  72.                                     <option>JANJI KAMPANYE</option>
  73.                                     <option>KEGIATAN UNGGULAN OPD</option>
  74.                                     <option>RENSTRA</option>
  75.                                     <option>RPJMD</option>
  76.                                     <option>RPJPD</option>
  77.                                 </select>
  78.                                 <!-- <input type="text" class="form-control" id="nama" placeholder="Masukan nama kegiatan"> -->
  79.                                 <div class="invalid-feedback">
  80.                                     Evaluasi tidak boleh kosong.
  81.                                 </div>
  82.                             </div>
  83.                         </div>
  84.                         <div class="col-12">
  85.                             <label for="mulai" class="control-label col-form-label">Jadwal</label>
  86.                             <div class="input-daterange input-group" id="date-range-add">
  87.                                 <input type="text" class="form-control" id="mulai" placeholder="Dimulai">
  88.                                 <span class="input-group-text bg-light b-0 text-dark"> - </span>
  89.                                 <input type="text" class="form-control" id="akhir" placeholder="Berakhir">
  90.                                 <div class="invalid-feedback">
  91.                                     Tanggal mulai dan berakhir harus ditentukan.
  92.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                         <div class="col-12">
  96.                             <div class="mb-3">
  97.                                 <label class="control-label col-form-label" for="opd">Pilih OPD</label>
  98.                                 <select class="form-select" id="opd" multiple="multiple">
  99.                                     <option value="semua">Pilih Semua</option>
  100.                                 </select>
  101.                             </div>
  102.                         </div>
  103.                     </div>
  104.                 </form>
  105.             </div>
  106.             <div class="d-flex modal-footer justify-content-center">
  107.                 <button class="btn btn-lg btn-primary" id="submit-add"><i class="ti ti-send"></i> Simpan</button>
  108.             </div>
  109.         </div>
  110.     </div>
  111. </div>
  112. <!-- Edit Modal -->
  113. <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="vertical-center-modal" aria-hidden="true"
  114.     style="display: none;">
  115.     <div class="modal-dialog modal-lg modal-dialog-centered">
  116.         <div class="modal-content">
  117.             <div class="modal-header d-flex align-items-center">
  118.                 <h4 class="modal-title" id="myLargeModalLabel">
  119.                     <i class="ti ti-calendar-plus"></i> Edit Jadwal
  120.                 </h4>
  121.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  122.             </div>
  123.             <div class="modal-body">
  124.                 <div class="card-body border-top">
  125.                     <form id="form-edit">
  126.                         <div class="col-12">
  127.                             <div class="mb-3">
  128.                                 <label for="tahun" class="control-label col-form-label">Tahun</label>
  129.                                 <select class="form-select" id="edit-tahun">
  130.                                     <option value="placeholder" selected disabled>Pilih tahun ...</option>
  131.                                 </select>
  132.                                 <div class="invalid-feedback">
  133.                                     Tahun tidak boleh kosong.
  134.                                 </div>
  135.                             </div>
  136.                         </div>
  137.                         <div class="col-12">
  138.                             <div class="mb-3">
  139.                                 <label for="nama" class="control-label col-form-label">Nama Kegiatan</label>
  140.                                 <select id="edit-nama" class="form-select">
  141.                                     <option value="placeholder" selected disabled>Pilih evaluasi ...</option>
  142.                                     <option>RENJA</option>
  143.                                     <option>RPJMD</option>
  144.                                     <option>RENSTRA</option>
  145.                                     <option>RKPD</option>
  146.                                     <option>JANJI KAMPANYE</option>
  147.                                     <option>PROGRAM UNGGULAN</option>
  148.                                 </select>
  149.                                 <div class="invalid-feedback">
  150.                                     Nama kegiatan tidak boleh kosong.
  151.                                 </div>
  152.                             </div>
  153.                         </div>
  154.                         <div class="col-12">
  155.                             <label for="mulai" class="control-label col-form-label">Jadwal</label>
  156.                             <div class="input-daterange input-group" id="date-range-edit">
  157.                                 <input type="text" class="form-control" id="edit-mulai" placeholder="Dimulai">
  158.                                 <span class="input-group-text bg-light b-0 text-dark"> - </span>
  159.                                 <input type="text" class="form-control" id="edit-akhir" placeholder="Berakhir">
  160.                                 <div class="invalid-feedback">
  161.                                     Waktu mulai dan berakhir jadwal harus ditentukan.
  162.                                 </div>
  163.                             </div>
  164.                         </div>
  165.                         <input type="hidden" id="edit-id">
  166.                         <div class="col-12">
  167.                             <div class="mb-3">
  168.                                 <label class="control-label col-form-label" for="edit-opd">Pilih OPD</label>
  169.                                 <select class="form-select" id="edit-opd" multiple="multiple">
  170.                                 <option value="semua">Pilih Semua</option>
  171.                                 </select>
  172.                             </div>
  173.                         </div>
  174.                         <div class="col-12">
  175.                             <label for="edit-status" class="control-label col-form-label">Status</label>
  176.                             <select class="form-control" id="edit-status">
  177.                                 <option value="1">Aktif</option>
  178.                                 <option value="0">Berakhir</option>
  179.                                 <option value="2">Non Aktif</option>
  180.                             </select>
  181.                         </div>
  182.                     </form>
  183.                 </div>
  184.             </div>
  185.             <div class="d-flex modal-footer justify-content-center">
  186.                 <button class="btn btn-lg btn-primary" id="submit-edit"><i class="ti ti-send"></i> Simpan</button>
  187.             </div>
  188.         </div>
  189.     </div>
  190. </div>
  191.  
  192. <!-- Delete Modal -->
  193. <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="vertical-center-modal" aria-hidden="true">
  194.     <div class="modal-dialog modal-sm">
  195.         <div class="modal-content modal-filled bg-light-warning">
  196.             <div class="modal-body p-4">
  197.                 <div class="text-center text-warning">
  198.                     <i class="ti ti-alert-octagon fs-7"></i>
  199.                     <h4 class="mt-2">Perhatian</h4>
  200.                     <p class="mt-3">
  201.                         Apakah kamu yakin akan menghapus jadwal <strong id="namaDelete"></strong> pada tahun <strong
  202.                             id="tahunDelete"></strong>
  203.                     </p>
  204.                     <input type="hidden" id="idDelete">
  205.                     <button type="button" class="btn btn-danger my-2" id="buttonDelete">
  206.                         <i class="ti ti-trash"></i> Hapus
  207.                     </button>
  208.                 </div>
  209.             </div>
  210.         </div>
  211.         <!-- /.modal-content -->
  212.     </div>
  213. </div>
  214. <!-- Delete Modal -->
  215. <div class="modal fade" id="lihat-opd" tabindex="-1" aria-labelledby="vertical-center-modal" aria-hidden="true">
  216.     <div class="modal-dialog modal-lg">
  217.         <div class="modal-content modal-filled bg-light-warning">
  218.             <div class="modal-body p-4">
  219.                 <div class="d-flex col-12 mb-3 justify-content-end">
  220.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  221.                 </div>
  222.                 <div class="col-12 d-flex justify-content-center">
  223.                     <span class="text-center fw-bolder fs-6" id="detail-nama-periode"></span>
  224.                 </div>
  225.                 <p class="text-center" id="detail-jumlah-opd"></p>
  226.                 <div class="list-group mt-3">
  227.                     <p class="list-group-item list-group-item-action active text-center fw-bolder fs-5"
  228.                         aria-current="true">
  229.                         List Nama OPD
  230.                     </p>
  231.                     <div id="detail-list-nama-opd"></div>
  232.                 </div>
  233.  
  234.             </div>
  235.         </div>
  236.         <!-- /.modal-content -->
  237.     </div>
  238. </div>
  239.  
  240. <?php $modal = ob_get_clean(); ?>
  241. <?php ob_start(); ?>
  242. <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  243. <script src="<?= base_url; ?>public/libs/moment-js/moment.js"></script>
  244. <script src="<?= base_url; ?>public/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
  245. <script src="<?= base_url; ?>public/js/forms/datepicker-init.js"></script>
  246. <script src="<?= base_url; ?>public/service/admin/periode.js"></script>
  247. <?php $script = ob_get_clean(); ?>
  248. <?php include "app/views/dashboard.php"; ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!