You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

245 line
16 KiB

  1. <!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec" appconnect="local" components="{dmxTyped:{},dmxStateManagement:{},dmxBootstrap5Modal:{},dmxFormatter:{},dmxValidator:{},dmxScheduler:{},dmxDataTraversal:{},dmxBootstrap5TableGenerator:{},dmxBootstrap5Navigation:{},dmxSockets:{}}" -->
  2. <dmx-serverconnect id="api_increasemaxpn" url="/api/MaxPNs/Increase"></dmx-serverconnect>
  3. <div class="modal" id="modal2" is="dmx-bs5-modal" tabindex="-1">
  4. <div class="modal-dialog" role="document">
  5. <div class="modal-content">
  6. <div class="modal-header">
  7. <h5 class="modal-title">Confirm</h5>
  8. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  9. </div>
  10. <div class="modal-body">
  11. <p>Are you sure you want to delete part #</p>
  12. <input id="txt_deletepn" name="text4" type="text" class="form-control">
  13. <input id="txt_delpid" name="text4" type="text" class="form-control">
  14. </div>
  15. <div class="modal-footer">
  16. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  17. <button type="button" class="btn btn-primary" dmx-on:click="api_deleteItem.load({});api1.load({});modal2.hide()">Save changes</button>
  18. </div>
  19. </div>
  20. </div>
  21. </div>
  22. <dmx-api-action id="api_deleteItem" noload="true" dmx-bind:url="'http://vapor.prelub.com/api/v1.0/boms/'+modal2.txt_delpid.value" method="delete"></dmx-api-action>
  23. <dmx-api-action id="api_getcodebyid" noload="true" url="http://vapor.prelub.com/api/v1.0/partcodes/" dmx-bind:url="'http://vapor.prelub.com/api/v1.0/partcodes/'+modal1.txt_parentid.value"></dmx-api-action>
  24. <dmx-api-action id="api_allpartcodes" url="http://vapor.prelub.com/api/v1.0/partcodes"></dmx-api-action>
  25. <dmx-api-action id="api_maxpn" url="http://vapor.prelub.com/api/v1.0/pns/max"></dmx-api-action>
  26. <dmx-api-action id="api_partcodes" noload="true" url="http://vapor.prelub.com/api/v1.0/partcodes/bytype/0" dmx-bind:url="'http://vapor.prelub.com/api/v1.0/partcodes/bytype/'+modal1.frm_part.sel_parttypes.value"></dmx-api-action>
  27. <dmx-api-action id="api_childcodes" noload="true" url="http://vapor.prelub.com/api/v1.0/partcodes/byparent/" dmx-bind:url="'http://vapor.prelub.com/api/v1.0/partcodes/byparent/'+modal1.txt_parentid.value"></dmx-api-action>
  28. <dmx-api-action id="api_parttypes" url="http://vapor.prelub.com/api/v1.0/parttypes"></dmx-api-action>
  29. <dmx-api-action id="api1" url="http://vapor.prelub.com/api/v1.0/designspecs/max/" dmx-bind:url="'http://vapor.prelub.com/api/v1.0/designspecs/max/'+query1.data.id"></dmx-api-action>
  30. <dmx-query-manager id="query1"></dmx-query-manager>
  31. <div class="modal" id="modal1" is="dmx-bs5-modal" tabindex="-1" dmx-bind:show="!query1.data.id">
  32. <div class="modal-dialog" role="document">
  33. <div class="modal-content">
  34. <div class="modal-header">
  35. <h5 class="modal-title">New Part Number</h5>
  36. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  37. </div>
  38. <div class="modal-body">
  39. <form id="frm_part">
  40. <input id="txt_parentid" name="parentid" type="text" class="form-control">
  41. <input id="hdn_newpn" name="text1" type="hidden" class="form-control" placeholder="new part number"><input id="hdn_zeroo" name="text1" type="hidden" class="form-control" value="0">
  42. <p id="para_productionparts">Select Part Type</p>
  43. <select id="sel_parttypes" class="form-select" name="parttypes" dmx-bind:options="api_parttypes.data" optiontext="name" optionvalue="id" required="" dmx-bind:value="api1.data.partnumber.partcode.parttype.id" dmx-on:changed="api_partcodes.load({})">
  44. <option selected="" value="0">Select</option>
  45. </select>
  46. <p id="para_nonproductionparts">Select Part Code</p><select id="sel_nonproductionparts" class="form-select" name="nonproductionparts" dmx-on:changed="run({run:{action:`txt_parentid.setValue(sel_parttypes.value)`,name:'SetTextVal',outputType:'text'}})" dmx-bind:options="api_partcodes.data" optiontext="name" optionvalue="id" required="" dmx-bind:value="api1.data.partnumber.partcode.id">
  47. <option value="0">Select</option>
  48. </select>
  49. <p>Description</p>
  50. <textarea id="txt_ptdescription" class="form-control" name="ptdescription" required="" dmx-bind:value="api1.data.partnumber.description"></textarea>
  51. <p>Comments</p>
  52. <textarea id="txt_ptcomments" class="form-control" name="comments" required="" dmx-bind:value="api1.data.partnumber.comments"></textarea>
  53. </form>
  54. </div>
  55. <div class="modal-footer">
  56. <button type="button" class="btn btn-danger" data-bs-dismiss="modal" id="btn_closenewpar">Cancel</button>
  57. <button type="button" class="btn btn-primary" dmx-on:click="txt_partnumber.setValue(frm_part.sel_parttypes.value.concat('-'.concat(frm_part.sel_nonproductionparts.value.concat('-'.concat(api_maxpn.data.number)))));txt_rev.setValue(frm_part.hdn_zeroo.value);modal1.hide();frm_partsubmit.txt_savepc.setValue(frm_part.sel_nonproductionparts.selectedValue);frm_partsubmit.txt_savept.setValue(frm_part.sel_parttypes.selectedValue);frm_partsubmit.txt_savepn.setValue(sel_parttypes.value.concat('-'.concat(sel_nonproductionparts.value.concat('-'.concat(api_maxpn.data.number)))));frm_partsubmit.txt_savepndescription.setValue(frm_part.txt_ptdescription.value);frm_partsubmit.txt_savepncomments.setValue(frm_part.txt_ptcomments.value)">Save changes</button>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="container">
  63. <h1>DSpec</h1>
  64. <div class="row">
  65. <div class="col" style="width: 10%;">
  66. <p style="text-align: right;">Part Number</p>
  67. </div>
  68. <div class="col" style="width: 20%;">
  69. <input id="txt_partnumber" name="text1" type="text" class="form-control" placeholder="Part Number" dmx-bind:value="api1.data.partnumber.number">
  70. </div>
  71. <div class="col" style="width: 10%;">
  72. <p style="text-align: right;">Rev</p>
  73. </div>
  74. <div class="col" style="width: 10%;"><input id="txt_rev" name="rev" type="text" class="form-control" placeholder="rev" dmx-bind:value="api1.data.revisionlevel"></div>
  75. <div class="col" style="width: 50%;">
  76. <button id="btn_newpartnumber" class="btn text-danger fw-bold bg-secondary bg-opacity-50 ms-n1" dmx-on:click="txt_rev.setValue((txt_rev.value.toNumber() + 1))">New Rev</button>
  77. </div>
  78. </div>
  79. <div class="row">
  80. <div class="col">
  81. <div class="form-group mb-3 row">
  82. <label for="txt_effectivedate" class="col-sm-2 col-form-label" style="width: 35%">Effective Date</label>
  83. <div class="col-sm-10" style="width: 40%">
  84. <input type="date" class="form-control" id="txt_effectivedate" name="effectivedate" aria-describedby="input3_help" placeholder="Enter some text" dmx-bind:value="api1.data.partnumber.createdate">
  85. </div>
  86. </div>
  87. </div>
  88. <div class="col">
  89. <div class="form-group mb-3 row">
  90. <label for="input2" class="col-sm-2 col-form-label" style="width: 40%;">Work Instruction</label>
  91. <div class="col-sm-10" style="width: 30%;">
  92. <input type="text" class="form-control" id="input2" name="input2" aria-describedby="input2_help" width="20%" dmx-bind:value="api1.data.workinstruction">
  93. </div>
  94. </div>
  95. </div>
  96. <div class="col">
  97. <div class="form-group mb-3 row">
  98. <label for="input1" class="col-sm-2 col-form-label" style="width: 30%;">Application</label>
  99. <div class="col-sm-10" style="width: 60%;">
  100. <input type="text" class="form-control" id="input1" name="input1" aria-describedby="input1_help" placeholder="Enter some text" dmx-bind:value="api1.data.application">
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <div class="row">
  106. <div class="col">
  107. <p>Reason for change</p>
  108. <textarea id="txt_reasonforchange" class="form-control" dmx-bind:value="api1.data.reasonforchange" name="reasonforchange"></textarea>
  109. </div>
  110. </div>
  111. <div class="row">
  112. <div class="col">
  113. <p>Validation of Change</p>
  114. <textarea id="txt_validation" class="form-control" dmx-bind:value="api1.data.validation" name="validation"></textarea>
  115. </div>
  116. </div>
  117. <div class="row">
  118. <div class="col">
  119. <p>Notes</p>
  120. <textarea id="txt_notes" class="form-control" dmx-bind:value="" name="notes"></textarea>
  121. </div>
  122. </div>
  123. <div class="row">
  124. <div class="col">
  125. <form id="frm_updatebom" method="post">
  126. <div class="row">
  127. <div class="col">
  128. <div class="table-responsive">
  129. <table class="table">
  130. <thead>
  131. <tr>
  132. <th scope="col" class="text-center">Part #</th>
  133. <th scope="col" class="text-center">Description</th>
  134. <th scope="col" class="text-center">Old</th>
  135. <th scope="col" class="text-center">New</th>
  136. <th scop="col" class="text-center">Action</th>
  137. </tr>
  138. </thead>
  139. <tbody is="dmx-repeat" id="repeat1" dmx-bind:repeat="api1.data.boms" key="id">
  140. <tr>
  141. <td style="width: 25%;">
  142. <input id="txt_bomupdateid" name="bomupdateid" type="text" class="form-control" disabled="true" dmx-bind:value="id">
  143. <input id="txt_updatebompn" name="updatebompn" type="text" class="form-control" style="width: 100%;" dmx-bind:value="partnumber.number" disabled="true">
  144. </td>
  145. <td style="width: 50%;">
  146. <input id="txt_updatebomddsc" name="updatebomdescription" type="text" class="form-control" style="width: 100%" dmx-bind:value="partnumber.description" disabled="true">
  147. </td>
  148. <td style="width: 10%">
  149. <input id="txt_updatebomold" name="updatebomold" type="text" class="form-control" dmx-bind:value="old">
  150. </td>
  151. <td style="width: 10%">
  152. <input id="txt_updatebomnew" name="updatebomnew" type="text" style="width: 100%" class="form-control" dmx-bind:value="new">
  153. </td>
  154. <td style="width: 10%">
  155. <button id="btn_bomupdate" class="btn btn-primary" dmx-on:click="modal2.txt_deletepn.setValue(txt_updatebompn.value);modal2.txt_delpid.setValue(txt_bomupdateid.value);modal2.show()">Delete</button>
  156. </td>
  157. </tr>
  158. </tbody>
  159. </table>
  160. </div>
  161. </div>
  162. </div>
  163. </form>
  164. </div>
  165. </div>
  166. <div class="row">
  167. <div class="col">
  168. <form id="frm_newbomitem" method="post" is="dmx-serverconnect-form" action="/api/BOM/NewBomItem" dmx-on:success="run({run:{action:`api1.load({})`,outputType:'text'}})">
  169. <input id="txt_bomdspecid" name="bomdspecid" type="text" class="form-control d-print-none visually-hidden" dmx-bind:value="api1.data.id">
  170. <dmx-api-action id="frmapi_getpartbynum" noload="true" url="http://vapor.prelub.com/api/v1.0/partnumbers/num/" dmx-bind:url="'http://vapor.prelub.com/api/v1.0/partnumbers/num/'+txt_newpnbom.value"></dmx-api-action>
  171. <div class="row">
  172. <div class="col">
  173. <table class="table">
  174. <tbody>
  175. <tr>
  176. <td style="width: 25%">
  177. <input id="txt_newbompnid" name="newbompnid" type="text" class="form-control d-print-none visually-hidden" dmx-bind:value="frmapi_getpartbynum.data.id">
  178. <input id="txt_newpnbom" name="newbompn" type="text" class="form-control" dmx-bind:value="frmapi_getpartbynum.data.number" dmx-on:changed="frmapi_getpartbynum.load({})">
  179. </td>
  180. <td style="width: 50%"><input id="txt_newdesbom" name="newbomdesc" type="text" class="form-control" dmx-bind:value="frmapi_getpartbynum.data.description"></td>
  181. <td style="width: 10%"><input id="txt_newoldbom" name="newbomold" type="text" class="form-control"></td>
  182. <td style="width: 10%"><input id="txt_newnewbom" name="newbomnew" type="text" class="form-control"></td>
  183. <td style="width: 5%">
  184. <button id="btn_savenewbomitem" class="btn btn-primary" type="submit" dmx-on:click="api_deleteItem.load({})">Add</button>
  185. </td>
  186. </tr>
  187. </tbody>
  188. </table>
  189. </div>
  190. </div>
  191. </form>
  192. </div>
  193. </div>
  194. <div class="row">
  195. <div class="col text-end">
  196. <button id="btn1" class="btn text-center btn-danger" dmx-on:click="frm_partsubmit.submit();api_increasemaxpn.load({})">Save All</button>
  197. </div>
  198. </div>
  199. <div class="container visually-hidden">
  200. <form id="frm_dspecsubmit" method="post">
  201. <div class="row">
  202. <div class="col">
  203. <input id="txt_dspecrev" name="dspecrev" type="text" class="form-control" dmx-bind:value="txt_rev.value">
  204. <input id="txt_dspeceffectivedate" name="dspeceffectivedate" type="text" class="form-control" dmx-bind:value="txt_effectivedate.value">
  205. <input id="txt_dspecpnid" name="dspecpnid" type="text" class="form-control" dmx-bind:value="frm_partsubmit.txt_savepnid.value">
  206. <input id="txt_dspecstatusid" name="dspecstatusid" type="text" class="form-control" dmx-bind:value="4" value="4">
  207. <input id="txt_dspecreasonforchange" name="dspecreasonforchange" type="text" class="form-control" dmx-bind:value="txt_reasonforchange.value">
  208. <input id="txt_dspecvalidation" name="dspecvalidation" type="text" class="form-control" dmx-bind:value="txt_validation.value">
  209. <input id="txt_dspecnotes" name="dspecnotes" type="text" class="form-control" dmx-bind:value="txt_notes.value">
  210. </div>
  211. </div>
  212. </form>
  213. <form id="frm_partsubmit" method="post" is="dmx-serverconnect-form" action="/api/Parts/Create">
  214. <div class="row">
  215. <div class="col">
  216. <input id="txt_savepc" name="savepc" type="text" class="form-control">
  217. <input id="txt_savept" name="savept" type="text" class="form-control">
  218. <input id="txt_savepnid" name="savepnid" type="text" class="form-control" dmx-bind:value="frm_partsubmit.data.api_newPart.data.id">
  219. <input id="txt_savepn" name="savepn" type="text" class="form-control" dmx-bind:value="txt_partnumber.value">
  220. <input id="txt_savepndescription" name="savepndescription" type="text" class="form-control">
  221. <input id="txt_savepncomments" name="savepncomments" type="text" class="form-control">
  222. </div>
  223. </div>
  224. </form>
  225. </div>
  226. </div>
  227. <meta name="ac:route" content="/dspec">