API tools faq
paste
Advertisement
leonsuke

v_halaman

leonsuke
Jul 27th, 2016
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8.  
  9. <title><?= $title; ?></title>
  10.  
  11. <!-- Bootstrap -->
  12. <link href="<?php echo base_url(); ?>assets/css/bootstrap.min.css" rel="stylesheet">
  13. <link href="<?php echo base_url(); ?>assets/time/css/bootstrap-material-datetimepicker.css" rel="stylesheet">
  14.  
  15. <!-- Custom styles for this template -->
  16. <link href="<?php echo base_url(); ?>assets/css/custom.css" rel="stylesheet">
  17.  
  18. <!-- Import Datatables core css -->
  19. <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/dataTables/css/dataTables.bootstrap.min.css" />
  20.  
  21. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  22. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  23. <!--[if lt IE 9]>
  24. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  25. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  26. <![endif]-->
  27. </head>
  28. <body>
  29. <!-- start body -->
  30.  
  31. <div class="container-fluid">
  32. <!-- start container-fluid -->
  33.  
  34. <div class="row">
  35. <!-- start row -->
  36.  
  37. <div class="col-xs-12 col-sm-12 col-md-12">
  38. <!-- start col -->
  39.  
  40. <?= validation_errors(); ?>
  41.  
  42. <?= $this->session->flashdata("flashError_JamSama"); ?>
  43. <?= $this->session->flashdata("flashError_TanggalSama"); ?>
  44.  
  45. <?= $this->session->flashdata("flashError_Pinjam"); ?>
  46. <?= $this->session->flashdata("flashSuccess_Pinjam"); ?>
  47.  
  48. <?= $this->session->flashdata("flashError_Ganti"); ?>
  49. <?= $this->session->flashdata("flashSuccess_Ganti"); ?>
  50.  
  51. <small>
  52. Nb:
  53. <ol>
  54. <!-- <li>Untuk <b style="color: #FF0000;">NAMA RUANGAN</b> yang tidak ada di daftar nama ruangan, ruangan tersebut telah <b>DIPAKAI</b></li> -->
  55. <li>Untuk peminjaman Aula, baik UKM ataupun Himpunan silahkan sertakan proposal kepada pihak Logistik.</li>
  56. <li><b>KHUSUS</b> untuk Himpunan, jika ingin meminjam ruangan silahkan sertakan surat dari <b style="color: #FF0000;">KAPRODI</b> kepada pihak Logistik.</li>
  57. <li><b>KHUSUS</b> untuk UKM, jika ingin meminjam ruangan silahkan sertakan surat dari <b style="color: #FF0000;">Kemahasiswaan</b> kepada pihak Logistik.</li>
  58. </ol>
  59. </small>
  60.  
  61. <ul class="nav nav-tabs" role="tablist">
  62. <!-- start nav nav-tabs -->
  63.  
  64. <li role="presentation" class="active"><a href="#tab-daftarhistorypeminjamanruangan" aria-controls="tab-daftarhistorypeminjamanruangan" role="tab" data-toggle="tab">Daftar History Peminjaman Ruangan</a></li>
  65. <li role="presentation"><a href="#tab-formpeminjamanruangan" aria-controls="tab-formpeminjamanruangan" role="tab" data-toggle="tab">Form Peminjaman Ruangan</a></li>
  66.  
  67. <!-- end nav nav-tabs -->
  68. </ul>
  69.  
  70. <div class="tab-content">
  71. <!-- start tab-content -->
  72.  
  73. <div role="tabpanel" class="tab-pane fade in active" id="tab-daftarhistorypeminjamanruangan">
  74. <!-- start tab-pane -->
  75.  
  76. <div class="table table-responsive">
  77. <!-- start table-responsive -->
  78.  
  79. <table id="tbl_historypeminjaman" class="table table-striped table-bordered">
  80. <!-- start table -->
  81.  
  82. <thead>
  83. <tr>
  84. <th>No</th>
  85. <th>Nama Pengaju Peminjaman Ruangan</th>
  86. <th>Nama Pemakai</th>
  87. <th>Nama Kegiatan</th>
  88. <th>Stat. Peminjaman</th>
  89. <th>Stat. Pemakaian</th>
  90. <th>Aksi 1</th>
  91. <th>Aksi 2</th>
  92. </tr>
  93. </thead>
  94. <tbody>
  95. <?php $no = ""; foreach($listhistorypeminjaman as $value): $no++; ?>
  96. <tr>
  97. <td><?php echo $no; ?></td>
  98. <td><?php echo $value["nama_lengkap"]; ?></td>
  99. <td><?php echo $value["nama_pemakai"]; ?></td>
  100. <td><?php echo $value["nama_kegiatan"]; ?></td>
  101. <td><?php echo $value["status_peminjaman"]; ?></td>
  102. <td><?php echo $value["status_pemakaianruangan"]; ?></td>
  103. <td>
  104. <?php
  105. if($value["status_peminjaman"] == "Approve" || $value["status_peminjaman"] == "Cancel"){
  106. echo "N/A";
  107. }else{
  108. ?>
  109. <button type="button" class="btn btn-xs btn-default btn-ganti" data-toggle="modal" data-target="#myModalGanti">
  110. <span class='glyphicon glyphicon-edit'></span> Ganti
  111. </button>
  112. <?php
  113. echo anchor("kbpi/pengadaaninventaris/hapus_Data_Inventaris/$value[id_ruangan]", "<span class='glyphicon glyphicon-remove'></span> Hapus", array("class" => "btn btn-xs btn-danger", "onclick" => "return confirm('Anda yakin ingin menghapus data tersebut?')"));
  114. }
  115. ?>
  116. </td>
  117. <td>
  118. <button type="button" class="btn btn-xs btn-info btn-detail" data-toggle="modal" data-target="#myModalDetail"
  119. data-detailnamaruangan = "<?php echo $value['nama_ruangan']; ?>"
  120. data-detailjammulai = "<?php echo $value['jam_mulaipemakaianruangan']; ?>"
  121. data-detailjamselesai = "<?php echo $value['jam_selesaipemakaianruangan']; ?>"
  122. data-detailtanggalmulai = "<?php echo $value['tanggal_mulaipemakaianruangan']; ?>"
  123. data-detailtanggalselesai = "<?php echo $value['tanggal_selesaipemakaianruangan']; ?>"
  124. data-detailwaktumulaipengajuan = "<?php echo $value['waktu_mulaipengajuanpeminjamanruangan']; ?>"><span class='glyphicon glyphicon-eye-open'></span> Detail
  125. </button>
  126. </td>
  127. </tr>
  128. <?php endforeach; ?>
  129. </tbody>
  130. <tfoot>
  131. <tr>
  132. <th>No</th>
  133. <th>Nama Pengaju Peminjaman Ruangan</th>
  134. <th>Nama Pemakai</th>
  135. <th>Nama Kegiatan</th>
  136. <th>Stat. Peminjaman</th>
  137. <th>Stat. Pemakaian</th>
  138. <th>Aksi 1</th>
  139. <th>Aksi 2</th>
  140. </tr>
  141. </tfoot>
  142.  
  143. <!-- end table -->
  144. </table>
  145.  
  146. <!-- end table-responsive -->
  147. </div>
  148.  
  149. <!-- end tab-pane -->
  150. </div>
  151.  
  152. <div role="tabpanel" class="tab-pane" id="tab-formpeminjamanruangan">
  153. <!-- start tab-pane -->
  154.  
  155. <?php $attributes = array('class' => 'form-horizontal position-custom-formpeminjamanruangan', "id" => "form-inputpeminjamanruangan"); ?>
  156. <?php echo form_open('mahasiswa/peminjaman/simpanData', $attributes); ?>
  157. <!-- <input type="hidden" name="id_pengguna" class="form-control" value="<?= $id_pengguna; ?>" readonly />
  158. <div class="form-group">
  159. <label for="id_ruangan" class="col-sm-5 control-label">Nama Ruangan</label>
  160. <div class="col-sm-1">
  161. <select name="id_ruangan[]" class="form-control" id="id_ruangan" multiple>
  162. <?php
  163. foreach ($listruangan as $value) {
  164. ?>
  165. <option value="<?php echo $value["id_ruangan"]; ?>"><?php echo $value["nama_ruangan"]; ?></option>
  166. <?php
  167. }
  168. ?>
  169. </select>
  170. </div>
  171. </div>
  172. <div class="form-group">
  173. <label for="nama_pemakai" class="col-sm-5 control-label">Nama Pemakai</label>
  174. <div class="col-sm-3">
  175. <input type="text" name="nama_pemakai" class="form-control" id="nama_pemakai" value="<?php echo set_value('nama_pemakai'); ?>" placeholder="Nama UKM atau Nama Himpunan" />
  176. </div>
  177. </div>
  178. <div class="form-group">
  179. <label for="nama_kegiatan" class="col-sm-5 control-label">Nama Kegiatan</label>
  180. <div class="col-sm-4">
  181. <input type="text" name="nama_kegiatan" class="form-control" id="nama_kegiatan" value="<?php echo set_value('nama_kegiatan'); ?>" />
  182. </div>
  183. </div> -->
  184. <div class="form-group">
  185. <label for="tanggal_mulaipemakaianruangan" class="col-sm-5 control-label">Tanggal Mulai Pemakaian Ruangan</label>
  186. <div class="col-sm-2">
  187. <input type="date" name="tanggal_mulaipemakaianruangan" class="form-control" id="tanggal_mulaipemakaianruangan" value="<?php echo set_value('tanggal_mulaipemakaianruangan'); ?>" />
  188. </div>
  189. </div>
  190. <!-- <div class="form-group">
  191. <label for="tanggal_selesaipemakaianruangan" class="col-sm-5 control-label">Tanggal Selesai Pemakaian Ruangan</label>
  192. <div class="col-sm-2">
  193. <input type="date" name="tanggal_selesaipemakaianruangan" class="form-control" id="tanggal_selesaipemakaianruangan" value="<?php echo set_value('tanggal_selesaipemakaianruangan'); ?>" />
  194. </div>
  195. </div> -->
  196. <div class="form-group">
  197. <label for="jam_mulaipemakaianruangan" class="col-sm-5 control-label">Jam Mulai Pemakaian</label>
  198. <div class="col-sm-2">
  199. <input type="text" name="jam_mulaipemakaianruangan" class="form-control" id="jam_mulaipemakaianruangan" value="<?php echo set_value('jam_mulaipemakaianruangan'); ?>" />
  200. </div>
  201. </div>
  202. <!-- <div class="form-group">
  203. <label for="jam_selesaipemakaianruangan" class="col-sm-5 control-label">Jam Selesai Pemakaian</label>
  204. <div class="col-sm-2">
  205. <input type="text" name="jam_selesaipemakaianruangan" class="form-control" id="jam_selesaipemakaianruangan" value="<?php echo set_value('jam_mulaipemakaianruangan'); ?>" />
  206. </div>
  207. </div> -->
  208. <div class="form-group">
  209. <label for="" class="col-sm-5 control-label sr-only">Button</label>
  210. <button type="submit" class="btn btn-md btn-success"><span class="glyphicon glyphicon-ok"></span> Simpan Data</button>
  211. <button type="reset" class="btn btn-md btn-warning"><span class="glyphicon glyphicon-backward"></span> Reset Form</button>
  212. </div>
  213. <?php echo form_close(); ?>
  214.  
  215. <!-- end tab-pane -->
  216. </div>
  217.  
  218. <!-- end tab-content -->
  219. </div>
  220.  
  221. <!-- end col -->
  222. </div>
  223.  
  224. <!-- end row -->
  225. </div>
  226.  
  227. <!-- end container-fluid -->
  228. </div>
  229.  
  230. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  231. <script src="<?php echo base_url(); ?>assets/js/jquery-1.12.4.min.js"></script>
  232.  
  233. <!-- Include all compiled plugins (below), or include individual files as needed -->
  234. <script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script>
  235.  
  236. <!-- Import dataTables core Javascript -->
  237. <script src="<?php echo base_url(); ?>assets/dataTables/js/jquery.dataTables.min.js"></script>
  238. <script src="<?php echo base_url(); ?>assets/dataTables/js/dataTables.bootstrap.min.js"></script>
  239.  
  240. <script src="<?php echo base_url(); ?>assets/time/js/moment.js"></script>
  241. <script src="<?php echo base_url(); ?>assets/time/js/bootstrap-material-datetimepicker.js"></script>
  242. <!-- Custom jQuery or Javascript -->
  243. <script src="<?php echo base_url(); ?>assets/js/mahasiswa/formdetaildatapeminjampemakairuangan.js"></script>
  244. <script>
  245. $(document).ready(function(){
  246. $("#tbl_historypeminjaman").DataTable();
  247. $('#jam_mulaipemakaianruangan, #jam_selesaipemakaianruangan').bootstrapMaterialDatePicker({date:false, format: 'HH:mm'});
  248. });
  249. </script>
  250.  
  251. <!-- end body -->
  252. </body>
  253. </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!