API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 20th, 2019
135
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.80 KB | None | 0 0
raw download clone embed print report
  1. <div class="m-subheader ">
  2. <div class="d-flex align-items-center">
  3. <div class="mr-auto">
  4. <h3 class="m-subheader__title m-subheader__title--separator ">Order</h3>
  5. <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
  6. <li class="m-nav__item m-nav__item--home">
  7. <a href="#" class="m-nav__link m-nav__link--icon">
  8. <i class="m-nav__link-icon la la-home"></i>
  9. </a>
  10. </li>
  11. <li class="m-nav__separator">-</li>
  12. <li class="m-nav__item">
  13. <a href="#" class="m-nav__link">
  14. <span class="m-nav__link-text">Order</span>
  15. </a>
  16. </li>
  17. <li class="m-nav__separator">-</li>
  18. <li class="m-nav__item">
  19. <a href="javascript:void(0)" class="m-nav__link">
  20. <span class="m-nav__link-text">Detail Order</span>
  21. </a>
  22. </li>
  23. </ul>
  24. </div>
  25. <div>
  26. <a href="javascript:void(0)" ng-click="back()" class="btn m-btn--pill m-btn--air sml-btn-warning-air active m-btn m-btn--custom m-btn--square">Kembali</a>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="m-content">
  31. <div class="row">
  32. <div class="col-xl-12 sml-margin-bottom">
  33. <!--begin::Portlet-->
  34. <div class="m-portlet m-portlet--creative m-portlet--first m-portlet--bordered-semi">
  35. <div class="m-portlet__head sml-0-height">
  36. <div class="m-portlet__head-caption">
  37. <div class="m-portlet__head-title">
  38. <h2 class="m-portlet__head-label m-portlet__head-label--danger sml-primary-bg">
  39. <span>Detail</span>
  40. </h2>
  41. </div>
  42. </div>
  43. </div>
  44.  
  45. <div class="m-portlet__body">
  46. <table class="table">
  47. <tr>
  48. <th>No Order</th>
  49. <td>[[orderDetail.doc_no]]</td>
  50. {{-- <th>Status</th>--}}
  51. {{-- <td>--}}
  52. {{-- <span ng-if="orderDetail.status === 'D'" class="m-badge m-badge--warning m-badge--wide m-badge--rounded"><strong>MENUNGGU PERSETUJUAN</strong></span>--}}
  53. {{-- <span ng-if="orderDetail.status === 'C'" class="m-badge m-badge--danger m-badge--wide m-badge--rounded"><strong>DIBATALKAN</strong></span>--}}
  54. {{-- <span ng-if="orderDetail.status === 'R'" class="m-badge m-badge--info m-badge--wide m-badge--rounded"><strong>DALAM PROSES</strong></span>--}}
  55. {{-- <span ng-if="orderDetail.status === 'S'" class="m-badge m-badge--primary m-badge--wide m-badge--rounded"><strong>DALAM PENGIRIMAN TOKO</strong></span>--}}
  56. {{-- <span ng-if="orderDetail.status === 'F'" class="m-badge m-badge--success m-badge--wide m-badge--rounded"><strong>DITERIMA TOKO</strong></span>--}}
  57.  
  58. {{-- <span ng-show="checkTask('updateStatusWebAdmin') == true">--}}
  59. {{-- <span ng-if="flgUpdateStatusByAdminSales">--}}
  60. {{-- <a href="" data-toggle="modal" data-target="#statusModal"><i class="fa fa-pencil-square-o"></i></a>--}}
  61. {{-- </span>--}}
  62.  
  63. {{-- <span ng-if="flgUpdateStatusByAdminGudang">--}}
  64. {{-- <a href="" data-toggle="modal" data-target="#statusModal"><i class="fa fa-pencil-square-o"></i></a>--}}
  65. {{-- </span>--}}
  66. {{-- </span>--}}
  67. {{-- </td>--}}
  68. </tr>
  69. <tr>
  70. <th>Toko</th>
  71. <td>[[orderDetail.toko_name]]</td>
  72. <th>No Ref Dok</th>
  73. <td>
  74. <span ng-show="orderDetail.ref_doc_no != null && orderDetail.ref_doc_no != ''">
  75. [[orderDetail.ref_doc_no]]
  76. </span>
  77. <span ng-show="orderDetail.ref_doc_no == null || orderDetail.ref_doc_no == ''">
  78. -
  79. </span>
  80. </td>
  81. </tr>
  82. <tr>
  83. <th>Salesman</th>
  84. <td>[[orderDetail.salesman_name]]</td>
  85. <th>Tgl Dok</th>
  86. <td>
  87. <span ng-show="orderDetail.ref_doc_date != null && orderDetail.ref_doc_date != ''">
  88. [[orderDetail.ref_doc_date | formatdate]]
  89. </span>
  90. <span ng-show="orderDetail.ref_doc_date == null || orderDetail.ref_doc_date == ''">
  91. -
  92. </span>
  93. </td>
  94. </tr>
  95. <tr>
  96. <th>Tanggal Order</th>
  97. <td>[[orderDetail.doc_date | formatdate]]</td>
  98. <th ng-show="flgShowRemark">
  99. <span ng-if="orderDetail.flg_input_by_salesman == 'Y'">Keterangan Salesman</span>
  100. <span ng-if="orderDetail.flg_input_by_salesman == 'N'">Keterangan Toko</span>
  101. </th>
  102. <td ng-show="flgShowRemark">
  103. <span ng-show="orderDetail.remark != null && orderDetail.remark != ''">
  104. [[orderDetail.remark]]
  105. </span>
  106. <span ng-show="orderDetail.remark == null || orderDetail.remark == ''">
  107. -
  108. </span>
  109. </td>
  110. </tr>
  111. <tr>
  112. {{-- <th>Status Hutang</th>--}}
  113. {{-- <td>--}}
  114. {{-- <span ng-if="orderDetail.due_debt_amount_query > 0 && orderDetail.jumlah > 0" class="m-badge sml-red m-badge--danger m-badge--wide m-badge--rounded"><strong>Jatuh Tempo</strong></span>--}}
  115. {{-- <span ng-if="orderDetail.due_debt_amount_query == 0 && orderDetail.jumlah > 0" class="m-badge m-badge--sml-primary m-badge--wide m-badge--rounded"><strong>Belum Jatuh Tempo</strong></span>--}}
  116. {{-- <span ng-if="orderDetail.due_debt_amount_query == 0 && orderDetail.jumlah == 0"><strong>TIDAK ADA TAGIHAN</strong></span>--}}
  117. {{-- </td>--}}
  118. <th ng-show="flgShowRemarkInternal">Keterangan Internal</th>
  119. <td ng-show="flgShowRemarkInternal">
  120. <span ng-show="orderDetail.remark_internal != null && orderDetail.remark_internal != ''">
  121. [[orderDetail.remark_internal]]
  122. </span>
  123. <span ng-show="orderDetail.remark_internal == null || orderDetail.remark_internal == ''">
  124. -
  125. </span>
  126. <a ng-show="flgInputRemarkInternal" href="javascript:void(0)" ng-click="openModalRemarkInternal(orderDetail)"><i class="fa fa-pencil-square-o"></i></a>
  127. </td>
  128. </tr>
  129. </table>
  130. </div>
  131. </div>
  132. <!--end::Portlet-->
  133. </div>
  134. </div>
  135.  
  136. <div class="row" ng-show="flgShowRowForAdminSales">
  137. <div class="col-xl-12 sml-margin-bottom">
  138. <!--begin::Portlet-->
  139. <div class="m-portlet m-portlet--creative m-portlet--first m-portlet--bordered-semi">
  140. <div class="m-portlet__head sml-0-height">
  141. <div class="m-portlet__head-caption">
  142. <div class="m-portlet__head-title">
  143. <h2 class="m-portlet__head-label m-portlet__head-label--danger sml-primary-bg">
  144. <span>Summary</span>
  145. </h2>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="m-portlet__body">
  150. <div class="row">
  151. <div class="col-md-6">
  152. <table class="table">
  153. <th>Total Produk</th>
  154. <td class="sml-right-text nominal">[[orderDetail.totalItem | thousandsep]]</td>
  155. </table>
  156. </div>
  157. <div class="col-md-6"></div>
  158. <div class="col-md-6">
  159. <table class="table">
  160. <!-- -->
  161. <!-- <tr ng-if="flgShowTotalDeliveryAmountAfterDisc">
  162. <th>Total Qty Kirim</th>
  163. <td class="sml-right-text">[[orderDetail.total_qty_delivery | thousandsep]]</td>
  164. </tr> -->
  165. <tr ng-if="flgShowTotalDeliveryAmountAfterDisc">
  166. <th>Total Qty Produk Kirim(pcs)</th>
  167. <td class="sml-right-text nominal">[[orderDetail.total_qty_delivery_original | thousandsep]]</td>
  168. </tr>
  169. <tr ng-if="flgShowTotalDeliveryAmountAfterDisc">
  170. <th>Total Qty Produk Bonus Kirim(pcs)</th>
  171. <td class="sml-right-text nominal">[[orderDetail.total_qty_delivery_bonus | thousandsep]]</td>
  172. </tr>
  173. <!-- -->
  174. <!-- <tr ng-if="flgShowTotalOrderAmountAfterDisc">
  175. <th>Total Qty Order</th>
  176. <td class="sml-right-text">[[orderDetail.total_qty_order | thousandsep]]</td>
  177. </tr> -->
  178. <tr ng-if="flgShowTotalOrderAmountAfterDisc">
  179. <th>Total Qty Produk Order(pcs)</th>
  180. <td class="sml-right-text nominal">[[orderDetail.total_qty_order_original | thousandsep]]</td>
  181. </tr>
  182. <tr ng-if="flgShowTotalOrderAmountAfterDisc">
  183. <th>Total Qty Produk Bonus Order(pcs)</th>
  184. <td class="sml-right-text nominal">[[orderDetail.total_qty_order_bonus | thousandsep]]</td>
  185. </tr>
  186. <!-- -->
  187. <!-- <tr ng-if="flgShowTotalReceivedAmountAfterDisc">
  188. <th>Total Qty Terima</th>
  189. <td class="sml-right-text">[[orderDetail.total_qty_received | thousandsep]]</td>
  190. </tr> -->
  191. <tr ng-if="flgShowTotalReceivedAmountAfterDisc">
  192. <th>Total Qty Produk Terima(pcs)</th>
  193. <td class="sml-right-text nominal">[[orderDetail.total_qty_received_original | thousandsep]]</td>
  194. </tr>
  195. <tr ng-if="flgShowTotalReceivedAmountAfterDisc">
  196. <th>Total Qty Produk Bonus Terima(pcs)</th>
  197. <td class="sml-right-text nominal">[[orderDetail.total_qty_received_bonus | thousandsep]]</td>
  198. </tr>
  199. <!-- -->
  200. <tr>
  201. <th>Nilai Diskon (Rp)</th>
  202. <td class="sml-right-text nominal">
  203. [[discountHeader | thousandsep]]
  204. <!-- [[orderDetail.header_discount | thousandsep]] -->
  205. </td>
  206. </tr>
  207. <tr>
  208. <th>Nilai Order (Rp)</th>
  209. <td class="sml-right-text nominal">
  210. <span ng-if="flgShowTotalOrderAmountAfterDisc">
  211. [[orderDetail.grand_total_order - discountHeader | thousandsep ]]
  212. </span>
  213. <span ng-if="flgShowTotalDeliveryAmountAfterDisc">
  214. [[orderDetail.final_total_delivered | thousandsep ]]
  215. </span>
  216. <span ng-if="flgShowTotalReceivedAmountAfterDisc">
  217. [[orderDetail.final_total_received | thousandsep ]]
  218. </span>
  219.  
  220. </td>
  221. </tr>
  222. </table>
  223. </div>
  224. <div class="col-md-6">
  225. <table class="table">
  226. <!-- -->
  227. <tr ng-if="flgShowTotalOrderAmountAfterDisc">
  228. <th>Nilai Produk Order(Rp)</th>
  229. <td class="sml-right-text nominal">[[orderDetail.grand_total_order_original | thousandsep]]</td>
  230. </tr>
  231. <tr ng-if="flgShowTotalOrderAmountAfterDisc">
  232. <th>Nilai Produk Bonus Order(Rp)</th>
  233. <td class="sml-right-text nominal">[[orderDetail.grand_total_order_bonus | thousandsep]]</td>
  234. </tr>
  235. <!-- -->
  236. <tr ng-if="flgShowTotalDeliveryAmountAfterDisc">
  237. <th>Nilai Produk Kirim(Rp)</th>
  238. <td class="sml-right-text nominal">[[orderDetail.grand_total_delivery_original | thousandsep]]</td>
  239. </tr>
  240. <tr ng-if="flgShowTotalDeliveryAmountAfterDisc">
  241. <th>Nilai Produk Bonus Kirim(Rp)</th>
  242. <td class="sml-right-text nominal">[[orderDetail.grand_total_delivery_bonus | thousandsep]]</td>
  243. </tr>
  244. <!-- -->
  245. <tr ng-if="flgShowTotalReceivedAmountAfterDisc">
  246. <th>Nilai Produk Terima(Rp)</th>
  247. <td class="sml-right-text nominal">[[orderDetail.grand_total_received_original | thousandsep]]</td>
  248. </tr>
  249. <tr ng-if="flgShowTotalReceivedAmountAfterDisc">
  250. <th>Nilai Produk Bonus Terima(Rp)</th>
  251. <td class="sml-right-text nominal">[[orderDetail.grand_total_received_bonus | thousandsep]]</td>
  252. </tr>
  253. </table>
  254. <div class="row" ng-show="flgInputDiscountHeader">
  255. <label class="col-md-4 sml-margin-bottom"><strong>Diskon(%)</strong></label>
  256. <div class="col-md-8 sml-margin-bottom">
  257. <input type="text" class="form-control form-control-sm m-input--square" ng-model="discountHeaderPercent" ng-change="calculateDiscountHeader()" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
  258. </div>
  259. </div>
  260. <div class="row" ng-show="flgInputDiscountHeader">
  261. <label class="col-md-4 sml-margin-bottom"><strong>Diskon(Rp)</strong></label>
  262. <div class="col-md-8 sml-margin-bottom">
  263. <!-- <input type="text" class="form-control m-input--square" ng-model="discountHeader" onkeypress="return event.charCode >= 48 && event.charCode <= 57"> -->
  264. <input type="text" class="form-control form-control-sm m-input--square sml-nominal" ng-model="discountHeader" awnum="" num-sep="," num-int="9" num-fract="2" num-neg="false" num-thousand="true">
  265. </div>
  266. </div>
  267. <!-- <div class="row">
  268. <div class="col-md-12 sml-margin-bottom">
  269. <button class="pull-right btn btn-primary m-btn--square" ng-click="editDiscountHeader()">Simpan Diskon</button>
  270. </div>
  271. </div> -->
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. <!--end::Portlet-->
  277. </div>
  278. </div>
  279.  
  280. <div class="row" ng-show="flgShowRowForAdminGudang">
  281. <div class="col-xl-6 sml-margin-bottom">
  282. <div class="m-portlet m-portlet--creative m-portlet--first m-portlet--bordered-semi">
  283. <div class="m-portlet__head sml-0-height">
  284. <div class="m-portlet__head-caption">
  285. <div class="m-portlet__head-title">
  286. <h2 class="m-portlet__head-label m-portlet__head-label--danger sml-primary-bg">
  287. <span ng-if="orderDetail.flg_input_by_salesman == 'Y'">Keterangan Salesman</span>
  288. <span ng-if="orderDetail.flg_input_by_salesman == 'N'">Keterangan Toko</span>
  289. </h2>
  290. </div>
  291. </div>
  292. </div>
  293. <div class="m-portlet__body">
  294. <div class="row">
  295. <div class="col-md-12">
  296. <span ng-show="orderDetail.remark != null">
  297. [[orderDetail.remark]]
  298. </span>
  299. <span ng-show="orderDetail.remark == null">
  300. Tidak Ada Keterangan
  301. </span>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. </div>
  307. <div class="col-xl-6 sml-margin-bottom">
  308. <div class="m-portlet m-portlet--creative m-portlet--first m-portlet--bordered-semi">
  309. <div class="m-portlet__head sml-0-height">
  310. <div class="m-portlet__head-caption">
  311. <div class="m-portlet__head-title">
  312. <h2 class="m-portlet__head-label m-portlet__head-label--danger sml-primary-bg">
  313. <span>Keterangan Internal</span>
  314. </h2>
  315. </div>
  316. </div>
  317. </div>
  318. <div class="m-portlet__body">
  319. <div class="row">
  320. <div class="col-md-12">
  321. <span ng-show="orderDetail.remark_internal != null || orderDetail.remark_internal != ''">
  322. [[orderDetail.remark_internal]]<br>
  323.  
  324. </span>
  325. <span ng-show="orderDetail.remark_internal == null || orderDetail.remark_internal == ''">
  326. Tidak Ada Keterangan Internal<br>
  327. </span>
  328. <a ng-show="flgInputRemarkInternal" href="javascript:void(0)" ng-click="openModalRemarkInternal(orderDetail)"><i class="fa fa-pencil-square-o"></i></a>
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. </div>
  334.  
  335. </div>
  336.  
  337.  
  338. <div class="row">
  339. <div class="col-xl-12 sml-margin-bottom">
  340. <div class="m-portlet">
  341. <table class="table table-bordered sml-table-header">
  342. <thead>
  343. <tr>
  344. <th ng-if="flgAddBonus">Bonus</th>
  345. <th>No </th>
  346. <th>Kode Produk</th>
  347. <th>Nama Produk</th>
  348. <th>Qty Pesan</th>
  349. <th>Qty Kirim</th>
  350. <th ng-show="flgShowQtyReceive">Selisih Qty Terima</th>
  351. <th ng-if="orderDetail.doc_type_id == 301">Harga Sat (Rp)</th>
  352. <th ng-show="flgShowDiscount">Diskon (%)</th>
  353. <th ng-show="flgShowTotalDeliveryDiscount">Total Diskon Kirim(Rp)</th>
  354. <th ng-show="flgShowTotalReceivedDiscount">Total Diskon Terima(Rp)</th>
  355. <th ng-if="orderDetail.doc_type_id == 301" ng-show="flgShowTotalOrderAmountAfterDisc">Sub Total Pesan Setelah Diskon(Rp)</th>
  356. <th ng-show="flgShowTotalDeliveryAmountAfterDisc">Sub Total Kirim Setelah Diskon(Rp)</th>
  357. <th ng-show="flgShowTotalReceivedAmountAfterDisc">Sub Total Terima Setelah Diskon(Rp)</th>
  358.  
  359. </tr>
  360. </thead>
  361. <tbody>
  362. <tr ng-repeat="item in orderDetail.orderItem" ng-class="{'sml-free-product' : item.flg_free_product=='Y'}">
  363. <td align="center" ng-if="flgAddBonus">
  364.  
  365. <span ng-if="item.flg_free_product === 'N'">
  366. <!-- <a href="javascript:void(0)" ng-click="addFreeProduct(item.order_item_id)"><i class="fa fa-plus-square"></i></a> -->
  367. <a href="javascript:void(0)" ng-click="openFreeProductModal(item)"><i class="fa fa-plus-square"></i></a>
  368. </span>
  369. <span ng-if="item.flg_free_product === 'Y'">
  370. <a href="javascript:void(0)" ng-click="removeFreeProduct(item.order_item_id)"><i class="fa fa-minus-square"></i></a>
  371. </span>
  372.  
  373. </td>
  374. <td>[[item.number]]</td>
  375. <td>
  376. <span ng-show="item.flg_free_product == 'Y'">(B) </span>
  377. [[item.product_code]], [[item.style_product]]
  378. </td>
  379. <td>[[item.product_name]]</td>
  380. <td class="sml-right-text nominal">[[item.qty_order | thousandsep]]
  381. <div class="pull-left">
  382. <span ng-if="item.flg_free_product === 'Y'" ng-show="flgEditQtyOrderFreeProduct">
  383. <a href="javascript:void(0)" ng-click="openModalQtyOrderFreeProduct(item, item.order_item_id)"><i class="fa fa-pencil-square-o"></i></a>
  384. </span>
  385. </div>
  386. </td>
  387. <td class="sml-right-text nominal">[[item.qty_delivery | thousandsep]]
  388. <span ng-show="orderDetail.status === 'R'">
  389. <div class="pull-left">
  390. <a href="javascript:void(0)" ng-click="openModalQtyDeliveryItem(item, item.order_item_id)"><i class="fa fa-pencil-square-o"></i></a>
  391. </div>
  392. </span>
  393. </td>
  394. <td ng-show="flgShowQtyReceive" class="sml-right-text nominal">
  395. <span ng-show="orderDetail.status == 'F'">
  396. [[item.selisih | thousandsep]]
  397. </span>
  398. <span ng-show="orderDetail.status != 'F'">
  399. 0
  400. </span>
  401. </td>
  402. <td ng-if="orderDetail.doc_type_id == 301" class="sml-right-text nominal">
  403. [[item.unit_price | thousandsep]]
  404. <span ng-show="flgEditUnitPrice">
  405. <div class="pull-left">
  406. <a href="javascript:void(0)" ng-click="openModalUnitPrice(item, item.order_item_id)"><i class="fa fa-pencil-square-o"></i></a>
  407. </div>
  408. </span>
  409. </td>
  410. <td ng-show="flgShowDiscount" class="sml-right-text">
  411. [[item.disc_pc ]]
  412. <span ng-show="flgInputDiscount">
  413. <div class="pull-left">
  414. <a href="javascript:void(0)" ng-click="openModalDiscountItem(item, item.order_item_id)"><i class="fa fa-pencil-square-o"></i></a>
  415. </div>
  416. </span>
  417. </td>
  418. <td ng-show="flgShowTotalDeliveryDiscount" class="sml-right-text nominal">[[item.item_discount_delivery | thousandsep]]</td>
  419. <td ng-show="flgShowTotalReceivedDiscount" class="sml-right-text nominal">[[item.item_discount_delivery | thousandsep]]</td>
  420. <td ng-if="orderDetail.doc_type_id == 301" ng-show="flgShowTotalOrderAmountAfterDisc" class="sml-right-text nominal">[[item.sub_grand_total_order_amount | thousandsep]]</td>
  421. <td ng-show="flgShowTotalDeliveryAmountAfterDisc" class="sml-right-text nominal">[[item.sub_grand_total_delivery_amount | thousandsep]]</td>
  422. <td ng-show="flgShowTotalReceivedAmountAfterDisc" class="sml-right-text nominal">[[item.sub_grand_total_received_amount | thousandsep]]</td>
  423. </tr>
  424. <tr>
  425. <th colspan="[[colspan]]" align="center">Total</th>
  426. {{-- <td class="sml-right-text nominal">[[orderDetail.total_qty_order | thousandsep ]]</td>--}}
  427. <td class="sml-right-text nominal">[[orderDetail.total_qty_delivery | thousandsep ]]</td>
  428. <td ng-show="flgShowQtyReceive" class="sml-right-text nominal">
  429. <span ng-show="orderDetail.status == 'F'">
  430. [[orderDetail.total_selisih | thousandsep ]]
  431. </span>
  432. <span ng-show="orderDetail.status != 'F'">
  433. 0
  434. </span>
  435. </td>
  436. <td></td>
  437. <td ng-show="flgShowDiscount"></td>
  438. <td ng-show="flgShowTotalDeliveryDiscount" class="sml-right-text nominal">[[orderDetail.total_delivered_discount | thousandsep]]</td>
  439. <td ng-show="flgShowTotalReceivedDiscount" class="sml-right-text nominal">[[orderDetail.total_receive_discount | thousandsep]]</td>
  440. <td ng-if="orderDetail.doc_type_id == 301" ng-show="flgShowTotalOrderAmountAfterDisc" class="sml-right-text nominal">[[orderDetail.grand_total_order | thousandsep]]</td>
  441. <td ng-show="flgShowTotalDeliveryAmountAfterDisc" class="sml-right-text nominal">[[orderDetail.grand_total_delivered | thousandsep]]</td>
  442. <td ng-show="flgShowTotalReceivedAmountAfterDisc" class="sml-right-text nominal">[[orderDetail.grand_total_received | thousandsep]]</td>
  443. </tr>
  444. <tr ng-show="orderDetail.orderItem.length == 0">
  445. <td align="center" colspan="9">Order tidak ditemukan berdasarkan pencarian</td>
  446. </tr>
  447. </tbody>
  448. </table>
  449. </div>
  450. </div>
  451. </div>
  452.  
  453. <div class="row">
  454. <div class="col-xl-12 sml-margin-bottom">
  455. <div class="m-portlet">
  456. <table class="table table-bordered sml-table-header" id="externalItem">
  457. <thead>
  458. <tr>
  459. <th></th>
  460. <th>No</th>
  461. <th>Cabang</th>
  462. <th>Nomor Dokumen</th>
  463. <th>Status Dokumen</th>
  464. <th>Tanggal Dokumen</th>
  465. </tr>
  466. </thead>
  467. <tbody>
  468. <tr ng-repeat-start="item in soList">
  469. <td>
  470. <button ng-click="getItemList(item.order_external_id)" class="btn btn-success" expand>
  471. <span ng-bind="expanded[item.order_external_id] ? 'Tutup' : 'Lihat'"></span>
  472. <input type="text" ng-model="orderExternal" hidden>
  473. </button>
  474. </td>
  475. <td>[[$index + 1]]</td>
  476. <td>[[item.cabang]]</td>
  477. <td>[[item.doc_no]]</td>
  478. <td ng-if="item.status_doc=='I'">Sedang diproses</td>
  479. <td ng-if="item.status_doc=='D'">Pesanan diterima</td>
  480. <td ng-if="item.status_doc=='C'">Dibatalkan</td>
  481. <td ng-if="item.status_doc=='R'">Dalam pengiriman</td>
  482. <td ng-if="item.status_doc=='F'">Diterima toko</td>
  483. <td>[[item.doc_date | formatdate]]</td>
  484. </tr>
  485. <tr ng-show="expanded[item.order_external_id]" ng-repeat-end>
  486. <td></td>
  487. <td colspan="6">
  488. <table class="table table-condensed table-bordered">
  489. <thead>
  490. <tr>
  491. <th>Kode Produk</th>
  492. <th style="width:15%;">Nama Produk</th>
  493. <th style="width:15%;">Qty Order</th>
  494. <th style="width:15%;">Harga Satuan</th>
  495. <th style="width:15%;">Total Harga</th>
  496. </tr>
  497. </thead>
  498. <tbody>
  499. <tr ng-repeat="items in externalList[item.order_external_id]">
  500. <td ng-bind="items.product_code"></td>
  501. <td>[[items.product_name]]</td>
  502. <td>[[items.qty_order]]</td>
  503. <td class="sml-right-text nominal">[[items.gross_price | thousandsep]]</td>
  504. <td class="sml-right-text nominal">[[items.gross_amount | thousandsep]]</td>
  505. </tr>
  506. <p class="loader" data-ng-show="loading">
  507. o
  508. </p>
  509. <tr ng-show="externalList[item.order_external_id].length == 0">
  510. <td align="center" colspan="9">Item tidak ditemukan</td>
  511. </tr>
  512. </tbody>
  513. </table>
  514. </td>
  515. </tr>
  516. <tr ng-show="soList.length == 0">
  517. <td align="center" colspan="9">Item tidak ditemukan</td>
  518. </tr>
  519. </tbody>
  520. </table>
  521. </div>
  522. </div>
  523. </div>
  524. </div>
  525. <div class="modal fade" id="statusModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="display: none;">
  526. <div class="modal-dialog" role="document">
  527. <div class="modal-content">
  528. <div class="modal-header">
  529. <h5 class="modal-title" id="exampleModalLabel">Ubah Status</h5>
  530. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  531. <span aria-hidden="true" class="la la-remove"></span>
  532. </button>
  533. </div>
  534. <form class="m-form m-form--fit m-form--label-align-right">
  535. <div class="modal-body">
  536. <div class="row">
  537. <table class="table">
  538. <tr ng-if="flgD" ng-click="updateStatus('D')" ng-class="{'sml-click-row' : orderDetail.status=='D'}"><td align="center">&#10004</td><td>Menunggu Persetujuan</td></tr>
  539. <tr ng-if="!flgD" ng-class="{'sml-active-row' : orderDetail.status=='D'}"><td align="center">
  540. <span ng-if="orderDetail.status == 'D'">&#10004;</span>
  541. <span ng-if="orderDetail.status != 'D'"><i class="fa fa-ban"></i></span>
  542. </td><td>Menunggu Persetujuan</td></tr>
  543.  
  544. <tr ng-if="flgR" ng-click="updateStatus('R')" ng-class="{'sml-click-row' : orderDetail.status!='R'}"><td align="center"></td><td>Dalam Proses</td></tr>
  545. <tr ng-if="!flgR" ng-class="{'sml-active-row' : orderDetail.status=='R'}"><td align="center">
  546. <span ng-if="orderDetail.status == 'R'">&#10004;</span>
  547. <span ng-if="orderDetail.status != 'R'"><i class="fa fa-ban"></i></span>
  548. </td><td>Dalam Proses</td></tr>
  549.  
  550. <tr ng-if="flgS" ng-click="updateStatus('S')" ng-class="{'sml-click-row' : orderDetail.status!='S'}"><td align="center"></td><td>Dalam Pengiriman Toko</td></tr>
  551. <tr ng-if="!flgS" ng-class="{'sml-active-row' : orderDetail.status=='S'}"><td align="center">
  552. <span ng-if="orderDetail.status == 'S'">&#10004;</span>
  553. <span ng-if="orderDetail.status != 'S'"><i class="fa fa-ban"></i></span>
  554. </td><td>Dalam Pengiriman Toko</td></tr>
  555.  
  556. <!-- <tr ng-if="flgF" ng-click="updateStatus('F')" ng-class="{'sml-click-row' : orderDetail.status!='F'}"><td align="center"></td><td>Diterima Toko</td></tr> -->
  557. <tr ng-if="flgF" ng-click="openModalQtyTerima()" ng-class="{'sml-click-row' : orderDetail.status!='F'}"><td align="center"></td><td>Diterima Toko</td></tr>
  558. <tr ng-if="!flgF" ng-class="{'sml-active-row' : orderDetail.status=='F'}"><td align="center">
  559. <span ng-if="orderDetail.status == 'F'">&#10004;</span>
  560. <span ng-if="orderDetail.status != 'F'"><i class="fa fa-ban"></i></span>
  561. </td><td>Diterima Toko</td></tr>
  562.  
  563. <tr ng-if="flgC" ng-click="updateStatus('C')" ng-class="{'sml-click-row' : orderDetail.status!='C'}"><td align="center"></td><td>Dibatalkan</td></tr>
  564. <tr ng-if="!flgC" ng-class="{'sml-active-row' : orderDetail.status=='C'}"><td align="center">
  565. <span ng-if="orderDetail.status == 'C'">&#10004;</span>
  566. <span ng-if="orderDetail.status != 'C'"><i class="fa fa-ban"></i></span>
  567. </td><td>Dibatalkan</td></tr>
  568. </table>
  569. </div>
  570. </div>
  571. </form>
  572. </div>
  573. </div>
  574. </div>
  575. <div class="modal fade" id="discountModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="display: none;">
  576. <div class="modal-dialog" role="document">
  577. <div class="modal-content">
  578. <div class="modal-header">
  579. <h5 class="modal-title" id="exampleModalLabel">Ubah Diskon</h5>
  580. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  581. <span aria-hidden="true" class="la la-remove"></span>
  582. </button>
  583. </div>
  584. <form class="m-form m-form--fit m-form--label-align-right">
  585. <div class="modal-body">
  586. <table class="table">
  587. <tr>
  588. <th>Nomor Urut</th>
  589. <td>[[oldDiscountItem.number]]</td>
  590. </tr>
  591. <tr>
  592. <th>Kode Produk</th>
  593. <td>[[oldDiscountItem.product_code]]</td>
  594. </tr>
  595. <tr>
  596. <th>Nama Produk</th>
  597. <td>[[oldDiscountItem.product_name]]</td>
  598. </tr>
  599. <tr>
  600. <th>Diskon Sebelumnya</th>
  601. <td class="sml-right-text nominal">[[oldDiscountItem.disc_pc]]</td>
  602. </tr>
  603. <tr>
  604. <th>Diskon</th>
  605. <td>
  606. <input type="text" class="form-control m-input--square sml-number-form" ng-model="discountItemPercent">
  607. <label class="text text-info">Contoh Format Diskon = 10+5+5 (tanpa spasi) </label>
  608. </td>
  609. </tr>
  610. <tr>
  611. <th></th>
  612. <td>
  613. <div class="pull-right">
  614. <button class="btn sml-btn-primary m-btn--square" ng-click="editDiscountItem(selectedOrderItem);">Simpan</button>
  615. <button class="btn sml-btn-danger m-btn--square" ng-click="closeModalDiscountItem()">Tutup</button>
  616. </div>
  617. </td>
  618. </tr>
  619. </table>
  620. </div>
  621. </form>
  622. </div>
  623. </div>
  624. </div>
  625. <div class="modal fade" id="qtyDevModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="display: none;">
  626. <div class="modal-dialog" role="document">
  627. <div class="modal-content">
  628. <div class="modal-header">
  629. <h5 class="modal-title" id="exampleModalLabel">Ubah Quantity Kirim</h5>
  630. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  631. <span aria-hidden="true" class="la la-remove"></span>
  632. </button>
  633. </div>
  634. <form class="m-form m-form--fit m-form--label-align-right">
  635. <div class="modal-body">
  636. <table class="table">
  637. <tr>
  638. <th>Nomor Urut</th>
  639. <td>[[oldQtyDelivery.number]]</td>
  640. </tr>
  641. <tr>
  642. <th>Kode Produk</th>
  643. <td>[[oldQtyDelivery.product_code]]</td>
  644. </tr>
  645. <tr>
  646. <th>Nama Produk</th>
  647. <td>[[oldQtyDelivery.product_name]]</td>
  648. </tr>
  649. <tr>
  650. <th>Qty Pesan</th>
  651. <td class="sml-right-text nominal">[[oldQtyDelivery.qty_order]]</td>
  652. </tr>
  653. <tr>
  654. <th>Qty Kirim Sebelumnya</th>
  655. <td class="sml-right-text nominal">[[oldQtyDelivery.qty_delivery]]</td>
  656. </tr>
  657. <tr>
  658. <th>Qty Kirim</th>
  659. <td><input type="text" class="form-control m-input--square sml-number-form" ng-model="qtyDelivery"></td>
  660. </tr>
  661. <tr>
  662. <th></th>
  663. <td>
  664. <div class="pull-right">
  665. <button class="btn sml-btn-primary m-btn--square" ng-click="editQtyDeliveryItem(selectedOrderItem);">Simpan</button>
  666. <button class="btn sml-btn-danger m-btn--square" ng-click="closeModalQtyDeliveryItem()">Tutup</button>
  667. </div>
  668. </td>
  669. </tr>
  670. </table>
  671. </div>
  672. </form>
  673. </div>
  674. </div>
  675. </div>
  676. <div class="modal fade" id="qtyOrderModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="display: none;">
  677. <div class="modal-dialog" role="document">
  678. <div class="modal-content">
  679. <div class="modal-header">
  680. <h5 class="modal-title" id="exampleModalLabel">Ubah Quantity Order</h5>
  681. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  682. <span aria-hidden="true" class="la la-remove"></span>
  683. </button>
  684. </div>
  685. <form class="m-form m-form--fit m-form--label-align-right" ng-submit="editQtyOrderFreeProduct(selectedOrderItem)">
  686. <div class="modal-body">
  687. <table class="table">
  688. <tr>
  689. <th>Nomor Urut</th>
  690. <td>[[oldQtyOrderForFree.number]]</td>
  691. </tr>
  692. <tr>
  693. <th>Kode Produk</th>
  694. <td>[[oldQtyOrderForFree.product_code]]</td>
  695. </tr>
  696. <tr>
  697. <th>Nama Produk</th>
  698. <td>[[oldQtyOrderForFree.product_name]]</td>
  699. </tr>
  700. <tr>
  701. <th>Qty Pesan Sebelumnya</th>
  702. <td class="sml-right-text nominal">[[oldQtyOrderForFree.qty_order]]</td>
  703. </tr>
  704. <tr>
  705. <th>Qty Pesan</th>
  706. <td><input type="text" class="form-control m-input--square sml-number-form" ng-model="qtyOrder"></td>
  707. </tr>
  708. <tr>
  709. <th></th>
  710. <td>
  711. <div class="pull-right">
  712. <button type="submit" class="btn sml-btn-primary m-btn--square">Simpan</button>
  713. <a href="javascript:void(0)" class="btn sml-btn-danger m-btn--square" ng-click="closeModalQtyOrderFreeProduct()">Tutup</a>
  714. </div>
  715. </td>
  716. </tr>
  717. </table>
  718. </div>
  719. </form>
  720. </div>
  721. </div>
  722. </div>
  723. <div class="modal fade" id="unitPriceModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="display: none;">
  724. <div class="modal-dialog" role="document">
  725. <div class="modal-content">
  726. <div class="modal-header">
  727. <h5 class="modal-title" id="exampleModalLabel">Ubah Harga Satuan</h5>
  728. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  729. <span aria-hidden="true" class="la la-remove"></span>
  730. </button>
  731. </div>
  732. <form class="m-form m-form--fit m-form--label-align-right" ng-submit="editUnitPriceOrderItem(selectedOrderItem)">
  733. <div class="modal-body">
  734. <table class="table">
  735. <tr>
  736. <th>Nomor Urut</th>
  737. <td>[[oldUnitPrice.number]]</td>
  738. </tr>
  739. <tr>
  740. <th>Kode Produk</th>
  741. <td>[[oldUnitPrice.product_code]]</td>
  742. </tr>
  743. <tr>
  744. <th>Nama Produk</th>
  745. <td>[[oldUnitPrice.product_name]]</td>
  746. </tr>
  747. <tr>
  748. <th>Harga Satuan Sebelumnya (Rp)</th>
  749. <td class="sml-right-text nominal">[[oldUnitPrice.unit_price | thousandsep]]</td>
  750. </tr>
  751. <tr>
  752. <th>Harga Satuan (Rp)</th>
  753. <!-- <td><input type="text" class="form-control m-input--square" ng-model="unitPrice"></td> -->
  754. <td><input type="text" class="form-control m-input--square sml-nominal" ng-model="unitPrice" awnum="" num-sep="," num-int="9" num-fract="2" num-neg="false" num-thousand="true"></td>
  755. </tr>
  756. <tr>
  757. <th></th>
  758. <td>
  759. <div class="pull-right">
  760. <button type="submit" class="btn sml-btn-primary m-btn--square">Simpan</button>
  761. <a href="javascript:void(0)" class="btn sml-btn-danger m-btn--square" ng-click="closeModalUnitPrice()">Tutup</a>
  762. </div>
  763. </td>
  764. </tr>
  765. </table>
  766. </div>
  767. </form>
  768. </div>
  769. </div>
  770. </div>
  771. <div class="modal fade" id="remarkInternalModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="display: none;">
  772. <div class="modal-dialog" role="document">
  773. <div class="modal-content">
  774. <div class="modal-header">
  775. <h5 class="modal-title" id="exampleModalLabel">Keterangan Internal</h5>
  776. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  777. <span aria-hidden="true" class="la la-remove"></span>
  778. </button>
  779. </div>
  780. <form class="m-form m-form--fit m-form--label-align-right">
  781. <div class="modal-body">
  782. <div class="row">
  783. <div class="col-md-12 sml-margin-bottom">
  784. <textarea class="form-control sml-no-border-radius" rows="5" ng-model="remarkInternal"></textarea>
  785. </div>
  786. <div class="col-md-12">
  787. <div class="pull-right">
  788. <button ng-click="addRemarkInternalOrder(orderRemarkEdited)" type="submit" class="btn sml-btn-primary m-btn--square">Simpan</button>
  789. <a href="javascript:void(0)" class="btn sml-btn-danger m-btn--square" ng-click="closeModalRemarkInternal()">Tutup</a>
  790. </div>
  791. </div>
  792. </div>
  793. </div>
  794. </form>
  795. </div>
  796. </div>
  797. </div>
  798. <div class="modal fade" id="qtyTerimaModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="display: none;">
  799. <div class="modal-dialog modal-lg" role="document">
  800. <div class="modal-content">
  801. <div class="modal-header">
  802. <h5 class="modal-title" id="exampleModalLabel">Daftar Product</h5>
  803. <button class="close" ng-click="closeModalQtyTerima()">
  804. <span aria-hidden="true" class="la la-remove"></span>
  805. </button>
  806. </div>
  807. <form class="m-form m-form--fit m-form--label-align-right">
  808. <div class="modal-body">
  809. <div class="row">
  810. <div class="col-md-12">
  811. <table class="table m-table m-table--head-bg-success table-bordered sml-table-header">
  812. <thead>
  813. <tr>
  814. <th>Kode Produk</th>
  815. <th>Nama Produk</th>
  816. <th>Qty Kirim</th>
  817. <th>Qty Terima</th>
  818. </tr>
  819. </thead>
  820. <tbody>
  821. <tr ng-repeat="item in qtyTerimaList">
  822. <td>[[item.product_code]]</td>
  823. <td>[[item.product_name]]</td>
  824. <td class="sml-right-text nominal">[[item.qty_delivery]]</td>
  825. <td>
  826. <input type="text" class="form-control sml-number-form" ng-model="item.qty_received">
  827. </td>
  828. </tr>
  829. </tbody>
  830. </table>
  831. </div>
  832. </div>
  833. </div>
  834. <div class="modal-footer">
  835. <button type="button" class="btn sml-btn-primary m-btn--square" ng-click="saveQtyTerima()">Simpan</button>
  836. <button type="button" class="btn sml-btn-danger m-btn--square" ng-click="closeModalQtyTerima()">Tutup</button>
  837. </div>
  838. </form>
  839. </div>
  840. </div>
  841. </div>
  842. <div class="modal fade" id="freeProductModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="display: none;">
  843. <div class="modal-dialog modal-lg" role="document">
  844. <div class="modal-content">
  845. <div class="modal-header">
  846. <h5 class="modal-title" id="exampleModalLabel">Tambah Produk Bonus</h5>
  847. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  848. <span aria-hidden="true" class="la la-remove"></span>
  849. </button>
  850. </div>
  851. <form class="m-form m-form--fit m-form--label-align-right">
  852. <div class="modal-body">
  853. <div class="row">
  854. <div class="col-md-12">
  855. <table class="table">
  856. <tr>
  857. <th>Ref Produk</th>
  858. <td>[[freeProduct.product_code]] - [[freeProduct.product_name]]</td>
  859. <tr>
  860. <th>Ref Style Product</th>
  861. <td>[[freeProduct.style_product]]</td>
  862. </tr>
  863. <tr>
  864. <th>Produk</th>
  865. <td ng-show="productByStyle.length <= 0">
  866. [[freeProduct.product_code]] - [[freeProduct.product_name]]
  867. </td>
  868. <td ng-show="productByStyle.length > 0">
  869. <ui-select ng-model="productByStyle.selected" title="Pilih Produk" theme="bootstrap">
  870. <ui-select-match placeholder="Pilih Produk">
  871. <!-- [[$select.selected.partner_id]] - -->
  872. [[$select.selected.product_code]] - [[$select.selected.product_name]]
  873. </ui-select-match>
  874. <ui-select-choices repeat="product in (productByStyle | filter: $select.search) track by product.product_code">
  875. <span ng-bind-html="product.product_code| highlight: $select.search"></span>
  876. -
  877. <span ng-bind-html="product.product_name| highlight: $select.search"></span>
  878. </ui-select-choices>
  879. </ui-select>
  880. </td>
  881. </tr>
  882. <tr>
  883. <th>Qty</th>
  884. <td><input type="text" class="form-control m-input--square sml-number-form" ng-model="qtyOrderFreeProduct"></td>
  885. </tr>
  886. <tr>
  887. <th>Diskon</th>
  888. <td>
  889. <input type="text" class="form-control m-input--square sml-number-form" ng-model="freeProduct.disc_pc">
  890. <label class="text text-info">Contoh Format Diskon = 10+5+5 (tanpa spasi) </label>
  891. </td>
  892. </td>
  893. </tr>
  894. <tr>
  895. <th></th>
  896. <td>
  897. <div class="pull-right">
  898. <button class="btn sml-btn-primary m-btn--square" ng-click="addFreeProduct(freeProduct)">Simpan</button>
  899. <button class="btn sml-btn-danger m-btn--square" ng-click="closeFreeProductModal()">Tutup</button>
  900. </div>
  901. </td>
  902. </tr>
  903. </table>
  904. </div>
  905. </div>
  906. </div>
  907. </form>
  908. </div>
  909. </div>
  910. </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!