mcarman
/
Wappler_Access
1
0
Fork 0
Koodi Ongelmat 1 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
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.
24 Commitit
1 Haara
10 MiB
 
 
 
Puu: 8ff2f65aff
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '8ff2f65aff'
${ noResults }
Wappler_Access/views/dspeckit.ejs

521 rivejä
36 KiB
Raaka Blame Historia 

  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:{},dmxBootstrap5Navigation:{},dmxTyped:{}}" dmx-on:load="query1.set('tab',14)" jquery_slim_35="cdn" moment_2="cdn" -->

  2. <meta name="ac:route" content="/dspeckit">

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

  4.   condition: {

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

  6.     then: {

  7.       steps: {

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

  9.       }

  10.     },

  11.     else: {

  12.       steps: {

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

  14.       }

  15.     },

  16.     outputType: "boolean"

  17.   }

  18. }</script>

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

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

  21.     <div class="row">

  22.         <div class="col">

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

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

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

  26.         </div>

  27.     </div>

  28. </div>

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

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

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

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

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

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

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

  36. <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>

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

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

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

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

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

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

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

  44. <dmx-value id="var_viewlocationid" dmx-bind:value="14"></dmx-value>

  45. <dmx-value id="var_bominsertold"></dmx-value>

  46. <dmx-value id="var_bominsertnew"></dmx-value>

  47. <dmx-value id="var_bominsertpnid" dmx-on:updated="api_bominsertitem.load({})"></dmx-value>

  48. 

  49. 

  50. 

  51. 

  52. 

  53. 

  54. 

  55. 

  56. 

  57. 

  58. <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>

  59. <dmx-api-action id="api_bominsertitem" noload="true" url="http://localhost:8080/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="var_dspecid.value.toNumber().toString()" dmx-data:createuserid="txt_useriddefault.value" dmx-data:new="var_bominsertnew.value.toString()" dmx-data:updateuserid="txt_useriddefault.value" dmx-data:partnumberid="var_bominsertpnid.value.toString()" dmx-on:success="api_loadbombydspec.load({},true)"></dmx-api-action>

  60. <dmx-api-action id="api_bomcopyitem" noload="true" url="http://localhost:8080/api/v1.0/boms/copy/33760/33758" method="put" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/copy/'.concat(var_dspecid.value.concat('/'.concat(var_prevdspecid.value))))" dmx-on:success="api_loadbombydspec.load({},true)"></dmx-api-action>

  61. <dmx-api-action id="api_bompartselectbynumber" noload="true" url="http://localhost:8080/api/v1.0/partnumbers/num/" dmx-bind:url="pg_apiurl.value.concat('partnumbers/num/'.concat(var_partsearch.value))"></dmx-api-action>

  62. 

  63. 

  64. <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="api_loadbombydspec.load({});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)"></dmx-api-action>

  65. <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>

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

  67. <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'}}])"></dmx-api-action>

  68. <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>

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

  70. <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>

  71. <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>

  72. <dmx-api-action id="api_maxpn" url="http://localhost:8080/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>

  73. 

  74. 

  75. <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://localhost:8080/api/v1.0/designspecs/alt"></dmx-api-action>

  76. <dmx-api-action id="api_copydspec" noload="true" method="post" dmx-data:revisionlevel="(view_rev.value.toNumber() + 1.toNumber().toString())" 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'}},{wait:{delay:1000}},{run:{action:`api_bomcopyitem.load({})`,outputType:'text'}}]}})" url="http://localhost:8080/api/v1.0/designspecs/alt"></dmx-api-action>

  77. 

  78. 

  79. 

  80. 

  81. 

  82. 

  83. 

  84. 

  85. 

  86. 

  87. 

  88. 

  89. 

  90. 

  91. 

  92. 

  93. <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://localhost:8080/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>

  94. 

  95. 

  96. 

  97. 

  98. 

  99. 

  100. 

  101. 

  102. 

  103. 

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

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

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

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

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

  109.             </div>

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

  111.                 <div class="container">

  112.                     <div class="row">

  113.                         <div class="col">

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

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

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

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

  118.                                 </div>

  119.                             </div>

  120.                         </div>

  121.                     </div>

  122.                     <div class="row">

  123.                         <div class="col">

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

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

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

  127.                                     <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({})">

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

  129.                                     </select>

  130.                                 </div>

  131.                             </div>

  132.                         </div>

  133.                     </div>

  134.                     <div class="row">

  135.                         <div class="col">

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

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

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

  139.                                     <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)">

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

  141.                                     </select>

  142.                                 </div>

  143.                             </div>

  144.                         </div>

  145.                     </div>

  146.                     <div class="row">

  147.                         <div class="col">

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

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

  150.                         </div>

  151. 

  152.                     </div>

  153.                     <div class="row">

  154.                         <div class="col">

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

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

  157.                         </div>

  158.                     </div>

  159.                 </div>

  160. 

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

  162. 

  163. 

  164. 

  165. 

  166.             </div>

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

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

  169.                 <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>

  170.             </div>

  171.         </div>

  172.     </div>

  173. </div>

  174. <div class="container">

  175.     <div class="row">

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

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

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

  179. 

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

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

  182.                     </div>

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

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

  185. 

  186.                         <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;">

  187. 

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

  189. 

  190.                         <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">

  191.                     </h4>

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

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

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

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

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

  197.                                     <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">

  198.                                 </div>

  199.                             </div>

  200. 

  201.                         </div>

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

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

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

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

  206.                                         <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)">

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

  208.                                     </div>

  209.                                 </div>

  210.                             </div>

  211.                         </div>

  212.                         <div class="col">

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

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

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

  216.                                     <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">

  217.                                 </div>

  218.                             </div>

  219.                         </div>

  220.                     </div>

  221.                     <div class="row">

  222.                         <div class="col">

  223.                             <p>Description</p>

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

  225.                         </div>

  226.                     </div>

  227.                     <div class="row">

  228.                         <div class="col">

  229.                             <p>Comments</p>

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

  231.                         </div>

  232.                     </div>

  233.                 </div>

  234.             </div>

  235.         </div>

  236.     </div>

  237.     <div class="row">

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

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

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

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

  242.                     <div class="row">

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

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

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

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

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

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

  249.                                     </div>

  250.                                 </div>

  251.                             </div>

  252.                         </div>

  253.                         <div class="col">

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

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

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

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

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

  259.                                     </div>

  260.                                 </div>

  261.                             </div>

  262.                         </div>

  263.                         <div class="col">

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

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

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

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

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

  269.                                     </div>

  270.                                 </div>

  271.                             </div>

  272.                         </div>

  273.                     </div>

  274.                     <div class="row">

  275.                         <div class="col">

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

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

  278.                         </div>

  279.                     </div>

  280.                     <div class="row">

  281.                         <div class="col">

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

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

  284.                         </div>

  285.                     </div>

  286.                     <div class="row">

  287.                         <div class="col">

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

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

  290.                         </div>

  291.                     </div>

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

  293.                         <div class="col">

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

  295.                         </div>

  296.                     </div>

  297.                 </div>

  298.             </div>

  299.         </div>

  300.     </div>

  301.     <div class="row">

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

  303.             <dmx-value id="var_partidtodelete" dmx-on:updated="api_deletethisitem.load({})"></dmx-value>

  304.             <dmx-value id="var_partsearch" dmx-on:updated="api_bompartselectbynumber.load({})"></dmx-value>

  305.             <dmx-api-action id="api_loadbombydspec" noload="true" url="http://localhost:8080/api/v1.0/boms/bydspec/33726" dmx-bind:url="pg_apiurl.value.concat('boms/bydspec/'.concat(var_dspecid.value))"></dmx-api-action>

  306.             <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>

  307. 

  308.             <ul class="nav nav-tabs" id="navTabs1_tabs" role="tablist">

  309.                 <li class="nav-item">

  310.                     <a class="nav-link active" id="navTabs1_1_tab" data-bs-toggle="tab" href="#" data-bs-target="#navTabs1_1" role="tab" aria-controls="navTabs1_1" aria-selected="true" dmx-on:click="var_viewlocationid.setValue(14)">Motor</a>

  311.                 </li>

  312.                 <li class="nav-item">

  313.                     <a class="nav-link" id="navTabs1_2_tab" data-bs-toggle="tab" href="#" data-bs-target="#navTabs1_2" role="tab" aria-controls="navTabs1_2" aria-selected="false" dmx-on:click="var_viewlocationid.setValue(19)">Electrical</a>

  314.                 </li>

  315.                 <li class="nav-item">

  316.                     <a class="nav-link" id="navTabs1_3_tab" data-bs-toggle="tab" href="#" data-bs-target="#navTabs1_3" role="tab" aria-controls="navTabs1_3" aria-selected="false" dmx-on:click="var_viewlocationid.setValue(17)">Plumbing</a>

  317.                 </li>

  318.                 <li class="nav-item">

  319.                     <a class="nav-link" id="navTabs1_4_tab" data-bs-toggle="tab" href="#" data-bs-target="#navTabs1_4" role="tab" aria-controls="navTabs1_4" aria-selected="false" dmx-on:click="var_viewlocationid.setValue(11)">Instructions</a>

  320.                 </li>

  321.                 <li class="nav-item">

  322.                     <a class="nav-link" id="navTabs1_5_tab" data-bs-toggle="tab" href="#" data-bs-target="#navTabs1_5" role="tab" aria-controls="navTabs1_5" aria-selected="false" dmx-on:click="var_viewlocationid.setValue(21)">Applications</a>

  323.                 </li>

  324.             </ul>

  325.             <div class="tab-content" id="navTabs1_content" dmx-on:blur="frm_motor.reset()">

  326.                 <div class="tab-pane fade show active" id="navTabs1_1" role="tabpanel">

  327.                     <div class="table-responsive">

  328.                         <table class="table">

  329.                             <thead>

  330.                                 <tr>

  331.                                     <th>Partnumber</th>

  332. 

  333.                                     <th>Description</th>

  334.                                     <th>Old</th>

  335.                                     <th>New</th>

  336.                                     <th scope="row">Action</th>

  337.                                 </tr>

  338.                                 <tr>

  339.                                     <td>

  340.                                         <input id="inp_pnmotor" name="inppnmotor" type="text" class="form-control" dmx-on:blur="var_partsearch.setValue(value)">

  341.                                     </td>

  342.                                     <td>

  343.                                         <input id="inp_descmotor" name="inpdescmotor" type="text" class="form-control" readonly="true" dmx-bind:value="api_bompartselectbynumber.data.description" disabled="true">

  344.                                     </td>

  345.                                     <td>

  346.                                         <input id="inp_oldmotor" name="inpoldmotor" type="text" class="form-control" dmx-on:blur="var_bominsertold.setValue(value)">

  347.                                     </td>

  348.                                     <td>

  349.                                         <input id="inp_newmotor" name="inpnewmotor" type="text" class="form-control" dmx-on:blur="var_bominsertnew.setValue(value)">

  350.                                     </td>

  351.                                     <td>

  352.                                         <button id="btn_newmotor" class="btn btn-danger" dmx-bind:value="api_bompartselectbynumber.data.id" dmx-on:click="run({run:{action:`var_bominsertpnid.setValue(value)`,outputType:'text'}})">Add</button>

  353.                                     </td>

  354.                                 </tr>

  355.                             </thead>

  356.                             <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="api_loadbombydspec.data.where(`tab`, 14, '==')" id="tableRepeat1">

  357.                                 <tr>

  358.                                     <td dmx-text="partnumber"></td>

  359. 

  360.                                     <td dmx-text="description"></td>

  361.                                     <td dmx-text="old"></td>

  362.                                     <td dmx-text="new"></td>

  363.                                     <td>

  364.                                         <button id="btn_deletemotor" class="btn btn-danger" dmx-bind:value="id" dmx-on:click="run([{run:{action:`var_partidtodelete.setValue(value)`,outputType:'text'}},{wait:{delay:1000}},{run:{action:`api_loadbombydspec.load({})`,outputType:'text'}}])">X</button>

  365.                                     </td>

  366.                                 </tr>

  367.                             </tbody>

  368.                         </table>

  369.                     </div>

  370.                 </div>

  371.                 <div class="tab-pane fade" id="navTabs1_2" role="tabpanel">

  372.                     <div class="table-responsive">

  373.                         <table class="table">

  374.                             <thead>

  375.                                 <tr>

  376.                                     <th>Partnumber</th>

  377. 

  378.                                     <th>Description</th>

  379.                                     <th>Old</th>

  380.                                     <th>New</th>

  381.                                     <th scope="row">Action</th>

  382.                                 </tr>

  383.                                 <tr>

  384.                                     <td>

  385.                                         <input id="inp_pnelec" name="inppnelec" type="text" class="form-control" dmx-on:blur="var_partsearch.setValue(value)">

  386.                                     </td>

  387.                                     <td>

  388.                                         <input id="inp_descelec" name="inpdescelec" type="text" class="form-control" readonly="true" dmx-bind:value="api_bompartselectbynumber.data.description" disabled="true">

  389.                                     </td>

  390.                                     <td>

  391.                                         <input id="inp_oldelec" name="inpoldelec" type="text" class="form-control" dmx-on:blur="var_bominsertold.setValue(value)">

  392.                                     </td>

  393.                                     <td>

  394.                                         <input id="inp_newelec" name="inpnewelec" type="text" class="form-control" dmx-on:blur="var_bominsertnew.setValue(value)">

  395.                                     </td>

  396.                                     <td>

  397.                                         <button id="btn_newelec" class="btn btn-danger" dmx-bind:value="api_bompartselectbynumber.data.id" dmx-on:click="run({run:{action:`var_bominsertpnid.setValue(value)`,outputType:'text'}})">Add</button>

  398.                                     </td>

  399.                                 </tr>

  400.                             </thead>

  401.                             <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="api_loadbombydspec.data.where(`tab`, 19, '==')" id="tableRepeat2">

  402.                                 <tr>

  403.                                     <td dmx-text="partnumber"></td>

  404. 

  405.                                     <td dmx-text="description"></td>

  406.                                     <td dmx-text="old"></td>

  407.                                     <td dmx-text="new"></td>

  408.                                     <td>

  409.                                         <button id="btn_deleteelec" class="btn btn-danger" dmx-bind:value="id" dmx-on:click="run([{run:{action:`var_partidtodelete.setValue(value)`,outputType:'text'}},{wait:{delay:1000}},{run:{action:`api_loadbombydspec.load({})`,outputType:'text'}}])">X</button>

  410.                                     </td>

  411.                                 </tr>

  412.                             </tbody>

  413.                         </table>

  414.                     </div>

  415.                 </div>

  416.                 <div class="tab-pane fade" id="navTabs1_3" role="tabpanel">

  417.                     <div class="table-responsive">

  418.                         <table class="table">

  419.                             <thead>

  420.                                 <tr>

  421.                                     <th>Partnumber</th>

  422. 

  423.                                     <th>Description</th>

  424.                                     <th>Old</th>

  425.                                     <th>New</th>

  426.                                     <th scope="row">Action</th>

  427.                                 </tr>

  428.                                 <tr>

  429.                                     <td>

  430.                                         <input id="inp_pnplumb" name="inppnplumb" type="text" class="form-control" dmx-on:blur="var_partsearch.setValue(value)">

  431.                                     </td>

  432.                                     <td>

  433.                                         <input id="inp_descplumb" name="inpdescplumb" type="text" class="form-control" readonly="true" dmx-bind:value="api_bompartselectbynumber.data.description" disabled="true">

  434.                                     </td>

  435.                                     <td>

  436.                                         <input id="inp_oldplumb" name="inpoldplumb" type="text" class="form-control" dmx-on:blur="var_bominsertold.setValue(value)">

  437.                                     </td>

  438.                                     <td>

  439.                                         <input id="inp_newplumb" name="inpnewplumb" type="text" class="form-control" dmx-on:blur="var_bominsertnew.setValue(value)">

  440.                                     </td>

  441.                                     <td>

  442.                                         <button id="btn_newplumb" class="btn btn-danger" dmx-bind:value="api_bompartselectbynumber.data.id" dmx-on:click="run({run:{action:`var_bominsertpnid.setValue(value)`,outputType:'text'}})">Add</button>

  443.                                     </td>

  444.                                 </tr>

  445.                             </thead>

  446.                             <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="api_loadbombydspec.data.where(`tab`, 17, '==')" id="tableRepeat3">

  447.                                 <tr>

  448.                                     <td dmx-text="partnumber"></td>

  449. 

  450.                                     <td dmx-text="description"></td>

  451.                                     <td dmx-text="old"></td>

  452.                                     <td dmx-text="new"></td>

  453.                                     <td>

  454.                                         <button id="btn_deleteplumb" class="btn btn-danger" dmx-bind:value="id" dmx-on:click="run([{run:{action:`var_partidtodelete.setValue(value)`,outputType:'text'}},{wait:{delay:1000}},{run:{action:`api_loadbombydspec.load({})`,outputType:'text'}}])">X</button>

  455.                                     </td>

  456.                                 </tr>

  457.                             </tbody>

  458.                         </table>

  459.                     </div>

  460.                 </div>

  461.                 <div class="tab-pane fade" id="navTabs1_4" role="tabpanel">

  462.                     <div class="table-responsive">

  463.                         <table class="table">

  464.                             <thead>

  465.                                 <tr>

  466.                                     <th>Partnumber</th>

  467. 

  468.                                     <th>Description</th>

  469.                                     <th>Old</th>

  470.                                     <th>New</th>

  471.                                     <th scope="row">Action</th>

  472.                                 </tr>

  473.                                 <tr>

  474.                                     <td>

  475.                                         <input id="inp_pnins" name="inppnins" type="text" class="form-control" dmx-on:blur="var_partsearch.setValue(value)">

  476.                                     </td>

  477.                                     <td>

  478.                                         <input id="inp_descins" name="inpdescins" type="text" class="form-control" readonly="true" dmx-bind:value="api_bompartselectbynumber.data.description" disabled="true">

  479.                                     </td>

  480.                                     <td>

  481.                                         <input id="inp_oldins" name="inpoldins" type="text" class="form-control" dmx-on:blur="var_bominsertold.setValue(value)">

  482.                                     </td>

  483.                                     <td>

  484.                                         <input id="inp_newins" name="inpnewins" type="text" class="form-control" dmx-on:blur="var_bominsertnew.setValue(value)">

  485.                                     </td>

  486.                                     <td>

  487.                                         <button id="btn_newins" class="btn btn-danger" dmx-bind:value="api_bompartselectbynumber.data.id" dmx-on:click="run({run:{action:`var_bominsertpnid.setValue(value)`,outputType:'text'}})">Add</button>

  488.                                     </td>

  489.                                 </tr>

  490.                             </thead>

  491.                             <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="api_loadbombydspec.data.where(`tab`, 11, '==')" id="tableRepeat4">

  492.                                 <tr>

  493.                                     <td dmx-text="partnumber"></td>

  494. 

  495.                                     <td dmx-text="description"></td>

  496.                                     <td dmx-text="old"></td>

  497.                                     <td dmx-text="new"></td>

  498.                                     <td>

  499.                                         <button id="btn_deleteins" class="btn btn-danger" dmx-bind:value="id" dmx-on:click="run([{run:{action:`var_partidtodelete.setValue(value)`,outputType:'text'}},{wait:{delay:1000}},{run:{action:`api_loadbombydspec.load({})`,outputType:'text'}}])">X</button>

  500.                                     </td>

  501.                                 </tr>

  502.                             </tbody>

  503.                         </table>

  504.                     </div>

  505.                 </div>

  506.                 <div class="tab-pane fade" id="navTabs1_5" role="tabpanel">

  507.                     <p>

  508.                         Applications

  509.                     </p>

  510.                 </div>

  511.             </div>

  512. 

  513. 

  514. 

  515.         </div>

  516.     </div>

  517. 

  518. 

  519. 

  520. 

  521. </div>