Advertisement
Guest User

Untitled

a guest
Oct 18th, 2017
48
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 7.64 KB | None | 0 0
  1. <?php echo validation_errors(); ?>
  2.  
  3. <!DOCTYPE html>
  4.  
  5. <html>
  6.  
  7. <head>
  8.  
  9.   <title>Codeigniter 3 </title>
  10.  
  11.   <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css">
  12.  
  13. </head>
  14.  
  15. <body>
  16.  
  17.   <div class="container">
  18.  
  19.     <div class="row">
  20.  
  21.       <div class="col-lg-12 margin-tb">
  22.  
  23.         <div class="pull-left">
  24.  
  25.           <h2>Codeigniter 3</h2>
  26.  
  27.         </div>
  28.  
  29.         <div class="pull-right">
  30.  
  31.           <button type="button" class="btn btn-success" data-toggle="modal" data-target="#create-item" style="margin-bottom: 20px"> Create Item</button>
  32.  
  33.         </div>
  34.  
  35.       </div>
  36.  
  37.     </div>
  38.  
  39.  
  40.     <div class="panel panel-default">
  41.   <div class="panel-heading"><h5><strong>SURAT MASUK</strong></h5></div>
  42.   <div class="panel-body">
  43.  
  44.  
  45.     <table class="table table-bordered">
  46.  
  47.       <thead>
  48.  
  49.         <tr>
  50.  
  51.           <th>No Agenda</th>
  52.  
  53.           <th>No Surat</th>
  54.  
  55.           <th>Tanggal Surat</th>
  56.  
  57.           <th>Tanggal Terima</th>
  58.  
  59.           <th>Perihal</th>
  60.  
  61.           <th>Pengirim</th>
  62.  
  63.           <th>Sifat Surat</th>
  64.  
  65.           <th width="200px">Action</th>
  66.                    
  67.  
  68.         </tr>
  69.  
  70.       </thead>
  71.  
  72.       <tbody>      
  73.         <?php foreach ($ambil_data as $surat): ?>
  74. <tr>
  75.       <td><?php echo $surat['nomor_agenda'] ;?> </td>    
  76.       <td><?php echo $surat['no_surat'] ;?> </td>    
  77.       <td><?php echo $surat['tanggal_surat'] ;?> </td>      
  78.       <td><?php echo $surat['tanggal_terima'] ;?> </td>      
  79.       <td><?php echo $surat['perihal'] ;?> </td>        
  80.       <td><?php echo $surat['pengirim'] ;?> </td>        
  81.       <td><?php echo $surat['sifat_surat'] ;?> </td>
  82.       <td>
  83.               <div class="text-center">
  84.               <a class="btn btn-primary btn-xs" data-title="Edit" href="" >Edit</a></td>
  85.   </tr>  
  86.   <?php endforeach ?>
  87.    
  88.       </tbody>
  89.       </table>
  90.     </div>
  91. </div>
  92.  
  93.  
  94.     <ul id="pagination" class="pagination-sm"></ul>
  95.  
  96.  
  97.     <!-- Create Item Modal -->
  98.  
  99.     <div class="modal fade" id="create-item" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  100.  
  101.  
  102.       <div class="modal-dialog" role="document">
  103.  
  104.         <div class="modal-content">
  105.  
  106.  
  107.           <div class="modal-header">
  108.  
  109.             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  110.  
  111.             <h4 class="modal-title" id="myModalLabel">Create Item</h4>
  112.  
  113.           </div>
  114.  
  115.  
  116.           <div class="modal-body">
  117.  
  118.  
  119.             <form data-toggle="validator" action="surat_masuk/tambah_data" method="POST">
  120.  
  121.  
  122.               <div class="form-group">
  123.  
  124.                 <label class="control-label" for="title">Nomor Agenda:</label>
  125.  
  126.                 <input type="text" name="nomor_agenda" class="form-control" data-error="Please enter title." required />
  127.  
  128.                 <div class="help-block with-errors"></div>
  129.  
  130.               </div>
  131.  
  132.  
  133.               <div class="form-group">
  134.  
  135.                 <label class="control-label" for="title">No Surat:</label>
  136.  
  137.                 <textarea name="no_surat" class="form-control" data-error="Please enter description." required></textarea>
  138.  
  139.                 <div class="help-block with-errors"></div>
  140.  
  141.               </div>
  142.  
  143.               <div class="form-group">
  144.  
  145.                 <label class="control-label" for="title">Tanggal Surat:</label>
  146.  
  147.                 <textarea name="tanggal_surat" class="form-control" data-error="Please enter description." required></textarea>
  148.  
  149.                 <div class="help-block with-errors"></div>
  150.  
  151.               </div>
  152.  
  153.               <div class="form-group">
  154.  
  155.                 <label class="control-label" for="title">Tanggal Terima:</label>
  156.  
  157.                 <textarea name="tanggal_terima" class="form-control" data-error="Please enter description." required></textarea>
  158.  
  159.                 <div class="help-block with-errors"></div>
  160.  
  161.               </div>
  162.  
  163.               <div class="form-group">
  164.  
  165.                 <label class="control-label" for="title">Perihal:</label>
  166.  
  167.                 <textarea name="perihal" class="form-control" data-error="Please enter description." required></textarea>
  168.  
  169.                 <div class="help-block with-errors"></div>
  170.  
  171.               </div>
  172.  
  173.               <div class="form-group">
  174.  
  175.                 <label class="control-label" for="title">Pengirim:</label>
  176.  
  177.                 <textarea name="pengirim" class="form-control" data-error="Please enter description." required></textarea>
  178.  
  179.                 <div class="help-block with-errors"></div>
  180.  
  181.               </div>
  182.  
  183.               <div class="form-group">
  184.  
  185.                 <label class="control-label" for="title">Sifat Surat:</label>
  186.  
  187.                 <textarea name="sifat_surat" class="form-control" data-error="Please enter description." required></textarea>
  188.  
  189.                 <div class="help-block with-errors"></div>
  190.  
  191.               </div>
  192.  
  193.             </div>
  194.  
  195.  
  196.             <div class="form-group">
  197.  
  198.               <button type="submit" class="btn crud-submit btn-success">Submit</button>
  199.  
  200.             </div>
  201.  
  202.  
  203.           </form>
  204.  
  205.  
  206.         </div>
  207.  
  208.  
  209.       </div>
  210.  
  211.     </div>
  212.  
  213.   </div>
  214.  
  215.  
  216.   <!-- Edit Item Modal -->
  217.  
  218.   <div class="modal fade" id="edit-item" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  219.  
  220.  
  221.     <div class="modal-dialog" role="document">
  222.  
  223.       <div class="modal-content">
  224.  
  225.  
  226.         <div class="modal-header">
  227.  
  228.           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  229.  
  230.           <h4 class="modal-title" id="myModalLabel">Edit Item</h4>
  231.  
  232.         </div>
  233.  
  234.  
  235.         <div class="modal-body">
  236.  
  237.  
  238.           <form data-toggle="validator" action="" method="put">
  239.  
  240.  
  241.             <div class="form-group">
  242.  
  243.               <label class="control-label" for="title">Title:</label>
  244.  
  245.               <input type="text" name="title" class="form-control" data-error="Please enter title." required />
  246.  
  247.               <div class="help-block with-errors"></div>
  248.  
  249.             </div>
  250.  
  251.  
  252.             <div class="form-group">
  253.  
  254.               <label class="control-label" for="title">Description:</label>
  255.  
  256.               <textarea name="description" class="form-control" data-error="Please enter description." required></textarea>
  257.  
  258.               <div class="help-block with-errors"></div>
  259.  
  260.             </div>
  261.  
  262.  
  263.             <div class="form-group">
  264.  
  265.               <button type="submit" class="btn btn-success crud-submit-edit">Submit</button>
  266.  
  267.             </div>
  268.  
  269.  
  270.           </form>
  271.  
  272.  
  273.         </div>
  274.  
  275.       </div>
  276.  
  277.     </div>
  278.  
  279.   </div>
  280.  
  281.  
  282. </div>
  283.  
  284.  
  285. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>
  286.  
  287. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
  288.  
  289.  
  290. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twbs-pagination/1.3.1/jquery.twbsPagination.min.js"></script>
  291.  
  292. <script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.5/validator.min.js"></script>
  293.  
  294.  
  295. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
  296.  
  297. <link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet">
  298.  
  299.  
  300. <script type="text/javascript">
  301.  
  302.   var url = "items";
  303.  
  304. </script>
  305.  
  306.  
  307. <script href="js/item-ajax.js"></script>
  308.  
  309.  
  310. </body>
  311.  
  312. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement