Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>RS Rujukan COVID-19</title>
  5.     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css">
  6.     <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css">
  7.     <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/scroller/2.0.2/css/scroller.bootstrap4.min.css">
  8.     <style type="text/css">
  9.     .pagination>li {
  10.         display: inline;
  11.         padding:0px !important;
  12.         margin:0px !important;
  13.         border:none !important;
  14.     }
  15.     .modal-backdrop {
  16.         z-index: -1 !important;
  17.     }
  18.     .button {
  19.         font-weight: 400;
  20.         color: #6c7293;
  21.         text-align: center;
  22.         vertical-align: middle;
  23.         user-select: none;
  24.         background-color: transparent;
  25.         border: 1px solid transparent;
  26.         padding: 0.625rem 1.125rem;
  27.         font-size: 0.875rem;
  28.         line-height: 1;
  29.         border-radius: 0.25rem;
  30.         transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  31.     }
  32.     .button-primary {
  33.         position: relative;
  34.         margin-bottom:0.625rem;
  35.         color: #fff;
  36.         background-color: #464dee;
  37.         border-color: #464dee;
  38.     }
  39.  
  40.     .button-primary:hover {
  41.         color: #fff;
  42.         background-color: #232beb;
  43.         border-color: #1720ea;
  44.     }
  45.  
  46.     .button-primary:focus, .button-primary.focus {
  47.         box-shadow: 0 0 0 0.2rem rgba(98, 104, 241, 0.5);
  48.     }
  49.  
  50.     iframe {
  51.         height:700px !important;
  52.     }
  53.     </style>
  54.  
  55. </head>
  56. <body>
  57.     <!-- <div style="margin-left:320px;">
  58.         <h1>RS Rujukan COVID-19 di Setiap Provinsi</h1>
  59.     </div> -->
  60.  
  61.     <div class="container">
  62.     <div class="row">
  63.     </div>
  64.  
  65.     <button type='button' class='button button-primary' data-toggle='modal' data-target='#insertModal' data-whatever='@mdo'>New</button>
  66.     <div class="modal fade" id="insertModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  67.         <div class="modal-dialog">
  68.             <div class="modal-content">
  69.             <div class="modal-header">
  70.                 <h5 class="modal-title" id="exampleModalLabel">New Data RS</h5>
  71.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  72.                 <span aria-hidden="true">&times;</span>
  73.                 </button>
  74.             </div>
  75.             <div class="modal-body">
  76.                 <form method="POST" action="<?php echo base_url('admin_wilayah/simpan') ?>">
  77.                 <input type="hidden" class="form-control" name="nomor">
  78.                 <div class="form-group">
  79.                     <label for="recipient-name" class="col-form-label">Nama RS :</label>
  80.                     <input type="text" class="form-control" name="nama_rs">
  81.                 </div>
  82.                 <div class="form-group">
  83.                     <label for="message-text" class="col-form-label">Provinsi :</label>
  84.                     <input type="text" class="form-control" name="provinsi">
  85.                 </div>
  86.                 <div class="form-group">
  87.                     <label for="message-text" class="col-form-label">Alamat :</label>
  88.                     <input type="text" class="form-control" name="alamat_rs">
  89.                 </div>
  90.                 <button type="submit" class="btn btn-primary">Save</button>
  91.                 </form>
  92.             </div>
  93.             <div class="modal-footer">
  94.                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  95.             </div>
  96.             </div>
  97.         </div>
  98.     </div>
  99.  
  100.     <div class="row">  
  101.     <div class="col-md-12">
  102.     <table id="example" class="table table-striped table-bordered nowrap" style="width:100%">
  103.     <thead>
  104.         <tr>
  105.             <th>No</th>
  106.             <th>Provinsi</th>
  107.             <th>Nama RS</th>
  108.             <th>Alamat</th>
  109.             <th>Pilihan</th>
  110.         </tr>
  111.     </thead>
  112.     </table>
  113.     </div>
  114.     </div>
  115.     </div>
  116.     <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
  117.     <script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
  118.     <script src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap4.min.js"></script>
  119.     <script src="https://cdn.datatables.net/scroller/2.0.2/js/dataTables.scroller.min.js"></script>
  120.     <script>
  121.         $(document).ready(function() {
  122.             $('#example').dataTable({
  123.                 "aLengthMenu": [
  124.                         [5, 15, 20, 100, -1],
  125.                         [5, 15, 20, 100, "All"]
  126.                     ],
  127.                 "ajax": "http://localhost/Covid/public/admin_wilayah/getRSRujukan",
  128.                 "aoColumns": [
  129.                     {"data": "nomor"},
  130.                     {"data": "provinsi"},
  131.                     {"data": "nama_rs"},
  132.                     {"data": "alamat_rs"},
  133.                     {
  134.                         "data": null,
  135.                         render: function ( data, type, row ) {
  136.                             return "<button type='button' class='btn btn-primary' data-toggle='modal' data-target='#updateModal"+data.nomor+"' data-whatever='@mdo'>Edit</button>" +
  137.                             " <a href='http://localhost/Covid/public/admin_wilayah/hapus/"+data.nomor+"' class='btn btn-danger'>Delete</a>";
  138.                         }
  139.                     }
  140.                 ]
  141.             });
  142.         });
  143.     </script>
  144.     <?php foreach ($rs_rujukan as $item):?>
  145.         <div class="modal fade" id="updateModal<?php echo $item->nomor;?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  146.         <div class="modal-dialog">
  147.             <div class="modal-content">
  148.             <div class="modal-header">
  149.                 <h5 class="modal-title" id="exampleModalLabel">Edit Data RS</h5>
  150.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  151.                 <span aria-hidden="true">&times;</span>
  152.                 </button>
  153.             </div>
  154.             <div class="modal-body">
  155.                 <form method="POST" action="<?php echo base_url('admin/rs_rujukan/update') ?>">
  156.                 <input type="hidden" class="form-control" name="nomor" value="<?php echo $item->nomor;?>">
  157.                 <div class="form-group">
  158.                     <label for="recipient-name" class="col-form-label">Nama RS :</label>
  159.                     <input type="text" class="form-control" name="nama_rs" value="<?php echo $item->nama_rs;?>">
  160.                 </div>
  161.                 <div class="form-group">
  162.                     <label for="message-text" class="col-form-label">Provinsi :</label>
  163.                     <input type="text" class="form-control" name="provinsi" value="<?php echo $item->provinsi;?>">
  164.                 </div>
  165.                 <div class="form-group">
  166.                     <label for="message-text" class="col-form-label">Alamat :</label>
  167.                     <input type="text" class="form-control" name="alamat_rs" value="<?php echo $item->alamat_rs;?>">
  168.                 </div>
  169.                 <button type="submit" class="btn btn-primary">Ubah Data</button>
  170.                 </form>
  171.             </div>
  172.             <div class="modal-footer">
  173.                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  174.             </div>
  175.             </div>
  176.         </div>
  177.         </div>
  178.     <?php endforeach;?>
  179. </body>
  180. </html>