API tools faq
paste
Advertisement
vitareinforce

createOrEditModal.cshtml

vitareinforce
Nov 22nd, 2019
167
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.26 KB | None | 0 0
raw download clone embed print report
  1. <div>
  2.     <form id="stockInCreateEditForm" name="stockInCreateEditForm" novalidate>
  3.         <div class="modal-header" style="background-color: #20c197; padding: 0px;">
  4.             <div class="row">
  5.                 <div ng-if="vm.stockIn.id" class="col-xs-3 user-bar" style="height: 80px; background-color: #f8f8ff; margin-left: 15px; text-align: center; padding-top: 30px; border-right: 1px solid #f0eded; cursor: pointer; border-bottom: 5px solid #0059aa">
  6.                     <h4 style="margin: 0px; font-weight: 700">Edit Pengadaan</h4>
  7.                 </div>
  8.                 <div ng-if="!vm.stockIn.id" class="col-xs-3 user-bar" style="height: 80px; background-color: #f8f8ff; margin-left: 15px; text-align: center; padding-top: 30px; border-right: 1px solid #f0eded; cursor: pointer; border-bottom: 5px solid #0059aa">
  9.                     <h4 style="margin: 0px; font-weight: 700">Tambah Pengadaan</h4>
  10.                 </div>
  11.                 @*<div class="col-xs-2 attachment-bar" style="height: 80px; background-color: #fff4f2; text-align: center; padding-top: 30px; border-right: 1px solid #f0eded; cursor: pointer;">
  12.             <h4 style="margin: 0px;">Lampiran</h4>
  13.         </div>*@
  14.             </div>
  15.         </div>
  16.  
  17.         <!-- MODAL PENGADAAN -->
  18.         <div class="modal-body user-modal" style="display: block; margin-top: 20px; height: 100%;">
  19.             <div class="row">
  20.                 <div class="col-lg-6" style="padding-left: 30px; padding-right: 40px; border-right: 1px solid rgba(112, 112, 112, 1);">
  21.                     <div class="row">
  22.  
  23.                         <!-- Nama Bendera field -->
  24.                         <div class="col-lg-6">
  25.                             <div class="form-group form-float">
  26.                                 <label for="flagName" class="form-label" style="color: black;">Nama Bendera</label>
  27.                                 <div class="form-group form-float">
  28.                                     <select style="width: 100%; height: 34px; border: 1px solid black;">
  29.                                         <option ng-repeat="item in vm.legalEntity" ng-selected="vm.stockIn.legalEntityId = item.id" ng-value="item.id">{{ item.name }}</option>
  30.                                     </select>
  31.                                 </div>
  32.                             </div>
  33.                         </div>
  34.  
  35.                         <!-- Nama Cabang field -->
  36.                         <div class="col-lg-6">
  37.                             <div class="form-group form-float">
  38.                                 <label for="flagName" class="form-label" style="color: black;">Nama Cabang</label>
  39.                                 <div class="form-group form-float">
  40.                                     <select style="width: 100%; height: 34px; border: 1px solid black;">
  41.                                         <option ng-repeat="item in vm.branch" ng-selected="vm.stockIn.branchId = item.id" ng-value="item.id">{{ item.name }}</option>
  42.                                     </select>
  43.                                 </div>
  44.                             </div>
  45.                         </div>
  46.  
  47.                         <!-- Tanggal field -->
  48.                         <div class="col-lg-6">
  49.                             <div class="form-group form-float">
  50.                                 <label for="date" class="form-label" style="color: black;">Tanggal</label>
  51.                                 <input disabled placeholder="Auto generate..." id="date" type="text" ng-model="vm.stockIn.deliveryOrderDate" name="Date" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  52.                             </div>
  53.                         </div>
  54.  
  55.                         <!-- ID Barang Masuk field [Gudang Pusat] -->
  56.                         @*<div class="col-lg-6">
  57.                                 <div class="form-group form-float">
  58.                                     <label for="date" class="form-label" style="color: black;">ID Barang Masuk</label>
  59.                                     <input disabled placeholder="Auto generate..." id="date" type="text" name="Date" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  60.                                 </div>
  61.                             </div>*@
  62.                     </div>
  63.  
  64.                     <div class="row">
  65.  
  66.                         <!-- Jenis Barang Masuk field -->
  67.                         <div class="col-lg-6">
  68.                             <div class="form-group form-float">
  69.                                 <label for="productName" class="form-label" style="color: black;">Jenis Barang Masuk</label>
  70.                                 <div class="form-group form-float">
  71.                                     <select ng-model="vm.stockIn.type" style="width: 100%; height: 34px; border: 1px solid black;">
  72.                                         <option value="" disabled selected>Pilih jenis barang masuk...</option>
  73.                                         <option value="Stock In">Pengadaan Pusat</option>
  74.                                         <option value="Retur">Pengembalian</option>
  75.                                     </select>
  76.                                 </div>
  77.                             </div>
  78.                         </div>
  79.  
  80.                         <!-- Nama Barang field -->
  81.                         <div class="col-lg-12">
  82.                             <div class="form-group form-float">
  83.                                 <label for="productNumber" class="form-label" style="color: black;">Nomor Barang</label>
  84.                                 <input disabled placeholder="Auto generate..." id="productNumber" type="text" ng-model="vm.inventory[vm.stockIn.itemId].code" name="ProductName" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  85.                             </div>
  86.                         </div>
  87.  
  88.                         <!-- Nama Barang field -->
  89.                         <div class="col-lg-6">
  90.                             <div class="form-group form-float">
  91.                                 <label for="productName" class="form-label" style="color: black;">Nama Barang</label>
  92.                                 <div class="form-group form-float">
  93.                                     <select style="width: 100%; height: 34px; border: 1px solid black;">
  94.                                         <option ng-repeat="item in vm.inventory" ng-selected="vm.stockIn.itemId = item.id" ng-value="item.id">{{ item.name }}</option>
  95.                                     </select>
  96.                                 </div>
  97.                             </div>
  98.                         </div>
  99.  
  100.                         <!-- Kategori field -->
  101.                         <div class="col-lg-6">
  102.                             <div class="form-group form-float">
  103.                                 <label for="category" class="form-label" style="color: black;">Kategori</label>
  104.                                 <input disabled placeholder="Auto generate..." id="category" type="text" ng-model="vm.inventory[vm.stockIn.itemId].category" name="Category" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  105.                             </div>
  106.                         </div>
  107.  
  108.                         <!-- Jumlah Pengadaan field -->
  109.                         <div class="col-lg-12">
  110.                             <div class="form-group form-float">
  111.                                 <label for="pengadaanTotal" class="form-label" style="color: black;">Jumlah Pengadaan</label>
  112.                                 <input placeholder="Ketik jumlah pengadaan barang..." id="pengadaanTotal" type="text" ng-model="vm.stockIn.itemQuantity" name="PengadaanTotal" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  113.                             </div>
  114.                         </div>
  115.  
  116.                         <div class="col-lg-6">
  117.                             <div class="form-group form-float">
  118.                                 <label for="productName" class="form-label" style="color: black;">Perlu dirakit?</label>
  119.                                 <div class="form-group form-float">
  120.                                     <select style="width: 100%; height: 34px; border: 1px solid black;">
  121.                                         <option value="" disabled selected>Pilih salah satu...</option>
  122.                                         <option value="ya">Ya</option>
  123.                                         <option value="tidak">Tidak</option>
  124.                                     </select>
  125.                                 </div>
  126.                             </div>
  127.                         </div>
  128.  
  129.                         <div class="col-lg-12" style="margin-bottom: 15px;">
  130.                             <hr style="border: 1px solid rgba(112, 112, 112, 1);" />
  131.                         </div>
  132.  
  133.                         <!-- Nama Supplier field -->
  134.                         <div class="col-lg-6">
  135.                             <div class="form-group form-float">
  136.                                 <label for="supplierName" class="form-label" style="color: black;">Nama Supplier</label>
  137.                                 <input placeholder="Ketik nama supplier..." id="supplierName" type="text" @*ng-model="vm.stockIn.name"*@ name="SupplierName" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  138.                             </div>
  139.                         </div>
  140.  
  141.                         <!-- Kontak Supplier field -->
  142.                         <div class="col-lg-6">
  143.                             <div class="form-group form-float">
  144.                                 <label for="supplierContact" class="form-label" style="color: black;">Kontak Supplier</label>
  145.                                 <input placeholder="Ketik nomor kontak supplier..." id="supplierName" type="text" @*ng-model="vm.stockIn.name"*@ name="SupplierContact" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  146.                             </div>
  147.                         </div>
  148.  
  149.                         <!-- Nama Bank field [Gudang Pusat] -->
  150.                         @*<div class="col-lg-6">
  151.                                 <div class="form-group form-float">
  152.                                     <label for="supplierName" class="form-label" style="color: black;">Nama Bank</label>
  153.                                     <input placeholder="Ketik nama supplier..." id="supplierName" type="text" name="SupplierName" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  154.                                 </div>
  155.                             </div>*@
  156.  
  157.                         <!-- Nomor Rekening field [Gudang Pusat] -->
  158.                         @*<div class="col-lg-6">
  159.                                 <div class="form-group form-float">
  160.                                     <label for="supplierContact" class="form-label" style="color: black;">Nomor Rekening</label>
  161.                                     <input placeholder="Ketik nomor kontak supplier..." id="supplierName" type="text" name="SupplierContact" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  162.                                 </div>
  163.                             </div>*@
  164.  
  165.                         <!-- Alamat Supplier field -->
  166.                         <div class="col-lg-12">
  167.                             <div class="form-group form-float">
  168.                                 <label for="supplierAddress" class="form-label" style="color: black;">Alamat Supplier</label>
  169.                                 <textarea placeholder="Ketik alamat lengkap supplier..." id="supplierAddress" @*ng-model="vm.stockIn.alamatKaryawan"*@ name="SuppierAddress" class="validate form-control" style="border: 1px solid black; height: 34px;"></textarea>
  170.                             </div>
  171.                         </div>
  172.  
  173.  
  174.                     </div>
  175.                 </div>
  176.                 <!-- Left fields ends here -->
  177.                 <!-- Right fields ends here -->
  178.                 <div class="col-lg-6" style="padding-left: 40px; padding-right: 30px;">
  179.                     <div class="row">
  180.                         <label for="supplierAddress" class="form-label" style="color: black; margin-bottom: 15px; margin-left: 15px;">Lampiran</label>
  181.                     </div>
  182.                     <div class="row">
  183.  
  184.                         <!-- Lampiran 1 -->
  185.                         <div class="col-lg-5" style="margin-bottom: 30px; width: 191px; height: 191px; border: 1px solid black; background-image: url('/images/Asset 2-20.png'); background-size: cover; margin-left: 15px;">
  186.                             <input id="lampiran1" type="file" name="Lampiran1" value="" style="display: none;" />
  187.                             <label for="lampiran1" style="cursor: pointer; color: #0059aa; position: absolute; bottom: 10px; right: 10px; box-shadow: 10px; border-radius: 7px; border: 1px solid #0059aa; height: 30px; text-align: center; width: 150px; padding-top: 3px; background-color: white;"><img src="~/images/plus-circle-blue.png" />Tambah Lampiran</label>
  188.                         </div>
  189.  
  190.                         <!-- Lampiran 2 -->
  191.                         <div class="col-lg-5" style="margin-bottom: 30px; width: 191px; height: 191px; border: 1px solid black; background-image: url('/images/Asset 2-20.png'); background-size: cover; margin-left: 15px;">
  192.                             <input id="lampiran2" type="file" name="Lampiran2" value="" style="display: none;" />
  193.                             <label for="lampiran2" style="cursor: pointer; color: #0059aa; position: absolute; bottom: 10px; right: 10px; box-shadow: 10px; border-radius: 7px; border: 1px solid #0059aa; height: 30px; text-align: center; width: 150px; padding-top: 3px; background-color: white;"><img src="~/images/plus-circle-blue.png" />Tambah Lampiran</label>
  194.                         </div>
  195.  
  196.                         <!-- Lampiran 3 -->
  197.                         <div class="col-lg-5" style="margin-bottom: 30px; width: 191px; height: 191px; border: 1px solid black; background-image: url('/images/Asset 2-20.png'); background-size: cover; margin-left: 15px;">
  198.                             <input id="lampiran3" type="file" name="Lampiran3" value="" style="display: none;" />
  199.                             <label for="lampiran3" style="cursor: pointer; color: #0059aa; position: absolute; bottom: 10px; right: 10px; box-shadow: 10px; border-radius: 7px; border: 1px solid #0059aa; height: 30px; text-align: center; width: 150px; padding-top: 3px; background-color: white;"><img src="~/images/plus-circle-blue.png" />Tambah Lampiran</label>
  200.                         </div>
  201.  
  202.                         <!-- Lampiran 4 -->
  203.                         <div class="col-lg-5" style="margin-bottom: 30px; width: 191px; height: 191px; border: 1px solid black; background-image: url('/images/Asset 2-20.png'); background-size: cover; margin-left: 15px;">
  204.                             <input id="lampiran4" type="file" name="Lampiran4" value="" style="display: none;" />
  205.                             <label for="lampiran4" style="cursor: pointer; color: #0059aa; position: absolute; bottom: 10px; right: 10px; box-shadow: 10px; border-radius: 7px; border: 1px solid #0059aa; height: 30px; text-align: center; width: 150px; padding-top: 3px; background-color: white;"><img src="~/images/plus-circle-blue.png" />Tambah Lampiran</label>
  206.                         </div>
  207.                     </div>
  208.  
  209.                 </div>
  210.             </div>
  211.         </div>
  212.  
  213.         <!-- Footer -->
  214.         <div class="modal-footer" style="padding: 25px;">
  215.             <button type="submit" class="btn waves-effect" style="width: 200px; background-color: #20c197; color: white; margin-top: 15px;" ng-click="vm.save()">
  216.                 <img style="margin-right: 3px" src="~/images/save.png" />Simpan Perubahan
  217.             </button>
  218.             <button type="button" class="btn waves-effect" style="width: 150px; margin-left: 15px; background-color: #c52c46; color: white; margin-top: 15px;" ng-click="vm.cancel()" @*data-dismiss="modal"*@>
  219.                 <img style="margin-right: 3px" src="~/images/x.png" />Tutup
  220.             </button>
  221.         </div>
  222.     </form>
  223. </div>
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!