Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php ob_start(); ?>
- <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
- <link rel="stylesheet" href="<?= base_url; ?>public/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
- <?php
- $link = ob_get_clean();
- ob_start();
- $breadcumb = [
- "head" => "Manajemen Jadwal",
- "menu" => "Persiapan",
- "subMenu" => "Jadwal"
- ]
- ?>
- <div class="card card-body">
- <div class="row">
- <div class="col-md-4 col-xl-3">
- <form class="position-relative">
- <input type="text" class="form-control product-search ps-5" id="input-search"
- placeholder="Cari Jadwal" />
- <i class="ti ti-search position-absolute top-50 start-0 translate-middle-y fs-6 text-dark ms-3"></i>
- </form>
- </div>
- <div class="col-md-8 col-xl-9 text-end d-flex justify-content-md-end justify-content-center mt-3 mt-md-0">
- <button id="btn-add-contact" class="btn btn-warning text-white fw-bolder d-flex align-items-center"
- onclick="addForm(this.id)">
- <i class="ti ti-calendar-plus text-white me-1 fs-5"></i> Buat Jadwal
- </button>
- </div>
- </div>
- </div>
- <div id="card-wrapper">
- <div class="card card-body blink bg-light">
- <div class="row">
- <div class="col-md-4 py-5 col-xl-3">
- </div>
- </div>
- </div>
- </div>
- <?php $body = ob_get_clean(); ?>
- <?php ob_start(); ?>
- <!-- Modal Add -->
- <div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="vertical-center-modal" aria-hidden="true"
- style="display: none;">
- <div class="modal-dialog modal-dialog-centered">
- <div class="modal-content">
- <div class="modal-header d-flex align-items-center">
- <h4 class="modal-title" id="myLargeModalLabel">
- <i class="ti ti-calendar-plus"></i> Buat Jadwal
- </h4>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <form id="form-add" action="javascript:void(0)">
- <div class="card-body border-top">
- <div class="col-12">
- <div class="mb-3">
- <label for="tahun" class="control-label col-form-label">Tahun</label>
- <select class="form-select" id="tahun">
- <option value="placeholder" selected disabled>Pilih tahun ...</option>
- </select>
- <div class="invalid-feedback">
- Tahun tidak boleh kosong.
- </div>
- </div>
- </div>
- <div class="col-12">
- <div class="mb-3">
- <label for="nama" class="control-label col-form-label">Evaluasi</label>
- <select id="nama" class="form-select">
- <option value="placeholder" selected disabled>Pilih evaluasi ...</option>
- <option>RENJA</option>
- <option>RKPD</option>
- <option>JANJI KAMPANYE</option>
- <option>KEGIATAN UNGGULAN OPD</option>
- <option>RENSTRA</option>
- <option>RPJMD</option>
- <option>RPJPD</option>
- </select>
- <!-- <input type="text" class="form-control" id="nama" placeholder="Masukan nama kegiatan"> -->
- <div class="invalid-feedback">
- Evaluasi tidak boleh kosong.
- </div>
- </div>
- </div>
- <div class="col-12">
- <label for="mulai" class="control-label col-form-label">Jadwal</label>
- <div class="input-daterange input-group" id="date-range-add">
- <input type="text" class="form-control" id="mulai" placeholder="Dimulai">
- <span class="input-group-text bg-light b-0 text-dark"> - </span>
- <input type="text" class="form-control" id="akhir" placeholder="Berakhir">
- <div class="invalid-feedback">
- Tanggal mulai dan berakhir harus ditentukan.
- </div>
- </div>
- </div>
- <div class="col-12">
- <div class="mb-3">
- <label class="control-label col-form-label" for="opd">Pilih OPD</label>
- <select class="form-select" id="opd" multiple="multiple">
- <option value="semua">Pilih Semua</option>
- </select>
- </div>
- </div>
- </div>
- </form>
- </div>
- <div class="d-flex modal-footer justify-content-center">
- <button class="btn btn-lg btn-primary" id="submit-add"><i class="ti ti-send"></i> Simpan</button>
- </div>
- </div>
- </div>
- </div>
- <!-- Edit Modal -->
- <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="vertical-center-modal" aria-hidden="true"
- style="display: none;">
- <div class="modal-dialog modal-lg modal-dialog-centered">
- <div class="modal-content">
- <div class="modal-header d-flex align-items-center">
- <h4 class="modal-title" id="myLargeModalLabel">
- <i class="ti ti-calendar-plus"></i> Edit Jadwal
- </h4>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <div class="card-body border-top">
- <form id="form-edit">
- <div class="col-12">
- <div class="mb-3">
- <label for="tahun" class="control-label col-form-label">Tahun</label>
- <select class="form-select" id="edit-tahun">
- <option value="placeholder" selected disabled>Pilih tahun ...</option>
- </select>
- <div class="invalid-feedback">
- Tahun tidak boleh kosong.
- </div>
- </div>
- </div>
- <div class="col-12">
- <div class="mb-3">
- <label for="nama" class="control-label col-form-label">Nama Kegiatan</label>
- <select id="edit-nama" class="form-select">
- <option value="placeholder" selected disabled>Pilih evaluasi ...</option>
- <option>RENJA</option>
- <option>RPJMD</option>
- <option>RENSTRA</option>
- <option>RKPD</option>
- <option>JANJI KAMPANYE</option>
- <option>PROGRAM UNGGULAN</option>
- </select>
- <div class="invalid-feedback">
- Nama kegiatan tidak boleh kosong.
- </div>
- </div>
- </div>
- <div class="col-12">
- <label for="mulai" class="control-label col-form-label">Jadwal</label>
- <div class="input-daterange input-group" id="date-range-edit">
- <input type="text" class="form-control" id="edit-mulai" placeholder="Dimulai">
- <span class="input-group-text bg-light b-0 text-dark"> - </span>
- <input type="text" class="form-control" id="edit-akhir" placeholder="Berakhir">
- <div class="invalid-feedback">
- Waktu mulai dan berakhir jadwal harus ditentukan.
- </div>
- </div>
- </div>
- <input type="hidden" id="edit-id">
- <div class="col-12">
- <div class="mb-3">
- <label class="control-label col-form-label" for="edit-opd">Pilih OPD</label>
- <select class="form-select" id="edit-opd" multiple="multiple">
- <option value="semua">Pilih Semua</option>
- </select>
- </div>
- </div>
- <div class="col-12">
- <label for="edit-status" class="control-label col-form-label">Status</label>
- <select class="form-control" id="edit-status">
- <option value="1">Aktif</option>
- <option value="0">Berakhir</option>
- <option value="2">Non Aktif</option>
- </select>
- </div>
- </form>
- </div>
- </div>
- <div class="d-flex modal-footer justify-content-center">
- <button class="btn btn-lg btn-primary" id="submit-edit"><i class="ti ti-send"></i> Simpan</button>
- </div>
- </div>
- </div>
- </div>
- <!-- Delete Modal -->
- <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="vertical-center-modal" aria-hidden="true">
- <div class="modal-dialog modal-sm">
- <div class="modal-content modal-filled bg-light-warning">
- <div class="modal-body p-4">
- <div class="text-center text-warning">
- <i class="ti ti-alert-octagon fs-7"></i>
- <h4 class="mt-2">Perhatian</h4>
- <p class="mt-3">
- Apakah kamu yakin akan menghapus jadwal <strong id="namaDelete"></strong> pada tahun <strong
- id="tahunDelete"></strong>
- </p>
- <input type="hidden" id="idDelete">
- <button type="button" class="btn btn-danger my-2" id="buttonDelete">
- <i class="ti ti-trash"></i> Hapus
- </button>
- </div>
- </div>
- </div>
- <!-- /.modal-content -->
- </div>
- </div>
- <!-- Delete Modal -->
- <div class="modal fade" id="lihat-opd" tabindex="-1" aria-labelledby="vertical-center-modal" aria-hidden="true">
- <div class="modal-dialog modal-lg">
- <div class="modal-content modal-filled bg-light-warning">
- <div class="modal-body p-4">
- <div class="d-flex col-12 mb-3 justify-content-end">
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="col-12 d-flex justify-content-center">
- <span class="text-center fw-bolder fs-6" id="detail-nama-periode"></span>
- </div>
- <p class="text-center" id="detail-jumlah-opd"></p>
- <div class="list-group mt-3">
- <p class="list-group-item list-group-item-action active text-center fw-bolder fs-5"
- aria-current="true">
- List Nama OPD
- </p>
- <div id="detail-list-nama-opd"></div>
- </div>
- </div>
- </div>
- <!-- /.modal-content -->
- </div>
- </div>
- <?php $modal = ob_get_clean(); ?>
- <?php ob_start(); ?>
- <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
- <script src="<?= base_url; ?>public/libs/moment-js/moment.js"></script>
- <script src="<?= base_url; ?>public/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
- <script src="<?= base_url; ?>public/js/forms/datepicker-init.js"></script>
- <script src="<?= base_url; ?>public/service/admin/periode.js"></script>
- <?php $script = ob_get_clean(); ?>
- <?php include "app/views/dashboard.php"; ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement