SHARE
TWEET

topangoblo

a guest Jul 12th, 2019 105 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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!
 
Top