API tools faq
paste
Advertisement
Guest User

topangoblo

a guest
Jul 12th, 2019
148
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.50 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>Data Arsip </title>
  8. <!-- Tell the browser to be responsive to screen width -->
  9. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  10. <!-- Bootstrap 3.3.7 -->
  11. <link rel="stylesheet" href="<?=base_url()?>assets/bower_components/bootstrap/dist/css/bootstrap.min.css">
  12. <!-- Font Awesome -->
  13. <link rel="stylesheet" href="<?=base_url()?>assets/bower_components/font-awesome/css/font-awesome.min.css">
  14. <!-- Ionicons -->
  15. <link rel="stylesheet" href="<?=base_url()?>assets/bower_components/Ionicons/css/ionicons.min.css">
  16. <link rel="stylesheet" href="<?=base_url()?>assets/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
  17. <!-- Theme style -->
  18. <link rel="stylesheet" href="<?=base_url()?>assets/dist/css/AdminLTE.min.css">
  19. <!-- AdminLTE Skins. Choose a skin from the css/skins
  20. folder instead of downloading all of them to reduce the load. -->
  21. <link rel="stylesheet" href="<?=base_url()?>assets/dist/css/skins/_all-skins.min.css">
  22. <!-- Google Font -->
  23. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
  24. </head>
  25. <body class="hold-transition skin-blue sidebar-mini">
  26. <!-- Site wrapper -->
  27. <div class="wrapper">
  28.  
  29. <header class="main-header">
  30. <!-- Logo -->
  31. <a href="<?=base_url()?>assets/index2.html" class="logo">
  32. <!-- mini logo for sidebar mini 50x50 pixels -->
  33. <span class="logo-mini"><b>A</b>LT</span>
  34. <!-- logo for regular state and mobile devices -->
  35. <span class="logo-lg"><b>Data</b>Arsip</span>
  36. </a>
  37. <!-- Header Navbar: style can be found in header.less -->
  38. <nav class="navbar navbar-static-top">
  39. <!-- Sidebar toggle button-->
  40. <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
  41. <span class="sr-only">Toggle navigation</span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-bar"></span>
  44. <span class="icon-bar"></span>
  45. </a>
  46.  
  47. <div class="navbar-custom-menu">
  48. <ul class="nav navbar-nav">
  49.  
  50. <!-- Notifications: style can be found in dropdown.less -->
  51. <li class="dropdown notifications-menu">
  52.  
  53. </a>
  54. <ul class="dropdown-menu">
  55. <!-- inner menu: contains the actual data -->
  56. <ul class="menu">
  57. </li>
  58. </ul>
  59. </ul>
  60. </li>
  61. <!-- Tasks: style can be found in dropdown.less -->
  62. <li class="dropdown tasks-menu">
  63.  
  64. <ul class="dropdown-menu">
  65. <li>
  66. <!-- inner menu: contains the actual data -->
  67. <ul class="menu">
  68.  
  69. </ul>
  70. </li>
  71. </ul>
  72. </li>
  73. <!-- User Account: style can be found in dropdown.less -->
  74. <li class="dropdown user user-menu">
  75. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  76. <img src="<?=base_url()?>assets/dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
  77. <span class="hidden-xs">Alexander Pierce</span>
  78. </a>
  79. <ul class="dropdown-menu">
  80. <!-- User image -->
  81. <li class="user-header">
  82. <img src="<?=base_url()?>assets/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  83.  
  84. <p>
  85. Alexander Pierce - Web Developer
  86. <small>Member since Nov. 2012</small>
  87. </p>
  88. </li>
  89.  
  90. <!-- Menu Footer-->
  91. <li class="user-footer">
  92. <div class="pull-left">
  93. <a href="#" class="btn btn-default btn-flat">Profile</a>
  94. </div>
  95. <div class="pull-right">
  96. <a href="#" class="btn btn-default btn-flat">Sign out</a>
  97. </div>
  98. </li>
  99. </ul>
  100. </li>
  101.  
  102. </ul>
  103. </div>
  104. </nav>
  105. </header>
  106.  
  107. <!-- =============================================== -->
  108.  
  109. <!-- Left side column. contains the sidebar -->
  110. <aside class="main-sidebar">
  111. <!-- sidebar: style can be found in sidebar.less -->
  112. <section class="sidebar">
  113. <!-- Sidebar user panel -->
  114. <div class="user-panel">
  115. <div class="pull-left image">
  116. <img src="<?=base_url()?>assets/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  117. </div>
  118. <div class="pull-left info">
  119. <p>Alexander Pierce</p>
  120. <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
  121. </div>
  122. </div>
  123.  
  124. <!-- sidebar menu: : style can be found in sidebar.less -->
  125. <ul class="sidebar-menu" data-widget="tree">
  126. <li class="header">MENU UTAMA</li>
  127. <li class="treeview">
  128. <a href="#">
  129. <i class="fa fa-edit"></i> <span>Tambah Data</span>
  130. <span class="pull-right-container">
  131. <i class="fa fa-angle-left pull-right"></i>
  132. </span>
  133. </a>
  134. <ul class="treeview-menu">
  135. <li><a href="<?=site_url('dashboard/add_data')?>"><i class="fa fa-circle-o"></i>Tambah Data Surat Masuk</a></li>
  136. <li><a href="<?=site_url('dashboard/add_data_keluar')?>"><i class="fa fa-circle-o"></i>Tambah Data Surat Keluar</a></li>
  137.  
  138. </ul>
  139. </li>
  140. <li class="treeview">
  141. <a href="#">
  142. <i class="fa fa-table"></i> <span>Data Tabel</span>
  143. <span class="pull-right-container">
  144. <i class="fa fa-angle-left pull-right"></i>
  145. </span>
  146. </a>
  147. <ul class="treeview-menu">
  148. <li><a href="<?=site_url('dashboard/tabel')?>"><i class="fa fa-circle-o"></i>Data Surat Masuk</a></li>
  149. <li><a href="<?=site_url('dashboard/tabelsk')?>"><i class="fa fa-circle-o"></i>Data Surat Keluar</a></li>
  150. </ul>
  151. </li>
  152. </ul>
  153. </section>
  154. <!-- /.sidebar -->
  155. </aside>
  156.  
  157. <!-- =============================================== -->
  158.  
  159. <!-- Content Wrapper. Contains page content -->
  160. <div class="content-wrapper">
  161. <!-- Content Header (Page header) -->
  162. <section class="content-header">
  163. <h1>
  164. Data Arsip
  165. <small> </small>
  166. </h1>
  167. <ol class="breadcrumb">
  168. <li><a href="<?=site_url('dashboard/menu')?>"><i class="fa fa-dashboard"></i> Home</a></li>
  169. <li><a href="<?=site_url('dashboard/menu')?>">Data Arsip</a></li>
  170. <li><a href="<?=site_url('dashboard/tabel')?>">Tabel Data Surat Masuk</a></li>
  171. </ol>
  172. </section>
  173. <!-- Main content -->
  174. <section class="content">
  175. <div class="callout callout-info">
  176. <h4>Selamat Datang</h4>
  177. <p>Sistem Informasi Arsip Surat Satuan Kerja Bid TIK Polda Jatim</p>
  178. </div>
  179.  
  180. <div class="box-header with-border">
  181. <h3 class="box-title">Data Surat Masuk</h3>
  182. </div>
  183. <!--main content-->
  184. <div class="box">
  185. <div class="box-header">
  186. <h3 class="box-title">Data Table With Full Features</h3>
  187. </div>
  188. <!-- /.box-header -->
  189. <div class="box-body">
  190. <table id="example1" class="table table-bordered table-striped">
  191. <thead>
  192. <tr>
  193. <th style="width: 10px">No</th>
  194. <th>Nomer Surat</th>
  195. <th>Tanggal Surat</th>
  196. <th>Asal Surat</th>
  197. <th>Kode Klasifikasi</th>
  198. <th>Perihal</th>
  199. <th style="width: 100px">Aksi</th>
  200. </tr>
  201. </thead>
  202. <tbody>
  203. <?php $no =1;
  204. foreach($tabel->result() as $key => $data) { ?>
  205. <tr>
  206. <td><?=$no++?></td>
  207. <td><?=$data->nomer_surat?></td>
  208. <td><?=$data->tanggal_surat?></td>
  209. <td><?=$data->asal_surat?></td>
  210. <td><?=$data->kode_klasifikasi?></td>
  211. <td><?=$data->perihal?></td>
  212.  
  213. <td class= " text_center"width="130px">
  214. <form action="<?=site_url('dashboard/del')?>" method='post'>
  215. <a href="<?=site_url('dashboard/edit/'.$data->id)?>" class="btn btn-primary btn-xs">
  216. <i class="fa fa-pencil"></i> Edit
  217. </a>
  218.  
  219. <input type="hidden" name="id" value="<?=$data->id?>">
  220. <button onclick="return confirm('Apakah anda yakin ?')"class="btn btn-danger btn-xs">
  221. <i class="fa fa-trash"></i> Hapus
  222. </a>
  223. </button>
  224. </form>
  225. </td>
  226. </tr>
  227. <?php
  228. } ?>
  229. </tbody>
  230. </table>
  231. </div>
  232. <!-- /.box-body -->
  233. </div>
  234.  
  235.  
  236. <!-- jQuery 3 -->
  237. <script src="<?=base_url()?>assets/bower_components/jquery/dist/jquery.min.js"></script>
  238. <!-- Bootstrap 3.3.7 -->
  239. <script src="<?=base_url()?>assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  240. <script src="<?=base_url()?>assets/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
  241. <script src="<?=base_url()?>assets/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
  242. <!-- SlimScroll -->
  243. <script src="<?=base_url()?>assets/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
  244. <!-- FastClick -->
  245. <script src="<?=base_url()?>assets/bower_components/fastclick/lib/fastclick.js"></script>
  246. <!-- AdminLTE App -->
  247. <script src="<?=base_url()?>assets/dist/js/adminlte.min.js"></script>
  248. <!-- AdminLTE for demo purposes -->
  249. <script src="<?=base_url()?>assets/dist/js/demo.js"></script>
  250. <script>
  251. $(document).ready(function () {
  252. $('.sidebar-menu').tree()
  253. })
  254. </script>
  255. <script>
  256. $(function () {
  257. $('#example1').DataTable()
  258. // $('#example2').DataTable({
  259. // 'paging' : true,
  260. // 'lengthChange': false,
  261. // 'searching' : false,
  262. // 'ordering' : true,
  263. // 'info' : true,
  264. // 'autoWidth' : false
  265. // })
  266. })
  267. </script>
  268. </body>
  269. </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!