Advertisement
Guest User

createOrEditModal.cshtml

a guest
Nov 22nd, 2019
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.31 KB | None | 0 0
  1. <form id="stockInCreateEditForm" name="stockInCreateEditForm" novalidate>
  2. <div class="modal-header" style="background-color: #20c197; padding: 0px;">
  3. <div class="row">
  4. <div 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">
  5. <h4 style="margin: 0px; font-weight: 700">Pengadaan</h4>
  6. </div>
  7. @*<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;">
  8. <h4 style="margin: 0px;">Lampiran</h4>
  9. </div>*@
  10. </div>
  11. </div>
  12.  
  13. <!-- MODAL PENGADAAN -->
  14. <div class="modal-body user-modal" style="display: block; margin-top: 20px; height: 100%;">
  15. <div class="row">
  16. <div class="col-lg-6" style="padding-left: 30px; padding-right: 40px; border-right: 1px solid rgba(112, 112, 112, 1);">
  17. <div class="row">
  18.  
  19. <!-- Nama Bendera field -->
  20. <div class="col-lg-6">
  21. <div class="form-group form-float">
  22. <label for="flagName" class="form-label" style="color: black;">Nama Bendera</label>
  23. <div class="form-group form-float">
  24. <select style="width: 100%; height: 34px; border: 1px solid black;">
  25. <option value="" disabled selected>Pilih bendera...</option>
  26. <option value="ciprat">Citra Pratama</option>
  27. <option value="cipen">Citra Pesona</option>
  28. </select>
  29. </div>
  30. </div>
  31. </div>
  32.  
  33. <!-- Nama Cabang field -->
  34. <div class="col-lg-6">
  35. <div class="form-group form-float">
  36. <label for="flagName" class="form-label" style="color: black;">Nama Cabang</label>
  37. <div class="form-group form-float">
  38. <select style="width: 100%; height: 34px; border: 1px solid black;">
  39. <option value="" disabled selected>Pilih cabang...</option>
  40. <option value="bubat">Buah Batu</option>
  41. <option value="cimahi">Cimahi</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.supplier.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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement