Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
 
 
 

381 righe
32 KiB

  1. <!-- Wappler include head-page="layouts/smain" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec" appConnect="local" components="{dmxStateManagement:{},dmxAutocomplete:{},dmxDatePicker:{},dmxBootstrap5Navigation:{},dmxFormatter:{},dmxBootstrap5Modal:{}}" jquery_slim_35="cdn" moment_2="cdn" -->
  2. <dmx-query-manager id="query_partid"></dmx-query-manager>
  3. <dmx-serverconnect id="conn_dspecinfo" url="/api/DSpec/searchpn" dmx-param:pn="query_partid.data.id" dmx-on:success="pt_rev.setValue(conn_dspecinfo.data.dspec.data.rev)"></dmx-serverconnect>
  4. <dmx-serverconnect id="conn_copybomitems" url="/api/BOM/copyitems" dmx-param:olddspecid="conn_dspecinfo.data.dspec.data.id" dmx-param:newdspecid="var_dspecid.value" dmx-on:success="conn_dspecinfo.load({})" noload="true"></dmx-serverconnect>
  5. <dmx-serverconnect id="conn_copybomfromotherpart" url="/api/BOM/copyitems" dmx-param:olddspecid="var_bomdspecid.value" dmx-param:newdspecid="conn_dspecinfo.data.dspec.data.id" dmx-on:success="conn_dspecinfo.load({})" noload="true"></dmx-serverconnect>
  6. <dmx-serverconnect id="conn_revup" url="/api/DSpec/revup" dmx-param:id="conn_dspecinfo.data.dspec.data.id" dmx-param:userid="whoami.data.identity" dmx-on:success="conn_dspecinfo.load({pn: query_partid.data.id})" noload="true"></dmx-serverconnect>
  7. <dmx-api-action id="api_postdspec" noload="true" method="post" dmx-data:revisionlevel="pt_rev.value" dmx-data:partnumberid="conn_dspecinfo.data.part.data.id" dmx-data:statusidpn="conn_dspecinfo.data.part.data.status.id.toString()" dmx-data:partcodeid="conn_dspecinfo.data.part.data.partcode.id.toString()" dmx-data:parttypeid="conn_dspecinfo.data.part.data.partcode.parttype.id.toString()" dmx-data:statusiddspec="4" dmx-data:effectivedate="ds_effectivedate.value" dmx-data:reasonforchange="ds_reasonforchange.value" dmx-data:validation="ds_validation.value" dmx-data:treatment="inp_treatment.value" dmx-data:oereman="inp_oereman.value" dmx-data:customernotification="chk_customernotification.checked" dmx-data:rtv="chk_rtv.checked" dmx-data:plrv="chk_plrv.checked" dmx-data:jsp="chk_jsp.checked" dmx-data:note="ds_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="conn_dspecinfo.load({})" dmx-data:id="var_dspecid.value"></dmx-api-action>
  8. <dmx-api-action id="api_bominsertitem" noload="true" url="http://vapor.prelub.com/api/v1.0/boms/wapplerinsert" method="post" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/wapplerinsert')" dmx-data:updatedate="NOW" dmx-data:viewlocationid="var_viewlocationid.value.toString()" dmx-data:old="var_bominsertold.value.toString()" dmx-data:createdate="NOW" dmx-data:designspecid="conn_dspecinfo.data.dspec.data.id.toString()" dmx-data:createuserid="whoami.data.identity.toString()" dmx-data:new="var_bominsertnew.value.toString()" dmx-data:updateuserid="whoami.data.identity.toString()" dmx-data:partnumberid="var_bominsertpnid.value.toString()" dmx-on:success="conn_dspecinfo.load({})"></dmx-api-action>
  9. <dmx-api-action id="api_deletethisitem" noload="true" method="delete" dmx-bind:url="pg_apiurl.value.concat('boms/'.concat(var_partidtodelete.value))" dmx-data:id=""></dmx-api-action>
  10. <dmx-serverconnect id="conn_deleteapp" url="/api/apps/deleteapp" dmx-on:success="conn_dspecinfo.load({pn: query_partid.data.id},true)" noload="true"></dmx-serverconnect>
  11. <dmx-value id="var_viewlocationid"></dmx-value>
  12. <dmx-value id="var_bominsertold"></dmx-value>
  13. <dmx-value id="var_bominsertnew"></dmx-value>
  14. <dmx-value id="var_bominsertpnid"></dmx-value>
  15. <dmx-value id="var_partidtodelete" dmx-on:updated="run([{run:{outputType:'text',action:`api_deletethisitem.load({})`}},{wait:{delay:1000}},{run:{outputType:'text',action:`conn_dspecinfo.load({pn: query_partid.data.id},true)`}}])"></dmx-value>
  16. <dmx-value id="var_deleteapp" dmx-on:updated="conn_deleteapp.load({id: value})"></dmx-value>
  17. <dmx-value id="var_revup" dmx-on:updated="run([{run:{outputType:'text',action:`var_dspecid.setValue(null)`}},{run:{outputType:'text',action:`api_postdspec.load({})`}},{run:{outputType:'text',action:`var_dspecid.setValue(api_postdspec.data.id)`}},{run:{outputType:'text',action:`conn_copybomitems.load({})`}}])"></dmx-value>
  18. <dmx-value id="var_dspecid" dmx-bind:value="conn_dspecinfo.data.dspec.data.id"></dmx-value>
  19. <div class="modal rounded rounded-3 border-dark" id="mdl_cpybom" is="dmx-bs5-modal" tabindex="-1">
  20. <div class="modal-dialog" role="document">
  21. <div class="modal-content">
  22. <div class="modal-header">
  23. <h5 class="modal-title">Seach by Part#</h5>
  24. <button type="button" class="close" data-dismiss="modal" aria-label="Close" dmx-on:click="mdl_cpybom.hide()">
  25. <span aria-hidden="true">&times;</span>
  26. </button>
  27. </div>
  28. <div class="modal-body">
  29. <dmx-value id="var_bomdspecid" dmx-bind:value="conn_searchforbom.data.dspec.data.id"></dmx-value>
  30. <div class="container">
  31. <div class="row">
  32. <div class="col-9"><input id="txt_searchforbom" name="searchbom" type="text" class="form-control" placeholder="Part#"></div>
  33. <div class="col">
  34. <button id="btn_search" class="btn btn-primary" dmx-on:click="conn_search.load({input: txt_searchforbom.value});var_dspecid.setValue(conn_search.data.api.data.id)">
  35. <i class="fas fa-search" dmx-on:click="conn_searchforbom.load({pn: txt_searchforbom.value},true)"></i>
  36. </button>
  37. <button id="btn_copyfromotherpart" class="btn btn-primary" dmx-on:click="conn_copybomfromotherpart.load({olddspecid: var_bomdspecid.value, newdspecid: conn_dspecinfo.data.dspec.data.id});mdl_cpybom.hide();conn_dspecinfo.load({})">
  38. <i class="fas fa-copy" dmx-on:click="conn_copybomfromotherpart.load({});conn_dspecinfo.load({})"></i>
  39. </button>
  40. </div>
  41. </div>
  42. <div class="row">
  43. <div class="col">
  44. <div class="table-responsive">
  45. <table class="table table-striped table-bordered table-hover table-sm">
  46. <thead>
  47. <tr>
  48. <th class="visually-hidden">Id</th>
  49. <th class="visually-hidden">Partnumberid</th>
  50. <th class="visually-hidden">Tab</th>
  51. <th>Partnumber</th>
  52. <th>Description</th>
  53. <th>Old</th>
  54. <th>New</th>
  55. </tr>
  56. </thead>
  57. <tbody is="dmx-repeat" dmx-generator="bs4table" dmx-bind:repeat="conn_searchforbom.data.boms.data" id="tableRepeat1">
  58. <tr>
  59. <td dmx-text="id" class="visually-hidden"></td>
  60. <td dmx-text="partnumberid" class="visually-hidden"></td>
  61. <td dmx-text="tab" class="visually-hidden"></td>
  62. <td dmx-text="partnumber"></td>
  63. <td dmx-text="description"></td>
  64. <td dmx-text="old"></td>
  65. <td dmx-text="new"></td>
  66. </tr>
  67. </tbody>
  68. </table>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <header>
  78. <h1 class="mt-3 ms-4 text-center">Motor DSpec</h1>
  79. </header>
  80. <div class="w-100 rounded-3 rounded border-secondary border-5 text-start bg-secondary-subtle container ms-auto me-auto pt-1 pb-1 ps-2 pe-2">
  81. <h1 class="text-center">Part Info</h1>
  82. <div class="row">
  83. <div class="col">
  84. <div class="form-group mb-3">
  85. <label for="inp_createdby" class="form-label">Created By</label>
  86. <input type="text" class="form-control" id="inp_createdby" name="createby" aria-describedby="input1_help" placeholder="Enter some text" readonly="true" dmx-bind:value="conn_dspecinfo.data.creator.firstname+' '+conn_dspecinfo.data.creator.lastname">
  87. </div>
  88. </div>
  89. <div class="col">
  90. <div class="form-check">
  91. <input class="form-check-input" type="checkbox" value="" id="inp_approved" name="approved">
  92. <label class="form-check-label" for="inp_approved">Approved By</label>
  93. </div>
  94. <div class="form-check">
  95. <input class="form-check-input" type="checkbox" value="" id="inp_approved1" name="approved1">
  96. <label class="form-check-label" for="inp_approved1">FAQ By</label>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="row w-100 pt-0 pb-0 ps-0 pe-0">
  101. <div class="col w-100 ms-1 pt-0 pb-0 pe-0">
  102. <div class="form-group mb-3 row">
  103. <label for="pt_obsolete" class="col-sm-2 col-form-label" style="width: fit-content;">Part #:</label>
  104. <div class="ms-2 col-sm-3">
  105. <input type="text" class="form-control" id="pt_pn" name="ptpn" aria-describedby="pn_help" placeholder="Part#" style="width: fit-content;" dmx-bind:value="conn_dspecinfo.data.part.data.number">
  106. </div>
  107. <label for="rev" class="col-sm-2 col-form-label" style="width: fit-content;">Rev:</label>
  108. <div class="ms-2 col-sm-6" style="display:inline-block;">
  109. <input type="text" class="form-control" id="pt_rev" name="ptrev" aria-describedby="input1_help" placeholder="Rev" style="width: fit-content; display:inline-block;" dmx-bind:value="conn_dspecinfo.data.dspec.data.rev">
  110. <button id="btn_newrev" class="btn btn-secondary btn-sm" style="display:inline-block;" dmx-show="conn_dspecinfo.data.dspec.data.id" dmx-on:click="conn_revup.load({id: conn_dspecinfo.data.api.data.id, userid: whoami.data.identity})">New Rev</button>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="row w-100 pt-0 pb-0 ps-0 pe-0">
  116. <div class="col w-100 ms-1 pt-0 pb-0 pe-0 align-self-center">
  117. <div class="form-group mb-3 row">
  118. <label for="pt_obsolete" class="col-sm-2 col-form-label" style="width: fit-content;">Part Code:</label>
  119. <div class="ms-2 col-sm-3 align-self-center">
  120. <input type="text" class="form-control" id="pt_partcode" name="ptpartcode" aria-describedby="pn_help" placeholder="Part#" style="width: fit-content;" is="dmx-autocomplete" dmx-bind:data="conn_basedata.data.partcodes.data" optiontext="name" optionvalue="id" optionsearch="name" dmx-bind:value="conn_dspecinfo.data.part.data.partcode.id">
  121. </div>
  122. <div class="ms-2 col-sm-2 align-self-center">
  123. <div class="form-check">
  124. <input class="form-check-input" type="checkbox" value="" id="pt_obsolete" name="ptobsolete" dmx-bind:checked="(conn_dspecinfo.data.part.data.status.id == 2)">
  125. <label class="form-check-label" for="pt_obsolete" style="width: fit-content;">Obsolete</label>
  126. </div>
  127. </div>
  128. <label for="pt_replacedby" class="col-sm-2 col-form-label" style="width: fit-content;">Replaced By:</label>
  129. <div class="ms-2 col-sm-2 align-self-center">
  130. <div class="form-check">
  131. <input type="text" class="form-control" id="pt_replacedby" name="ptreplacedby" aria-describedby="ptreplacedby_help" placeholder="Replaced By" style="width: fit-content;" dmx-bind:value="conn_dspecinfo.data.part.data.replacedby.number">
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="row">
  138. <div class="col">
  139. <label for="pt_description" class="col-sm-2 col-form-label" style="width: fit-content;">Description</label>
  140. <textarea id="pt_description" class="form-control" name="ptdescription" dmx-bind:value="conn_dspecinfo.data.part.data.description"></textarea>
  141. </div>
  142. </div>
  143. <div class="row mb-3 pb-2">
  144. <div class="col">
  145. <label for="pt_comment" class="col-sm-2 col-form-label" style="width: fit-content;">Comments</label>
  146. <textarea id="pt_comment" class="form-control" name="ptcomment" dmx-bind:value="conn_dspecinfo.data.part.data.comments"></textarea>
  147. </div>
  148. </div>
  149. </div>
  150. <div class="w-100 rounded-3 rounded border-secondary border-5 bg-secondary-subtle container ms-auto me-auto pt-1 pb-1 ps-2 pe-2">
  151. <h1 class="text-center">Design Spec</h1>
  152. <div class="row w-100 pt-0 pb-0 ps-0 pe-0">
  153. <div class="col w-100 ms-1 pt-0 pb-0 pe-0">
  154. <div class="form-group mb-3 row" style="float:left;">
  155. <label for="pt_obsolete1" class="col-sm-2 col-form-label" style="width: fit-content; float: left;">Effective Date:</label>
  156. <div class="ms-2 col-sm-2">
  157. <input type="text" class="form-control" id="ds_effectivedate" name="dseffectivedate" aria-describedby="pn_help" style="width: 150px; float: left;" is="dmx-date-picker" placeholder="mm/dd/yyyy" dmx-bind:value="conn_dspecinfo.data.api.data.effectivedate.toDate()">
  158. </div>
  159. <label for="ds_workinstruction" class="col-sm-2 col-form-label" style="width: fit-content; float: left;">Work Instruction:</label>
  160. <div class="ms-2 col-sm-2" style="display:inline-block;">
  161. <input type="text" class="form-control" id="ds_workinstruction" name="dsworkinstruction" aria-describedby="input1_help" style="width: 150px; display:inline-block; float: left;" dmx-bind:value="conn_dspecinfo.data.api.data.workinstruction">
  162. </div>
  163. <label for="ds_application" class="col-sm-2 col-form-label" style="width: fit-content; float: left;">Application:</label>
  164. <div class="ms-2 col-sm-2" style="display:inline-block;">
  165. <input type="text" class="form-control" id="ds_application" name="dsapplication" style="width: fit-content; display:inline-block; float: left;" dmx-bind:value="conn_dspecinfo.data.api.data.application">
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="row">
  171. <div class="col-4">
  172. <div is="dmx-checkbox-group" id="group1" class="checkbox-group form-check form-switch">
  173. <input class="form-check-input" id="chk_customernotification" type="checkbox" dmx-bind:checked="conn_dspecinfo.data.api.data.customernotification" style="transform: scale(1.5);">
  174. <label class="form-check-label ms-1" for="chk_customernotification" style="width: fit-content;">Customer Notification</label><br />
  175. <input class="form-check-input" id="chk_built" type="checkbox" style="transform: scale(1.5);" dmx-bind:checked="conn_dspecinfo.data.api.data.built">
  176. <label class="form-check-label ms-1" for="chk_built" style="width: fit-content;">Built</label><br />
  177. <input class="form-check-input" id="chk_jsp" type="checkbox" style="transform: scale(1.5);" dmx-bind:checked="conn_dspecinfo.data.api.data.jsp">
  178. <label class="form-check-label ms-1" for="chk_jsp" style="width: fit-content;">JSP</label><br />
  179. <input class="form-check-input" id="chk_plrv" type="checkbox" style="transform: scale(1.5);" dmx-bind:checked="conn_dspecinfo.data.api.data.plrv">
  180. <label class="form-check-label ms-1" for="chk_plrv" style="width: fit-content;">PLRV</label><br />
  181. <input class="form-check-input" id="chk_rtv" type="checkbox" style="transform: scale(1.5);" dmx-bind:checked="conn_dspecinfo.data.api.data.rtv">
  182. <label class="form-check-label ms-1" for="chk_rtv" style="width: fit-content;">RTV</label><br />
  183. </div>
  184. </div>
  185. <div class="col">
  186. <label class="form-check-label mt-1 mb-1" for="inp_oereman" style="width: fit-content; display: inlne_block;">OE Reman</label>
  187. <input id="inp_oereman" name="oereman" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.oereman">
  188. <label class="form-check-label mt-1 mb-1" for="inp_basicclass" style="width: fit-content; display: inlne_block;">Basic Class</label>
  189. <input id="inp_basicclass" name="basicclass" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.basicclass">
  190. <br />
  191. <label class="form-check-label mt-1 mb-1" for="inp_except" style="width: fit-content; display: inlne_block;">Except</label>
  192. <input id="inp_except" name="except" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.except">
  193. <label class="form-check-label mt-1 mb-1" for="inp_floatstock" style="width: fit-content; display: inlne_block;">Float Stock</label>
  194. <input id="inp_floatstock" name="floatstock" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.floatstock">
  195. <br />
  196. <label class="form-check-label mt-1 mb-1" for="inp_voltage" style="width: fit-content; display: inlne_block;">Voltage</label>
  197. <input id="inp_voltage" name="voltage" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.voltage">
  198. <label class="form-check-label mt-1 mb-1" for="inp_rotation" style="width: fit-content; display: inlne_block;">Rotation</label>
  199. <input id="inp_rotation" name="rotation" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.rotation">
  200. </div>
  201. </div>
  202. <div class="row">
  203. <div class="col">
  204. <label class="form-check-label mt-1 mb-1" for="inp_terminalposition" style="width: fit-content; display: inlne_block;">Terminal Position</label>
  205. <input id="inp_terminalposition" name="terminalposition" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.terminalposition">
  206. <label class="form-check-label mt-1 mb-1" for="inp_drive" style="width: fit-content; display: inlne_block;">Drive</label>
  207. <input id="inp_drive" name="drive" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.drive">
  208. <label class="form-check-label mt-1 mb-1" for="inp_pinion" style="width: fit-content; display: inlne_block;">Pinion</label>
  209. <input id="inp_pinion" name="pinion" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.pinion">
  210. <br />
  211. <label class="form-check-label mt-1 mb-1" for="inp_switch" style="width: fit-content; display: inlne_block;">Switch</label>
  212. <input id="inp_switch" name="switch" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.swtch">
  213. <label class="form-check-label mt-1 mb-1" for="inp_switchposition" style="width: fit-content; display: inlne_block;">Switch Position</label>
  214. <input id="inp_switchposition" name="switchposition" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.switchposition">
  215. <label class="form-check-label mt-1 mb-1" for="inp_ho" style="width: fit-content; display: inlne_block;">HO</label>
  216. <input id="inp_ho" name="ho" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.ho">
  217. <br />
  218. <label class="form-check-label mt-1 mb-1" for="inp_sae" style="width: fit-content; display: inlne_block;">SAE</label>
  219. <input id="inp_sae" name="sae" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.sae">
  220. <label class="form-check-label mt-1 mb-1" for="inp_mtfh" style="width: fit-content; display: inlne_block;">MTFH</label>
  221. <input id="inp_mtfh" name="mtfh" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.mtfh">
  222. <label class="form-check-label mt-1 mb-1" for="inp_ftf" style="width: fit-content; display: inlne_block;">FTF</label>
  223. <input id="inp_ftf" name="ftf" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="ftf">
  224. <label class="form-check-label mt-1 mb-1" for="inp_opening" style="width: fit-content; display: inlne_block;">Opening</label>
  225. <input id="inp_opening" name="opening" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.opening">
  226. <br />
  227. <label class="form-check-label mt-1 mb-1" for="inp_treatment" style="width: fit-content; display: inlne_block;">Treatment</label>
  228. <input id="inp_treatment" name="treatment" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.treatment">
  229. <label class="form-check-label mt-1 mb-1" for="inp_curve" style="width: fit-content; display: inlne_block;">Curve</label>
  230. <input id="inp_curve" name="curve" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.curve">
  231. <label class="form-check-label mt-1 mb-1" for="inp_remarks" style="width: fit-content; display: inlne_block;">Remarks</label>
  232. <input id="inp_remarks" name="remarks" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.remarks">
  233. <br />
  234. <label class="form-check-label mt-1 mb-1" for="inp_suctionport" style="width: fit-content; display: inlne_block;">Suction Port</label>
  235. <input id="inp_suctionport" name="suctinoport" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.suctionport">
  236. <label class="form-check-label mt-1 mb-1" for="inp_suctionfitting" style="width: fit-content; display: inlne_block;">Suction Fitting</label>
  237. <input id="inp_suctionfitting" name="suctionfitting" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.suctionfitting">
  238. <br />
  239. <label class="form-check-label mt-1 mb-1" for="inp_pressureport" style="width: fit-content; display: inlne_block;">Pressure Port</label>
  240. <input id="inp_pressureport" name="pressureport" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.pressureport">
  241. <label class="form-check-label mt-1 mb-1" for="inp_pressurefitting" style="width: fit-content; display: inlne_block;">Pressure Fitting</label>
  242. <input id="inp_pressurefitting" name="pressurefitting" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.pressurefitting">
  243. <br />
  244. <label class="form-check-label mt-1 mb-1" for="inp_tagnumber" style="width: fit-content; display: inlne_block;">Tag Number</label>
  245. <input id="inp_tagnumber" name="tagnumber" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.tagnumber">
  246. <label class="form-check-label mt-1 mb-1" for="inp_frequency" style="width: fit-content; display: inlne_block;">Frequency</label>
  247. <input id="inp_frequency" name="frequency" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.frequency">
  248. <br />
  249. <label class="form-check-label mt-1 mb-1" for="inp_metaltag" style="width: fit-content; display: inlne_block;">Metal Tag</label>
  250. <input id="inp_metaltag" name="metaltag" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.metaltag">
  251. <label class="form-check-label mt-1 mb-1" for="inp_gasket" style="width: fit-content; display: inlne_block;">Gasket</label>
  252. <input id="inp_gasket" name="gasket" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.gasket">
  253. <br />
  254. <label class="form-check-label mt-1 mb-1" for="inp_papertag" style="width: fit-content; display: inlne_block;">Paper Tag</label>
  255. <input id="inp_papertag" name="papertag" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.papertag">
  256. <label class="form-check-label mt-1 mb-1" for="inp_bracket" style="width: fit-content; display: inlne_block;">Bracket</label>
  257. <input id="inp_bracket" name="bracket" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.bracket">
  258. <br />
  259. <label class="form-check-label mt-1 mb-1" for="inp_othertag" style="width: fit-content; display: inlne_block;">Other Tag</label>
  260. <input id="inp_othertag" name="othertag" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.othertag">
  261. <label class="form-check-label mt-1 mb-1" for="inp_box" style="width: fit-content; display: inlne_block;">Box</label>
  262. <input id="inp_box" name="box" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.box">
  263. </div>
  264. </div>
  265. <div class="row">
  266. <div class="col">
  267. <div class="form-group mb-3 row">
  268. <label for="inp_additionalparts" class="col-sm-2 col-form-label">Additional Parts</label>
  269. <div class="col-sm-10">
  270. <textarea id="inp_additionalparts" class="form-control" name="additionalparts" dmx-bind:value="conn_dspecinfo.data.api.data.additionalparts"></textarea>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. <div class="row">
  276. <div class="col">
  277. <label for="ds_reasonforchange" class="col-sm-2 col-form-label" style="width: fit-content;">Reason for change</label>
  278. <textarea id="ds_reasonforchange" class="form-control" name="dsreasonforchange" dmx-bind:value="conn_dspecinfo.data.api.data.reasonforchange"></textarea>
  279. </div>
  280. </div>
  281. <div class="row mb-3 pb-2">
  282. <div class="col">
  283. <label for="ds_validation" class="col-sm-2 col-form-label" style="width: fit-content;">Validation</label>
  284. <textarea id="ds_validation" class="form-control" name="dsvalidation" dmx-bind:value="conn_dspecinfo.data.api.data.validation"></textarea>
  285. </div>
  286. </div>
  287. <div class="row mb-3 pb-2">
  288. <div class="col">
  289. <label for="ds_notes" class="col-sm-2 col-form-label" style="width: fit-content;">Notes</label>
  290. <textarea id="ds_notes" class="form-control" name="dsnotes" dmx-bind:value="conn_dspecinfo.data.api.data.note"></textarea>
  291. </div>
  292. </div>
  293. <div class="row pb-2">
  294. <div class="col align-self-center text-end">
  295. <button id="btn_savedspec" class="btn btn-success" dmx-on:click="api_postdspec.load({})">Save DSPEC</button>
  296. </div>
  297. </div>
  298. </div>
  299. <div class="bg-secondary-subtle container mt-3 mb-4 ms-auto me-auto pt-1 pb-3 ps-2 pe-2">
  300. <h1 class="text-center">BOMS</h1>
  301. <div class="row">
  302. <div class="col">
  303. <button id="btn_copybom" class="btn btn-secondary shadow-lg mt-2 mb-2" dmx-on:click="mdl_cpybom.show()">
  304. <i class="fas fa-copy"></i></button>
  305. </div>
  306. </div>
  307. <div class="row">
  308. <div class="col">
  309. <div class="table-responsive">
  310. <table class="table table-striped table-bordered table-hover table-sm">
  311. <thead>
  312. <tr>
  313. <th class="visually-hidden">Id</th>
  314. <th class="visually-hidden">Partnumberid</th>
  315. <th>Part #</th>
  316. <th>Description</th>
  317. <th>Old</th>
  318. <th>New</th>
  319. <th>Action</th>
  320. </tr>
  321. <tr>
  322. <th scope="row" class="visually-hidden">
  323. </th>
  324. <th scope="row" class="visually-hidden"><input id="bom_partid" name="bompartid" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.id"></th>
  325. <th scope="row"><input id="bom_searchpart" name="bom_searchpart" type="text" dmx-on:blur="var_ptsearch.setValue(value)" class="form-control"></th>
  326. <th scope="row">
  327. <input id="bom_partdescription" name="bompartdescription" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.description">
  328. </th>
  329. <th scope="row">
  330. <input id="bom_partold" name="bompartold" type="text" class="form-control">
  331. </th>
  332. <th scope="row">
  333. <input id="bom_partnew" name="bompartnew" type="text" class="form-control">
  334. </th>
  335. <th scope="row">
  336. <button id="btn_newbomitem" class="btn btn-dark" dmx-on:click="var_viewlocationid.setValue(0);var_bominsertold.setValue(bom_partold.value);var_bominsertnew.setValue(bom_partnew.value);var_bominsertpnid.setValue(bom_partid.value);api_bominsertitem.load({})">+</button>
  337. </th>
  338. </tr>
  339. </thead>
  340. <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.boms.data" id="tablegeneral">
  341. <tr>
  342. <td dmx-text="id" class="visually-hidden"></td>
  343. <td dmx-text="partnumberid" class="visually-hidden"></td>
  344. <td dmx-text="partnumber"></td>
  345. <td dmx-text="description"></td>
  346. <td dmx-text="old"></td>
  347. <td dmx-text="new"></td>
  348. <td>
  349. <button id="btn_deleteitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(id)">
  350. <i class="fas fa-trash-alt"></i>X</button>
  351. </td>
  352. </tr>
  353. </tbody>
  354. </table>
  355. </div>
  356. </div>
  357. </div>
  358. </div>
  359. <meta name="ac:route" content="/dspecm">