mcarman
/
Wappler_Access
1
0
Çatalla 0
Kod Konular 1 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
32 İşleme
1 Dal
10 MiB
 
 
 
Ağaç: 2bcd07de36
Dallar Biçim İmleri
${ item.name }
${ searchTerm } dalı oluştur
'2bcd07de36'den
${ noResults }
Wappler_Access/views/dspec2.ejs

365 satır
26 KiB
Ham Suçlama Geçmiş 

  1. <!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec2" appconnect="local" components="{dmxBootstrap5Modal:{},dmxStateManagement:{},dmxFormatter:{},dmxDatastore:{},dmxDatePicker:{},dmxBootstrap5TableGenerator:{},dmxDataTraversal:{},dmxBrowser:{}}" jquery_slim_35="cdn" moment_2="cdn" -->

  2. <div is="dmx-browser" id="browser1"></div>

  3. <meta name="ac:route" content="/dspec2">

  4. <script is="dmx-flow" id="flow1" type="text/dmx-flow" autorun="true">{

  5.   condition: {

  6.     if: "{{query1.data.id}}",

  7.     then: {

  8.       steps: {

  9.         run: {action: "{{var_partid.setValue(query1.data.id)}}", outputType: "text"}

  10.       }

  11.     },

  12.     else: {

  13.       steps: {

  14.         run: {action: "{{api_allparttypes.load({})}}", outputType: "text"}

  15.       }

  16.     },

  17.     outputType: "boolean"

  18.   }

  19. }</script>

  20. <dmx-query-manager id="query1"></dmx-query-manager>

  21. <div class="container visually-hidden">

  22.     <div class="row">

  23.         <div class="col">

  24.             <input id="txt_useriddefault" name="useriddefault" type="text" class="form-control" value="-1">

  25.             <input id="txt_testviewlocatioonid" name="viewlocationid" type="text" class="form-control" value="14">

  26.             <input id="txt_testpartid" name="testpartid" type="text" class="form-control" dmx-bind:value="api_postpart.data.id">

  27.         </div>

  28.     </div>

  29. </div>

  30. <dmx-value id="var_comment"></dmx-value>

  31. <dmx-value id="var_copy" dmx-bind:value="false"></dmx-value>

  32. <dmx-value id="var_description"></dmx-value>

  33. <dmx-value id="var_dspecid" dmx-bind:value="0"></dmx-value>

  34. <dmx-value id="var_existingpartid" dmx-bind:value="0" dmx-on:updated=""></dmx-value>

  35. <dmx-value id="var_listmaxdspec" dmx-on:updated="var_dspecid.setValue(value.getValueOrKey('id'))"></dmx-value>

  36. <dmx-value id="var_newdspec" dmx-bind:value="0"></dmx-value>

  37. <dmx-value id="var_partnumber" dmx-bind:value="var_parttypeid.value.toNumber().toString().concat('-'.concat(var_partcodeid.value.concat('-'.concat(api_maxpn.data.number))))"></dmx-value>

  38. <dmx-value id="var_partcodeid" dmx-on:updated="api_getpartcodebyid.load({})"></dmx-value>

  39. <dmx-value id="var_partid" dmx-bind:value="0" dmx-on:updated="api_getnewpartinfo.load({})"></dmx-value>

  40. <dmx-value id="var_parttypeid"></dmx-value>

  41. <dmx-value id="var_prevdspecid"></dmx-value>

  42. <dmx-value id="var_rev" dmx-bind:value="0"></dmx-value>

  43. <dmx-value id="var_statusid" dmx-bind:value="1"></dmx-value>

  44. <dmx-value id="var_statusiddspec" dmx-bind:value="4"></dmx-value>

  45. 

  46. 

  47. 

  48. 

  49. 

  50. 

  51. 

  52. 

  53. 

  54. 

  55. <dmx-api-action id="api_allparttypes" dmx-bind:url="pg_apiurl.value.concat('parttypes')" dmx-on:success="mdl_newpart.inp_parttypes.setValue(-1)" noload="true"></dmx-api-action>

  56. <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="txt_testviewlocatioonid.value" dmx-data:old="inp_bomold.value" dmx-data:createdate="NOW" dmx-data:designspecid="var_dspecid.value.toNumber().toString()" dmx-data:createuserid="txt_useriddefault.value" dmx-data:new="inp_bomnew.value" dmx-data:updateuserid="txt_useriddefault.value" dmx-data:partnumberid="btn_bomadditem.value" dmx-on:success="api_loadbombydspec.load({},true)"></dmx-api-action>

  57. <dmx-api-action id="api_bomcopyitem" noload="true" url="http://vapor.prelub.com/api/v1.0/boms/copy/33760/33758" method="put" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/copy/'.concat(mod_copybom.inp_cpybomnewdspecid1.value.concat('/'.concat(mod_copybom.inp_cpybomdspecid.value))))" dmx-on:success="api_loadexistingdspec.load({})"></dmx-api-action>

  58. 

  59. 

  60. 

  61. <dmx-api-action id="api_loaddspec" noload="true" url="http://vapor.prelub.com/api/v1.0/designspecs/32458" dmx-bind:url="pg_apiurl.value.concat('designspecs/'.concat(var_dspecid.value))" dmx-on:success="view_rev.setValue(api_loaddspec.data.revisionlevel);view_partcode.setValue(api_getnewpartinfo.data.partcode.name);view_obsolete.select((api_getnewpartinfo.data.status.id == 2));view_replacedby.setValue(api_getnewpartinfo.data.replacedby.number);view_description.setValue(api_getnewpartinfo.data.description);view_comments.setValue(api_getnewpartinfo.data.comments);inp_reasonforchange.setValue(api_loaddspec.data.reasonforchange);inp_validation.setValue(api_loaddspec.data.validation);inp_notes.setValue(api_loaddspec.data.note);api_loadbombydspec.load({})"></dmx-api-action>

  62. <dmx-api-action id="api_bompartselectbynumber" noload="true" url="http://vapor.prelub.com/api/v1.0/partnumbers/num/" dmx-bind:url="pg_apiurl.value.concat('partnumbers/num/'.concat(inp_bompartnumber.value))" dmx-on:success="inp_bomptdescription.setValue(api_bompartselectbynumber.data.description)"></dmx-api-action>

  63. <dmx-api-action id="api_loadexistingdspec" noload="true" url="http://vapor.prelub.com/api/v1.0/designspecs/max/106691" dmx-bind:url="pg_apiurl.value.concat('designspecs/max/'.concat(var_partid.value))" dmx-on:success="run([{run:{action:`var_dspecid.setValue(api_loadexistingdspec.data.id)`,outputType:'text'}},{run:{action:`api_loaddspec.load({})`,outputType:'text'}}])"></dmx-api-action>

  64. <dmx-api-action id="api_filteredpartcodes" noload="true" url="http://vapor.prelub.com/api/v1.0/partcodes/bytype/6" dmx-bind:url="pg_apiurl.value.concat('partcodes/bytype/'.concat(mdl_newpart.inp_parttypes.value))"></dmx-api-action>

  65. <dmx-api-action id="api_getnewpartinfo" noload="true" dmx-bind:url="pg_apiurl.value.concat('partnumbers/id/'.concat(var_partid.value))" dmx-on:success="run([{run:{action:`view_partnumber.setValue(api_getnewpartinfo.data.number)`,outputType:'text'}},{run:{action:`var_parttypeid.setValue(api_getnewpartinfo.data.partcode.parttype.id);var_partcodeid.setValue(api_getnewpartinfo.data.partcode.id);var_partnumber.setValue(api_getnewpartinfo.data.number);var_description.setValue(api_getnewpartinfo.data.description);var_comment.setValue(api_getnewpartinfo.data.comments)`,outputType:'text'}},{condition:{if:`query1.data.id`,then:{steps:{run:{action:`api_loadexistingdspec.load({})`,outputType:'text'}}},outputType:'boolean'}},{condition:{if:`(api_getnewpartinfo.data.partcode.parttype.id == 2)`,then:{steps:{run:{action:`browser1.goto(\'/dspeckit?id=\'+api_getnewpartinfo.data.id,true,\'New Kit\')`,outputType:'text'}}},else:{steps:{condition:{if:`(api_getnewpartinfo.data.partcode.parttype.id == 3)`,then:{steps:{run:{action:`browser1.goto(\'/dspeckit?id=\'+api_getnewpartinfo.data.id,true,\'New Kit\')`,outputType:'text'}}},outputType:'boolean'}}},outputType:'boolean'}}])"></dmx-api-action>

  66. <dmx-api-action id="api_getpartcodebyid" dmx-bind:url="pg_apiurl.value.concat('partcodes/'.concat(var_partcodeid.value))" noload="true" dmx-on:success="view_partcode.setValue(api_getpartcodebyid.data.name)"></dmx-api-action>

  67. <dmx-api-action id="api_getparttypebyid" noload="true" url="http://vapor.prelub.com/api/v1.0/parttypes/1" dmx-bind:url="pg_apiurl.value.concat('parttypes/'.concat(var_parttypeid.value))"></dmx-api-action>

  68. <dmx-api-action id="api_getexistingpartinfo" noload="true" dmx-bind:url="pg_apiurl.value.concat('partnumbers/id/'.concat(var_existingpartid.value))" dmx-on:success="var_partid.setValue(api_getnewpartinfo.data.id);view_partnumber.setValue(api_getnewpartinfo.data.number)"></dmx-api-action>

  69. <dmx-api-action id="api_increasepn" noload="true" method="post" dmx-data:number="(api_maxpn.data.number + 1)" dmx-bind:url="pg_apiurl.value.concat('pns')" dmx-on:success="api_getnewpartinfo.load({})"></dmx-api-action>

  70. <dmx-api-action id="api_maxpn" url="http://vapor.prelub.com/api/v1.0/pns/max" dmx-on:success="run([{run:{action:`var_partnumber.setValue(var_parttypeid.value.toNumber().toString().concat(\'-\'.concat(var_partcodeid.value.concat(\'-\'.concat(api_maxpn.data.number)))))`,outputType:'text'}},{run:{action:`api_postpart.load({})`,outputType:'text'}}])" noload="true" dmx-bind:url="pg_apiurl.value.concat('pns/max')"></dmx-api-action>

  71. 

  72. 

  73. <dmx-api-action id="api_postdspec" noload="true" method="post" dmx-data:revisionlevel="view_rev.value" dmx-data:partnumberid="var_partid.value.toNumber()" dmx-data:statusidpn="var_statusid.value.toNumber().toString()" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_partid.value.toNumber().toString()" dmx-data:statusiddspec="var_statusiddspec.value.toNumber().toString()" dmx-data:effectivedate="inp_effectivedate.value" dmx-data:reasonforchange="inp_reasonforchange.value" dmx-data:validation="inp_validation.value" dmx-data:notes="inp_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="var_dspecid.setValue(api_postdspec.data.id)" url="http://vapor.prelub.com/api/v1.0/designspecs/alt"></dmx-api-action>

  74. <dmx-api-action id="api_copydspec" noload="true" method="post" dmx-data:revisionlevel="var_rev.value" dmx-data:partnumberid="var_partid.value.toNumber()" dmx-data:statusidpn="var_statusid.value.toNumber().toString()" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_partid.value.toNumber().toString()" dmx-data:statusiddspec="var_statusiddspec.value.toNumber().toString()" dmx-data:effectivedate="inp_effectivedate.value" dmx-data:reasonforchange="inp_reasonforchange.value" dmx-data:validation="inp_validation.value" dmx-data:notes="inp_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="run({meta:{$param:[{type:'number',name:'count'},{type:'number',name:'index'}]},exec:{steps:[{run:{action:`var_dspecid.setValue(api_copydspec.data.id)`,outputType:'text'}},{run:{action:`view_rev.setValue(api_copydspec.data.revisionlevel)`,outputType:'text'}},{run:{action:`mod_copybom.show()`,outputType:'text'}}]}})" url="http://vapor.prelub.com/api/v1.0/designspecs/alt"></dmx-api-action>

  75. 

  76. 

  77. 

  78. 

  79. 

  80. 

  81. 

  82. 

  83. 

  84. 

  85. 

  86. 

  87. 

  88. 

  89. 

  90. 

  91. <dmx-api-action id="api_postpart" noload="true" method="post" data-type="json" dmx-data:number="var_partnumber.value" dmx-data:statusid="var_statusid.value" dmx-data:description="var_description.value" dmx-data:comments="var_comment.value" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_parttypeid.value.toNumber().toString()" dmx-bind:url="pg_apiurl.value.concat('partnumbers/alt')" url="http://vapor.prelub.com/api/v1.0/partnumbers/alt" dmx-on:success="run([{run:{action:`var_partid.setValue(api_postpart.data.id)`,outputType:'text'}},{run:{action:`mdl_newpart.hide()`,outputType:'text'}},{run:{action:`api_increasepn.load({})`,outputType:'text'}}])"></dmx-api-action>

  92. <div class="modal" id="mod_copybom" is="dmx-bs5-modal" tabindex="-1">

  93.     <div class="modal-dialog modal-dialog-centered" role="document">

  94.         <div class="modal-content">

  95.             <div class="modal-header">

  96.                 <h5 class="modal-title">Copy Bom?</h5>

  97.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

  98.             </div>

  99.             <div class="modal-body visually-hidden">

  100.                 <input id="inp_cpybomdspecid" name="cpybomdspecid" type="text" class="form-control" dmx-bind:value="api_loaddspec.data.id">

  101.                 <input id="inp_cpybomnewdspecid1" name="cpybomnewdspecid1" type="text" class="form-control" dmx-bind:value="api_copydspec.data.id">

  102.                 <p>Modal body text goes here.</p>

  103.             </div>

  104.             <div class="modal-footer">

  105.                 <button type="button" class="btn btn-primary" data-bs-dismiss="modal" dmx-on:click="api_bomcopyitem.load({})">Yes</button>

  106.                 <button type="button" class="btn btn-danger" dmx-on:click="api_loadexistingdspec.load({})">No</button>

  107.             </div>

  108.         </div>

  109.     </div>

  110. </div>

  111. 

  112. 

  113. 

  114. 

  115. 

  116. 

  117. 

  118. 

  119. 

  120. 

  121. <div class="modal" id="mdl_newpart" is="dmx-bs5-modal" tabindex="-1" dmx-bind:show="!query1.data.id">

  122.     <div class="modal-dialog modal-dialog-centered" role="document">

  123.         <div class="modal-content">

  124.             <div class="modal-header">

  125.                 <h5 class="modal-title">New Part</h5>

  126.             </div>

  127.             <div class="modal-body">

  128.                 <div class="container">

  129.                     <div class="row">

  130.                         <div class="col">

  131.                             <div class="form-group mb-3 row">

  132.                                 <label for="hdnpartnumber" class="col-sm-2 col-form-label gy-0 gx-0 visually-hidden" style="width: 20%;">Part Number</label>

  133.                                 <div class="col-sm-10" style="width: 75%;">

  134.                                     <input id="hdn_partnumber" name="hdnpartnumber" type="text" class="form-control visually-hidden">

  135.                                 </div>

  136.                             </div>

  137.                         </div>

  138.                     </div>

  139.                     <div class="row">

  140.                         <div class="col">

  141.                             <div class="form-group mb-3 row">

  142.                                 <label for="parttypes" class="col-sm-2 col-form-label gy-0 gx-0" style="width: 20%;">Part Types</label>

  143.                                 <div class="col-sm-10" style="width: 55%; float: left;">

  144.                                     <select id="inp_parttypes" class="form-select" name="parttypes" dmx-bind:options="api_allparttypes.data" optiontext="name" optionvalue="id" dmx-on:changed="api_filteredpartcodes.load({})">

  145.                                         <option value="-1">Select</option>

  146.                                     </select>

  147.                                 </div>

  148.                             </div>

  149.                         </div>

  150.                     </div>

  151.                     <div class="row">

  152.                         <div class="col">

  153.                             <div class="form-group mb-3 row">

  154.                                 <label for="partcodes" class="col-sm-2 col-form-label gy-0 gx-0" style="width: 20%;">Part Codes</label>

  155.                                 <div class="col-sm-10" style="width: 55%; float: left;">

  156.                                     <select id="inp_partcodes" class="form-select" name="partcodes" dmx-bind:options="api_filteredpartcodes.data" optiontext="name" optionvalue="id" dmx-on:changed="var_partcodeid.setValue(value)">

  157.                                         <option value="0">Select</option>

  158.                                     </select>

  159.                                 </div>

  160.                             </div>

  161.                         </div>

  162.                     </div>

  163.                     <div class="row">

  164.                         <div class="col">

  165.                             <label claclass="col-sm-2 col-form-label gy-0 gx-0">Description</label>

  166.                             <textarea id="inp_description" class="form-control" name="description"></textarea>

  167.                         </div>

  168. 

  169.                     </div>

  170.                     <div class="row">

  171.                         <div class="col">

  172.                             <label claclass="col-sm-2 col-form-label gy-0 gx-0">Comments</label>

  173.                             <textarea id="inp_comments" class="form-control" name="comments"></textarea>

  174.                         </div>

  175.                     </div>

  176.                 </div>

  177. 

  178.                 <input id="inp_partid" name="partid" type="text" class="form-control visually-hidden" dmx-bind:value="api_postpart.data.id">

  179.                 <input id="text1" name="text1" type="password" class="form-control">

  180. 

  181. 

  182. 

  183. 

  184.             </div>

  185.             <div class="modal-footer">

  186.                 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

  187.                 <button type="button" class="btn btn-primary" dmx-on:click="run([{run:{action:`var_description.setValue(inp_description.value)`,outputType:'text'}},{run:{action:`var_comment.setValue(inp_comments.value)`,outputType:'text'}},{run:{action:`var_parttypeid.setValue(api_getpartcodebyid.data.parttype.id)`,outputType:'text'}},{wait:{delay:1000}},{run:{action:`api_maxpn.load({})`,outputType:'text'}}])">Save</button>

  188.             </div>

  189.         </div>

  190.     </div>

  191. </div>

  192. <div class="container">

  193.     <div class="row">

  194.         <div class="col placeholder-glow border-3 rounded rounded-3 border-dark">

  195.             <div class="card border-1 border-dark rounded rounded-3">

  196.                 <div class="card-body">

  197. 

  198.                     <div class="btn-group" role="group" aria-label="Button Group">

  199.                         <button id="btn_revup" class="btn btn-danger" dmx-on:click="run([{run:{action:`var_rev.setValue(view_rev.value)`,outputType:'text'}},{run:{action:`var_prevdspecid.setValue(var_dspecid.value)`,outputType:'text'}},{run:{action:`api_copydspec.load({})`,outputType:'text'}}])">New Rev</button>

  200.                     </div>

  201.                     <h4 class="card-title" id="crd_partinfo">

  202.                         <div style="float: left; padding-right: 10px;">Part Info: </div>

  203. 

  204.                         <input type="text" class="form-control" id="view_partnumber" name="viewpartnumber" aria-describedby="input1_help" readonly="true" style="width: 30%; float: left; padding-right: 10px;">

  205. 

  206.                         <div style="float: left; padding-right: 10px; padding-left: 10px;">Rev:</div>

  207. 

  208.                         <input type="text" class="form-control" id="view_rev" name="viewrev" aria-describedby="input1_help" readonly="true" style="width: 10%; float: left;" value="0" dmx-bind:value="var_rev.value">

  209.                     </h4>

  210.                     <div class="row" style="padding-top: 10px;">

  211.                         <div class="col" style="width: 33%;">

  212.                             <div class="form-group mb-3 row">

  213.                                 <label for="view_partcode" class="col-sm-2 col-form-label" style="width: 30%;">Part Code:</label>

  214.                                 <div class="col-sm-10" style="width: 50%">

  215.                                     <input type="text" class="form-control" id="view_partcode" name="viewpartcode" aria-describedby="input1_help" readonly="true" dmx-bind:value="api_getpartinfo.data.partcode.name">

  216.                                 </div>

  217.                             </div>

  218. 

  219.                         </div>

  220.                         <div class="col" style="width:33%;">

  221.                             <div class="form-group mb-3 row">

  222.                                 <div class="col-sm-10">

  223.                                     <div class="form-check">

  224.                                         <input class="form-check-input" type="checkbox" value="" id="view_obsolete" name="viewobsolete" readonly="true" disabled="true" dmx-bind:checked="(api_getpartinfo.data.status.id == 2)">

  225.                                         <label class="form-check-label" for="view_obsolete">Obsolete</label>

  226.                                     </div>

  227.                                 </div>

  228.                             </div>

  229.                         </div>

  230.                         <div class="col">

  231.                             <div class="form-group mb-3 row">

  232.                                 <label for="view_replacedby" style="width: 40%; " class="col-sm-2 col-form-label">Replaced By:</label>

  233.                                 <div class="col-sm-10" style="width: 40%; float: left;">

  234.                                     <input type="text" class="form-control" id="view_replacedby" name="viewreplacedby" aria-describedby="input1_help" readonly="true" dmx-bind:value="api_getpartinfo.data.replacedby.number">

  235.                                 </div>

  236.                             </div>

  237.                         </div>

  238.                     </div>

  239.                     <div class="row">

  240.                         <div class="col">

  241.                             <p>Description</p>

  242.                             <textarea id="view_description" class="form-control" name="viewpartdescription" dmx-bind:value="var_description.value" readonly="true"></textarea>

  243.                         </div>

  244.                     </div>

  245.                     <div class="row">

  246.                         <div class="col">

  247.                             <p>Comments</p>

  248.                             <textarea id="view_comments" class="form-control" name="viewpartcomments" dmx-bind:value="var_comment.value" readonly="true"></textarea>

  249.                         </div>

  250.                     </div>

  251.                 </div>

  252.             </div>

  253.         </div>

  254.     </div>

  255.     <div class="row">

  256.         <div class="col" style="padding-top: 10px;">

  257.             <div class="card border-1 rounded rounded-3 border-dark">

  258.                 <div class="card-body">

  259.                     <h4 class="card-title">DSpec</h4>

  260.                     <div class="row">

  261.                         <div class="col" style="width= 30%; float: left;">

  262.                             <div class="form-group mb-3 row">

  263.                                 <div style="float: left;">

  264.                                     <label for="inp_effectivedate" class="col-sm-2 col-form-label" style="width: 35%; float: left;">Effective Date</label>

  265.                                     <div class="col-sm-10">

  266.                                         <input id="inp_effectivedate" name="effectivedate" type="date" class="form-control">

  267.                                     </div>

  268.                                 </div>

  269.                             </div>

  270.                         </div>

  271.                         <div class="col">

  272.                             <div class="form-group mb-3 row">

  273.                                 <div style="float: left;">

  274.                                     <label for="inp_application" class="col-sm-2 col-form-label" style="width: 40%; float: left;">Work Instruction</label>

  275.                                     <div class="col-sm-10">

  276.                                         <input type="text" class="form-control" id="inp_workinstruction" name="workinstruction" aria-describedby="input1_help" style="width: 40%; float left;">

  277.                                     </div>

  278.                                 </div>

  279.                             </div>

  280.                         </div>

  281.                         <div class="col">

  282.                             <div class="form-group mb-3 row">

  283.                                 <div style="float: left;">

  284.                                     <label for="inp_application" class="col-sm-2 col-form-label" style="width: 30%; float: left;">Application</label>

  285.                                     <div class="col-sm-10">

  286.                                         <input type="text" class="form-control" id="inp_application" name="application" aria-describedby="input1_help" style="width: 60%; float left;">

  287.                                     </div>

  288.                                 </div>

  289.                             </div>

  290.                         </div>

  291.                     </div>

  292.                     <div class="row">

  293.                         <div class="col">

  294.                             <label for="inp_reasonforchange" class="col-sm-2 col-form-label">Reason for Change</label>

  295.                             <textarea id="inp_reasonforchange" class="form-control" name="reasonforchange"></textarea>

  296.                         </div>

  297.                     </div>

  298.                     <div class="row">

  299.                         <div class="col">

  300.                             <label for="inp_validation" class="col-sm-2 col-form-label">Validation</label>

  301.                             <textarea id="inp_validation" class="form-control" name="validation"></textarea>

  302.                         </div>

  303.                     </div>

  304.                     <div class="row">

  305.                         <div class="col">

  306.                             <label for="inp_notes" class="col-sm-2 col-form-label">Notes</label>

  307.                             <textarea id="inp_notes" class="form-control" name="notes"></textarea>

  308.                         </div>

  309.                     </div>

  310.                     <div class="row" style="padding-top: 10px;">

  311.                         <div class="col">

  312.                             <button id="btn_savedspec" class="btn btn-success" style="float: right; padding-top: 5px;" dmx-on:click="api_postdspec.load({})">Save</button>

  313.                         </div>

  314.                     </div>

  315.                 </div>

  316.             </div>

  317.         </div>

  318.     </div>

  319.     <div class="row">

  320.         <div class="col rounded rounded-3 border-dark border-5">

  321.             <dmx-api-action id="api_loadbombydspec" noload="true" url="http://vapor.prelub.com/api/v1.0/boms/bydspec/33726" dmx-bind:url="pg_apiurl.value.concat('boms/bydspec/'.concat(var_dspecid.value))" dmx-on:success=""></dmx-api-action>

  322.             <dmx-api-action id="api_deletethisitem" noload="true" method="delete" dmx-bind:url="pg_apiurl.value.concat('boms/'.concat(var_partidtodelete.value))"></dmx-api-action>

  323.             <dmx-value id="var_partidtodelete"></dmx-value>

  324.             <p>BOM</p>

  325.             <div class="table-responsive" id="tbl_bom">

  326.                 <table class="table">

  327.                     <thead>

  328.                         <tr>

  329.                             <th scope="col">Part Number</th>

  330.                             <th scope="col">Description</th>

  331.                             <th scope="col">Old</th>

  332.                             <th scope="col">New</th>

  333.                             <th scope="row">Actions</th>

  334.                         </tr>

  335.                         <tr>

  336.                             <td>

  337.                                 <input id="inp_bompartnumber" name="bompartnumber" type="text" class="form-control" dmx-on:blur="api_bompartselectbynumber.load({})">

  338.                             </td>

  339.                             <td>{{api_bompartselectbynumber.data.description}}</td>

  340.                             <td>

  341.                                 <input id="inp_bomold" name="bomold" type="text" class="form-control">

  342.                             </td>

  343.                             <td>

  344.                                 <input id="inp_bomnew" name="bomnew" type="text" class="form-control">

  345.                             </td>

  346.                             <td>

  347.                                 <button id="btn_bomadditem" class="btn btn-success" dmx-on:click="api_bominsertitem.load({})" dmx-bind:value="api_bompartselectbynumber.data.id">Add</button>

  348.                             </td>

  349.                         </tr>

  350.                     </thead>

  351.                     <tbody id="tb_bom" is="dmx-repeat" dmx-bind:repeat="api_loadbombydspec.data" key="id">

  352.                         <tr>

  353.                             <td>{{partnumber}}</td>

  354.                             <td>{{description}}</td>

  355.                             <td>{{old}}</td>

  356.                             <td>{{new}}</td>

  357.                             <td><button id="btn_bomdeleteitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(value)" dmx-bind:value="id">X</button>

  358.                             </td>

  359.                         </tr>

  360.                     </tbody>

  361.                 </table>

  362.             </div>

  363.         </div>

  364.     </div>

  365. </div>