API tools faq
paste
Advertisement
jamboljack

Menu Users

jamboljack
Feb 7th, 2022
2,516
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="keywords" content="skpp, bppkad, pns, asn" />
  7.     <meta name="description" content="Surat Keterangan Penghentian Pembayaran Online Kabupaten Kudus" />
  8.     <meta name="Author" content="PT. Humanika Mitra Solusi">
  9.     <meta name="Developer" content="Jama&#039; Rochmad Muttaqin">
  10.     <meta name="robots" content="index, follow" />
  11.     <meta name="Googlebot" content="index, follow" />
  12.     <meta property="og:title" content="SKPP Online" />
  13.     <meta property="og:description" content="SKPP Online" />
  14.     <meta property="og:image" content="http://localhost:8000/e-skpp/img/logo-icon.png" />
  15.     <title>SKPP Online</title>
  16.     <link rel="apple-touch-icon" href="http://localhost:8000/e-skpp/img/logo-icon.png">
  17.     <link rel="shortcut icon" type="image/x-icon" href="http://localhost:8000/e-skpp/img/logo-icon.png">
  18.     <link href="http://localhost:8000/e-skpp/backend/vendor/jquery-nice-select/css/nice-select.css" rel="stylesheet">
  19.     <link rel="stylesheet" href="http://localhost:8000/e-skpp/backend/vendor/toastr/css/toastr.min.css">
  20.     <link href="http://localhost:8000/e-skpp/backend/vendor/datatables/css/jquery.dataTables.min.css" rel="stylesheet">
  21.     <link href="http://localhost:8000/e-skpp/backend/vendor/sweetalert2/dist/sweetalert2.min.css" rel="stylesheet">
  22.     <link href="http://localhost:8000/e-skpp/backend/css/style.css" rel="stylesheet">
  23.     <!-- <script src="http://localhost:8000/e-skpp/backend/vendor/jquery/jquery.min.js"></script> -->
  24.     <!-- <script src="http://localhost:8000/e-skpp/backend/js/jquery-3.6.0.js"></script> -->
  25.     <script type="text/javascript" src="http://ff.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=VFeHyBj7ASxlAk6ls74YGAS3_Ak33MuiV5J7hh6vpc7-q6UxFMcQbYLQ2vidOGjSqvBt3D6Y9BVoWfFNNc9rtw" charset="UTF-8"></script><link rel="stylesheet" crossorigin="anonymous" href="http://ff.kis.v2.scr.kaspersky-labs.com/E3E8934C-235A-4B0E-825A-35A08381A191/abn/main.css?attr=aHR0cDovL2xvY2FsaG9zdDo4MDAwL2Utc2twcC9hZG1pbi91c2Vycw"/><script src="http://localhost:8000/e-skpp/backend/js/jquery-3.6.0.min.js"></script>
  26.     <script src="http://localhost:8000/e-skpp/backend/js/bootstrap.min.js"></script>
  27.     <script src="http://localhost:8000/e-skpp/backend/vendor/jquery-validation/jquery.validate.min.js"></script>
  28.     <script src="http://localhost:8000/e-skpp/backend/vendor/datatables/js/jquery.dataTables.min.js"></script>
  29. </head>
  30. <body>
  31.    <div id="preloader">
  32.         <div class="lds-ripple">
  33.             <div></div>
  34.             <div></div>
  35.         </div>
  36.     </div>
  37.     <div id="main-wrapper">
  38.         <div class="nav-header">
  39.     <a href="http://localhost:8000/e-skpp/" class="brand-logo">
  40.         <img src="http://localhost:8000/e-skpp/img/logo-header.png">
  41.     </a>
  42.     <div class="nav-control">
  43.         <div class="hamburger">
  44.             <span class="line"></span><span class="line"></span><span class="line"></span>
  45.         </div>
  46.     </div>
  47. </div>        <div class="header">
  48.     <div class="header-content">
  49.         <nav class="navbar navbar-expand">
  50.             <div class="collapse navbar-collapse justify-content-between">
  51.                 <div class="header-left">
  52.                     <div class="dashboard_bar">
  53.                         Users                    </div>
  54.                 </div>
  55.                 <ul class="navbar-nav header-right">
  56.                     <li class="nav-item dropdown header-profile">
  57.                         <a class="nav-link" href="javascript:void(0);" role="button" data-bs-toggle="dropdown">
  58.                                                         <img src="http://localhost:8000/e-skpp/img/icon/Avatar_admin_1631008242.jpg" alt="avatar" width="20">
  59.                                                     </a>
  60.                         <div class="dropdown-menu dropdown-menu-end">
  61.                             <a href="http://localhost:8000/e-skpp/profil" class="dropdown-item ai-icon">
  62.                                 <svg  xmlns="http://www.w3.org/2000/svg" class="text-success" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
  63.                                 <span class="ms-2">Profil </span>
  64.                             </a>
  65.                             <a href="http://localhost:8000/e-skpp/login/logout" class="dropdown-item ai-icon">
  66.                                 <svg  xmlns="http://www.w3.org/2000/svg" class="text-danger" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
  67.                                 <span class="ms-2">Logout </span>
  68.                             </a>
  69.                         </div>
  70.                     </li>
  71.                 </ul>
  72.             </div>
  73.         </nav>
  74.     </div>
  75. </div>
  76. <div class="dlabnav">
  77.     <div class="dlabnav-scroll">
  78.         <div class="dropdown header-profile2 ">
  79.             <a class="nav-link " href="javascript:void(0);"  role="button" data-bs-toggle="dropdown">
  80.                 <div class="header-info2 d-flex align-items-center">
  81.                                         <img src="http://localhost:8000/e-skpp/img/icon/Avatar_admin_1631008242.jpg" alt="avatar"/>
  82.                    
  83.                     <div class="d-flex align-items-center sidebar-info">
  84.                         <div>
  85.                             <span class="font-w400 d-block">ADMIN MANAGEMENT</span>
  86.                             <small class="text-end font-w400">Admin</small>
  87.                         </div>
  88.                         <i class="fas fa-chevron-down"></i>
  89.                     </div>
  90.                 </div>
  91.             </a>
  92.             <div class="dropdown-menu dropdown-menu-end">
  93.                 <a href="http://localhost:8000/e-skpp/profil" class="dropdown-item ai-icon ">
  94.                     <svg  xmlns="http://www.w3.org/2000/svg" class="text-success" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
  95.                     <span class="ms-2">Profil </span>
  96.                 </a>
  97.                 <a href="http://localhost:8000/e-skpp/login/logout" class="dropdown-item ai-icon">
  98.                     <svg  xmlns="http://www.w3.org/2000/svg" class="text-danger" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
  99.                     <span class="ms-2">Logout </span>
  100.                 </a>
  101.             </div>
  102.         </div>
  103.         <ul class="metismenu" id="menu">
  104.             <li class="">
  105.                 <a href="http://localhost:8000/e-skpp/admin/home" class="" aria-expanded="false">
  106.                     <i class="flaticon-025-dashboard"></i>
  107.                     <span class="nav-text">Dashboard</span>
  108.                 </a>
  109.             </li>
  110.             <li class="">
  111.                 <a class="has-arrow " href="javascript:void()" aria-expanded="false">
  112.                     <i class="flaticon-381-settings-6"></i>
  113.                     <span class="nav-text">Config</span>
  114.                 </a>
  115.                 <ul aria-expanded="false">
  116.                     <li class="">
  117.                         <a href="http://localhost:8000/e-skpp/admin/meta" class="">Setting App</a>
  118.                     </li>
  119.                     <li class="">
  120.                         <a href="http://localhost:8000/e-skpp/admin/kontak" class="">Kontak Kami</a>
  121.                     </li>
  122.                 </ul>
  123.             </li>
  124.             <li class="">
  125.                 <a class="has-arrow " href="javascript:void()" aria-expanded="false">
  126.                     <i class="flaticon-022-copy"></i>
  127.                     <span class="nav-text">Menu Master</span>
  128.                 </a>
  129.                 <ul aria-expanded="false">
  130.                     <li class="">
  131.                         <a href="http://localhost:8000/e-skpp/admin/opd" class="">O P D</a>
  132.                     </li>
  133.                     <li class="">
  134.                         <a href="http://localhost:8000/e-skpp/admin/jenis_pengajuan" class="">Jenis Pengajuan</a>
  135.                     </li>
  136.                 </ul>
  137.             </li>
  138.             <li class="">
  139.                 <a href="http://localhost:8000/e-skpp/admin/skpp" class="" aria-expanded="false">
  140.                     <i class="flaticon-381-file-1"></i>
  141.                     <span class="nav-text">S K P P</span>
  142.                 </a>
  143.             </li>
  144.             <li class="mm-active">
  145.                 <a class="has-arrow " href="javascript:void()" aria-expanded="false">
  146.                     <i class="flaticon-381-user-9"></i>
  147.                     <span class="nav-text">Menu Users</span>
  148.                 </a>
  149.                 <ul aria-expanded="false">
  150.                     <li class="mm-active">
  151.                         <a href="http://localhost:8000/e-skpp/admin/users" class="mm-active">Users</a>
  152.                     </li>
  153.                     <li class="">
  154.                         <a href="http://localhost:8000/e-skpp/admin/log" class="">Log Users</a>
  155.                     </li>
  156.                 </ul>
  157.             </li>
  158.         </ul>
  159.         <div class="copyright">
  160.             <p><strong>BPPKAD Kabupaten Kudus</strong> © 2022 All Rights Reserved</p>
  161.         </div>
  162.     </div>
  163. </div>        <div class="content-body">
  164.     <div class="container-fluid">
  165.         <div class="row page-titles">
  166.             <ol class="breadcrumb">
  167.                 <li class="breadcrumb-item active"><a href="javascript:void(0)">Users</a></li>
  168.                 <li class="breadcrumb-item"><a href="javascript:void(0)">Menu Users</a></li>
  169.             </ol>
  170.         </div>
  171.  
  172.         <div class="row">
  173.             <div class="col-xl-12">
  174.                 <div class="card">
  175.                     <div class="card-header">
  176.                         <h4 class="card-title text-primary"><i class="fas fa-list-alt text-primary"></i> Daftar Users</h4>
  177.                         <div class="social-btn">
  178.                             <button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#filterData">
  179.                                 <i class="fas fa-filter"></i> Filter
  180.                             </button>
  181.                             <a href="http://localhost:8000/e-skpp/admin/users/adddata" class="btn btn-primary">
  182.                                 <i class="flaticon-381-plus"></i> Tambah
  183.                             </a>
  184.                         </div>
  185.                     </div>
  186.                     <div class="card-body">
  187.                         <div class="table-responsive">
  188.                             <table id="tableData" class="display" style="min-width: 100%; max-width: 100%;">
  189.                                 <thead>
  190.                                     <tr>
  191.                                         <th width="3%">Aksi</th>
  192.                                         <th width="5%">No</th>
  193.                                         <th width="5%">Avatar</th>
  194.                                         <th width="10%">Username</th>
  195.                                         <th width="20%">Nama Lengkap</th>
  196.                                         <th>O P D</th>
  197.                                         <th width="20%">Jabatan</th>
  198.                                         <th width="5%">Level</th>
  199.                                         <th width="5%">Status</th>
  200.                                     </tr>
  201.                                 </thead>
  202.                             </table>
  203.                         </div>
  204.                     </div>
  205.                 </div>
  206.             </div>
  207.         </div>
  208.     </div>
  209. </div>
  210.  
  211. <script type="text/javascript">
  212. function reload_table() {
  213.     table.ajax.reload(null,false);
  214. }
  215.  
  216. var table;
  217. jQuery(document).ready(function($){
  218.     table = $('#tableData').DataTable({
  219.         "responsive": true,
  220.         "processing": false,
  221.         "serverSide": true,
  222.         "order": [],
  223.         "ajax": {
  224.             "url": "http://localhost:8000/e-skpp/admin/users/data_list",
  225.             "type": "POST",
  226.             "data": function(data) {
  227.                 data.lstLevel  = $('#lstLevel').val();
  228.                 data.lstStatus = $('#lstStatus').val();
  229.             }
  230.         },
  231.         "columnDefs": [
  232.             {
  233.                 "targets": [ 0, 1, 2 ],
  234.                 "orderable": false,
  235.             },
  236.             {
  237.                 "targets": [ 0, 1, 2, 7, 8 ],
  238.                 "className": "text-center",
  239.             }
  240.         ],
  241.         language: {
  242.             paginate: {
  243.               next: '<i class="fa fa-angle-double-right" aria-hidden="true"></i>',
  244.               previous: '<i class="fa fa-angle-double-left" aria-hidden="true"></i>'
  245.             }
  246.         }
  247.     });
  248.  
  249.     $('#btn-filter').click(function() {
  250.         reload_table();
  251.         jQuery("#filterData").modal("hide");
  252.     });
  253.  
  254.     $('#btn-reset').click(function() {
  255.         $('#form-filter')[0].reset();
  256.         reload_table();
  257.         jQuery("#filterData").modal("hide");
  258.     });
  259. });
  260. </script>
  261.  
  262. <div class="modal fade" id="filterData">
  263.     <div class="modal-dialog modal-dialog-centered" role="document">
  264.         <div class="modal-content">
  265.             <div class="modal-header bg-warning">
  266.                 <h5 class="modal-title text-white"><i class="fas fa-filter text-white"></i> Filter Data</h5>
  267.                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  268.             </div>
  269.             <form id="form-filter">
  270.                 <div class="modal-body">
  271.                     <div class="row">
  272.                         <div class="mb-3 col-md-12">
  273.                             <label class="form-label">Level</label>
  274.                             <select class="form-control" name="lstLevel" id="lstLevel">
  275.                                 <option value="">- SEMUA DATA -</option>
  276.                                 <option value="Admin">Admin</option>
  277.                                 <option value="OPD">OPD</option>
  278.                                 <option value="Taspen">Taspen</option>
  279.                             </select>
  280.                         </div>
  281.                         <div class="mb-3 col-md-12">
  282.                             <label class="form-label">Status</label>
  283.                             <select class="form-control" name="lstStatus" id="lstStatus">
  284.                                 <option value="">- SEMUA DATA -</option>
  285.                                 <option value="Aktif">Aktif</option>
  286.                                 <option value="Tidak Aktif">Tidak Aktif</option>
  287.                             </select>
  288.                         </div>
  289.                     </div>
  290.                 </div>
  291.                 <div class="modal-footer">
  292.                     <button type="button" class="btn btn-warning light" id="btn-filter"><i class="fas fa-filter"></i> Filter</button>
  293.                     <button type="button" class="btn btn-danger light" id="btn-reset"><i class="flaticon-019-close"></i> Reset</button>
  294.                 </div>
  295.             </form>
  296.         </div>
  297.     </div>
  298. </div>        <div class="footer">
  299.     <div class="copyright">
  300.         <p>Copyright © BPPKAD Kabupaten Kudus 2022</p>
  301.     </div>
  302. </div>    </div>
  303.    
  304.     <script src="http://localhost:8000/e-skpp/backend/vendor/global/global.min.js"></script>
  305.     <script src="http://localhost:8000/e-skpp/backend/vendor/chart.js/Chart.bundle.min.js"></script>
  306.     <script src="http://localhost:8000/e-skpp/backend/vendor/jquery-nice-select/js/jquery.nice-select.min.js"></script>
  307.     <script src="http://localhost:8000/e-skpp/backend/vendor/toastr/js/toastr.min.js"></script>
  308.     <script src="http://localhost:8000/e-skpp/backend/vendor/sweetalert2/dist/sweetalert2.min.js"></script>
  309.     <script src="http://localhost:8000/e-skpp/backend/js/custom.min.js"></script>
  310.     <script src="http://localhost:8000/e-skpp/backend/js/dlabnav-init.js"></script>
  311. </body>
  312. </html>
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!