API tools faq
paste
Advertisement
Guest User

Add detail

a guest
Dec 16th, 2014
230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 12.88 KB | None | 0 0
raw download clone embed print report
  1.  <html  ng-app="ui.bootstrap.demo">
  2.  <head>
  3.    <meta charset="utf-8">
  4.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <meta name="description" content="">
  7.     <meta name="author" content="">
  8.  
  9.     <title>PT BASUKI PRATAMA ENGGINEERING</title>
  10.  
  11.     <!-- Bootstrap Core CSS -->
  12.     <link href="../css/bootstrap.min.css" rel="stylesheet">
  13.    
  14.     <link href="../css/bootstrap-theme.min.css" rel="stylesheet">
  15.  
  16.     <!-- MetisMenu CSS -->
  17.     <!--<link href="css/plugins/metisMenu/metisMenu.min.css" rel="stylesheet">-->
  18.  
  19.     <!-- DataTables CSS -->
  20.     <!--<link href="css/plugins/dataTables.bootstrap.css" rel="stylesheet">-->
  21.  
  22.     <!-- Custom CSS -->
  23.     <!--<link href="css/sb-admin-2.css" rel="stylesheet">-->
  24.  
  25.     <!-- Custom Fonts -->
  26.     <!--<link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">-->  
  27.     <script src="../js/jquery.js"></script>
  28.     <script src="../js/angular.js"></script>
  29.     <script src="../js/ui-bootstrap-tpls-0.12.0.js"></script>
  30.     <script src="../js/example.js"></script>
  31.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  32.  <script src="lib/jquery.min.js"></script>
  33. <script src="lib/zebra_datepicker.js"></script>
  34. <link rel="stylesheet" href="lib/css/default.css"/>
  35.  
  36. <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  37. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  38. <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  39. <script>
  40. $(function() {
  41. $( "#datepicker" ).datepicker();
  42. });
  43. </script>
  44.  <script>
  45.  $(document).ready(function(){
  46.  var cnt = 2;
  47.  $("#anc_add").click(function(){
  48.  $('#tbl1 tr').last().after('<tr><td ></td><td ng-click="open()"><div class="form-group"><div class="col-lg-12 required"><input class="form-control" type="text" required="required" name="nama_pemasok" value="{{ selected.kd_barang }}"></div></div></td><td><div class="form-group"><div class="col-lg-12 required"><input class="form-control" type="text" required="required" name="nama_pemasok" value="{{ selected.nama_barang }}"></div></div></td><td><div class="form-group"><div class="col-lg-14 required"><select class="form-control" type="text" required="required" name="valuta" value=""><option value="">Pilih</option><option value="pc">PC</option><option value="unit">Unit</option></select></div></div></td><td><div class="form-group"><div class="col-lg-14 required"><input class="form-control" type="number" required="required" min="1" name="valuta" value=""></div></div></td><td class="col-centered"><div class="form-group"><div class="col-lg-14 required"><select class="form-control" type="text" required="required" name="valuta" value=""><option value="">Pilih</option><option value="stok">STO</option><option value="maintenance">MNT</option></select></div></div></td><td></td><td></td><td></td></tr>');
  49.  cnt++;
  50.  });
  51.  
  52. $("#anc_rem").click(function(){
  53. if($('#tbl1 tr').size()>1){
  54.  $('#tbl1 tr:last-child').remove();
  55.  }else{
  56.  alert('One row should be present in table');
  57.  }
  58.  });
  59.  
  60. });
  61.  </script>  
  62.  
  63.  </head>
  64.  <body>
  65. <div class="container">
  66. <div class="panel panel-primary2 col-lg-3 col-centered"  ng-controller="ModalDemoCtrl">
  67.     <div class="panel-heading">Transaksi Surat Penerimaan Gudang PT BASUKI PRATAMA ENGGINEERING</div>
  68.    
  69. <p>&nbsp;</p>
  70.     <fieldset>
  71.   <form class="form-horizontal" method="post" action="input">
  72.       <div class="col-lg-6" ng-controller="ModalSpgCtrl">
  73.                     <script type="text/ng-template" id="spgModalContent.html">
  74.                             <div class="modal-header">
  75.                                 <h3 class="modal-title">Nomor SPG</h3>
  76.                             </div>
  77.                             <table>{{ item }}</table>
  78.                             <div class="modal-body">
  79.                                 <ul>
  80.                                     <li ng-repeat="item in items">
  81.                                         <a ng-click="selected.item = item">{{ item.nama }}</a>
  82.                                     </li>
  83.                                 </ul>
  84.                                 Masukkann Nomor : <b>{{ selected.item.nama }}</b>
  85.                             </div>
  86.                             <div class="modal-footer">
  87.                                 <button class="btn btn-primary" ng-click="ok()">OK</button>
  88.                                 <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
  89.                             </div>
  90.                     </script>
  91.             <div class="form-group">
  92.                 <label class="col-lg-4">No SPG</label>
  93.                     <div class="col-xs-2 required">
  94.                     <div class="input-group">
  95.                     <input class="form-control" type="text" required="required" name="no_spg" value=""/>
  96.                     </div>
  97.                 </div>
  98.                 <div class="col-lg-6 required">
  99.                     <div class="input-group">
  100.         <input class="form-control" type="text" required="required" name="tgl-nama" value="<?php echo date('m'); ?>-{{ selected.nama }}-<?php echo date('y'); ?>"/>
  101.                               <span class="input-group-btn">
  102.                                 <button class="btn btn-ms btn-default" ng-click="open()" type="button">Pilih Nomor SPG</button>
  103.                               </span>
  104.                     </div>
  105.                 </div>
  106.             </div>
  107.         <div>  
  108.             <div class="form-group">
  109.                 <label class="col-lg-4">Tanggal SPG</label>
  110.                 <div class="col-lg-4 required">
  111.                 <input class="form-control" type="text" required="required" name="tgl_spg" value="<?php echo date('d-m-Y'); ?>"/>
  112.                 </div>
  113.             </div>
  114.         </div> 
  115.     </div>
  116.  
  117.         <div class="col-lg-6"> 
  118.             <div class="form-group">
  119.                 <label class="col-lg-4">No Revisi SPG</label>
  120.                 <div class="col-lg-4 required">
  121.                 <input class="form-control" type="text" required="required" name="" value="">
  122.                 </div>
  123.             </div>
  124.         </div>
  125.         <div class="col-lg-6">
  126.             <div class="form-group">
  127.                 <label class="col-lg-4">Tanggal Datang</label>
  128.                 <div class="col-lg-4 required">
  129.                 <input class="form-control" type="text" required="required" name="" id="datepicker" value="">
  130.                 </div>
  131.             </div>
  132.         </div>
  133.         <div>
  134.                     <script type="text/ng-template" id="myModalContent.html">
  135.                             <div class="modal-header">
  136.                                 <h3 class="modal-title">Nomor PO</h3>
  137.                             </div>
  138.                             <table>{{ item.no_po }}</table>
  139.                             <div class="modal-body">
  140.                                 <ul>
  141.                                     <li ng-repeat="item in items">
  142.                                         <a ng-click="selected.item = item">{{ item.no_po }}</a>
  143.                                     </li>
  144.                                 </ul>
  145.                                 Masukkann Nomor : <b>{{ selected.item.no_po }}</b>
  146.                             </div>
  147.                             <div class="modal-footer">
  148.                                 <button class="btn btn-primary" ng-click="ok()">OK</button>
  149.                                 <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
  150.                             </div>
  151.                     </script>
  152.             </div> 
  153.         <div class="col-lg-6"> 
  154.             <div class="form-group">
  155.                 <label class="col-lg-4"  ng-click="open()">No PO</label>
  156.                 <div class="col-lg-4 required">
  157.                     <div class="input-group">
  158.                 <input class="form-control" type="text" required="required" name="" value="{{ selected.no_po }}"/>
  159.                               <span class="input-group-btn">
  160.                                 <button class="btn btn-ms btn-default" ng-click="open()" type="button">PO</button>
  161.                               </span>
  162.                     </div>
  163.                 </div>
  164.             </div>
  165.             </div> 
  166.         <div class="col-lg-6">
  167.             <div class="form-group">
  168.                 <label class="col-lg-4">Tanggal PO</label>
  169.                 <div class="col-lg-4 required">
  170.                 <input class="form-control" type="text" required="required" name="" value="{{ selected.tgl_po }}"/>
  171.                 </div>
  172.             </div>
  173.             </div> 
  174.         <div class="col-lg-6">
  175.             <div class="form-group">
  176.                 <label class="col-lg-4">Kode Pemasok</label>
  177.                 <div class="col-lg-4 required">
  178.                 <input class="form-control" type="text" required="required" name="kd_pemasok" value="{{ selected.kode_suplyer }}">
  179.                 </div>
  180.             </div>
  181.         </div> 
  182.         <div class="col-lg-6">
  183.             <div class="form-group">
  184.                 <label class="col-lg-4">Nama Pemasok</label>
  185.                 <div class="col-lg-4 required">
  186.                 <input class="form-control" type="text" required="required" name="nama_pemasok" value="{{ selected.nama_suplyer }}">
  187.                 </div>
  188.             </div>
  189.             </div>
  190.  </div>        
  191.  </fieldset>           
  192.  <div class="panel panel-primary2 col-lg-3 col-centered">
  193. <fieldset>                     
  194.         <div class="col-lg-6">
  195.             <div class="form-group">
  196.                 <label class="col-lg-4">Kode Valuta</label>
  197.                 <div class="col-lg-4 required">
  198.                 <select class="form-control" type="text" required="required" name="valuta" value="">
  199.                     <option value="">Pilih</option>
  200.                     <option value="rupiah">IDR</option>
  201.                     <option value="dolar">USD</option>
  202.                 </select>  
  203.                 </div>
  204.             </div>
  205.         </div>
  206.         <div class="col-lg-6">
  207.             <div class="form-group">
  208.                 <label class="col-lg-4">Kurs</label>
  209.                 <div class="col-lg-4 required">
  210.                 <input class="form-control" type="text" required="required" name="kurs" value="">
  211.                 </div>
  212.             </div>
  213.         </div>
  214.         <div class="col-lg-6">
  215.             <div class="form-group">
  216.                 <label class="col-lg-4">Diterima (Adm Gudang)</label>
  217.                 <div class="col-lg-4 required">
  218.                 <input class="form-control" type="text" required="required" name="penerima" value="">
  219.                 </div>
  220.             </div>
  221.         </div>
  222.         <div class="col-lg-6">
  223.             <div class="form-group">
  224.                 <label class="col-lg-4">Diketahui (Kabag Gudang)</label>
  225.                 <div class="col-lg-4 required">
  226.                 <input class="form-control" type="text" required="required" name="diketahui" value="">
  227.                 </div>
  228.             </div>
  229.         </div>
  230.         <div class="col-lg-6">
  231.             <div class="form-group">
  232.                 <label class="col-lg-4">Dibukukan Oleh</label>
  233.                 <div class="col-lg-4 required">
  234.                 <input class="form-control" type="text" required="required" name="dibukukan" value="">
  235.                 </div>
  236.             </div>
  237.         </div>
  238.  </fieldset>
  239.  </div>
  240.   </form>
  241.  
  242.  
  243.  
  244.  <div class="panel panel-primary2 col-lg-3 col-centered">
  245.                    
  246.      <div class="panel-heading">Gudang Material</div>
  247.      <fieldset>
  248.       <div class="table-responsive" ng-controller="ModalInsCtrl">
  249. <table id="tbl1" class="table table-striped table-bordered table-hover">
  250.         <thead>
  251.             <tr>
  252.                 <th>No</th>
  253.                 <th>Kd Barang</th>
  254.                 <th>Nama Barang</th>
  255.                 <th>Satuan</th>
  256.                 <th>QTY</th>
  257.                 <th>Grup</th>
  258.                 <th nowrap="nowrap">Kd Proyek</th>
  259.                 <th nowrap="nowrap">Nama Proyek</th>
  260.                 <th nowrap="nowrap">Harga Satuan</th>
  261.                 <th nowrap="nowrap">Harga Bayar</th>
  262.             </tr>
  263.         </thead>
  264.         <tbody>
  265.                     <script type="text/ng-template" id="insModalContent.html">
  266.                             <div class="modal-header">
  267.                                 <h3 class="modal-title">Pilih Barang</h3>
  268.                             </div>
  269.                             <table>{{ item.kd_barang }}</table>
  270.                             <div class="modal-body">
  271.                                 <ul>
  272.                                     <li ng-repeat="item in items">
  273.                                         <a ng-click="selected.item = item">{{ item.kd_barang }}</a>
  274.                                     </li>
  275.                                 </ul>
  276.                                 Masukkann Nomor : <b>{{ selected.item.kd_barang }}</b>
  277.                             </div>
  278.                             <div class="modal-footer">
  279.                                 <button class="btn btn-primary" ng-click="ok()">OK</button>
  280.                                 <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
  281.                             </div>
  282.                     </script>
  283. <tr ng-repeat="eye in eyes" ng-class="{selected: $index==selectedIndex}">
  284.   <td >{{ $index + 1 }}</td>
  285.   <td ng-click="open($index)">
  286.         <div class="form-group">
  287.             <div class="col-lg-12 required">
  288.     <input class="form-control" ng-model="selected.kd_barang" type="text" required="required" name="kd_barang" value="">
  289.             </div>
  290.         </div>
  291.   </td>
  292.   <td>
  293.         <div class="form-group">
  294.             <div class="col-lg-12 required">
  295.             <input class="form-control" ng-model="selected.nama_barang"  type="text" required="required" name="nama_barang" value="">
  296.             </div>
  297.         </div>
  298.   </td>
  299.   <td>
  300.       <div class="form-group">
  301.         <div class="col-lg-14 required">
  302.             <select class="form-control" type="text" required="required" name="valuta" value="">
  303.                 <option value="">Pilih</option>
  304.                 <option value="pc">PC</option>
  305.                 <option value="unit">Unit</option>
  306.             </select>  
  307.         </div>
  308.      </div>
  309.   </td>
  310.   <td>
  311.               <div class="form-group">
  312.                 <div class="col-lg-14 required">
  313.                 <input class="form-control" type="number" required="required" min="1" name="valuta" value="">  
  314.                 </div>
  315.      </div>
  316.   </td>
  317.   <td class="col-centered">
  318.       <div class="form-group">
  319.         <div class="col-lg-14 required">
  320.             <select class="form-control" type="text" required="required" name="valuta" value="">
  321.                 <option value="">Pilih</option>
  322.                 <option value="stok">STO</option>
  323.                 <option value="maintenance">MNT</option>
  324.             </select>  
  325.         </div>
  326.      </div>
  327.   </td>
  328.   <td></td>
  329.   <td></td>
  330.   <td></td>
  331. </tr>
  332. </tbody>  
  333. </table>
  334.  
  335. <a class="btn btn-success btn-xs" ng-click="add($event,$index)">Add</a>
  336. <a class="btn btn-success btn-xs" ng-click="delete($index)">Delete</a>     
  337.       </div></fieldset>    
  338.  </div>
  339.   <div class="panel panel-primary2 col-lg-3 col-centered">
  340. <div class="panel-heading">
  341. <a class="btn btn-default">Save</a>
  342. <a href="../index.php" class="btn btn-default">Cancel</a>
  343.  
  344.             </div>
  345.       </div>
  346. </div>
  347.  
  348.     <!-- Bootstrap Core JavaScript -->
  349.     <script src="../js/bootstrap.min.js"></script>
  350.  
  351.     <!-- Metis Menu Plugin JavaScript -->
  352.    <!-- <script src="js/plugins/metisMenu/metisMenu.min.js"></script>-->
  353.  
  354.     <!-- DataTables JavaScript -->
  355.    <!-- <script src="js/plugins/dataTables/jquery.dataTables.js"></script>-->
  356.    <!--<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>-->
  357.  
  358.     <!-- Custom Theme JavaScript -->
  359.     <!--<script src="js/sb-admin-2.js"></script>-->
  360.     </body>
  361. </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!