mcarman
/
Wappler_Access
1
0
複製 0
程式碼 問題 1 合併請求 0 版本發佈 0 Wiki 活動
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.
65 提交
1 分支
10 MiB
 
 
 
分支: master
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 'master'
${ noResults }
Wappler_Access/views/secure/dspec.ejs

693 line
54 KiB
原始文件 永久連結 Blame 歷史記錄 

  1. <!-- Wappler include head-page="layouts/smain" is="dmx-app" id="dspec" appConnect="local" components="{dmxStateManagement:{},dmxAutocomplete:{},dmxDatePicker:{},dmxBootstrap5Navigation:{},dmxFormatter:{},dmxBootstrap5Modal:{},dmxBootstrap4Navigation:{},dmxBootstrap4Modal:{},dmxBootstrap4TableGenerator:{}}" jquery_slim_35="cdn" moment_2="cdn" bootstrap4="cdn" fontawesome_5pro="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. 

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

  7. 

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

  9. 

  10. <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: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>

  11. 

  12. <dmx-api-action id="api_bominsertitem" noload="true" 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="api_loadbombydspec.load({},true);conn_dspecinfo.load({})"></dmx-api-action>

  13. 

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

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

  16. 

  17. 

  18. <dmx-value id="var_viewlocationid"></dmx-value>

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

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

  21. <dmx-value id="var_bominsertpnid"></dmx-value>

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

  23. <dmx-value id="var_deleteapp" dmx-on:updated="conn_deleteapp.load({id: value})"></dmx-value>

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

  25. <dmx-value id="var_dspecid" dmx-bind:value="conn_dspecinfo.data.dspec.data.id"></dmx-value>

  26. 

  27. <div class="modal rounded rounded-3 border-dark" id="mdl_cpybom" is="dmx-bs5-modal" tabindex="-1">

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

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

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

  31.                 <h5 class="modal-title">Seach by Part#</h5>

  32.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">

  33.                     <span aria-hidden="true">&times;</span>

  34.                 </button>

  35.             </div>

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

  37.                 <dmx-value id="var_bomdspecid" dmx-bind:value="conn_searchforbom.data.dspec.data.id"></dmx-value>

  38.                 <div class="container">

  39.                     <div class="row">

  40.                         <div class="col-9"><input id="txt_searchforbom" name="searchbom" type="text" class="form-control" placeholder="Part#"></div>

  41.                         <div class="col">

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

  43.                                 <i class="fas fa-search" dmx-on:click="conn_searchforbom.load({pn: txt_searchforbom.value},true)"></i>

  44.                             </button>

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

  46.                                 <i class="fas fa-copy" dmx-on:click="conn_copybomfromotherpart.load({});conn_dspecinfo.load({})"></i>

  47.                             </button>

  48.                         </div>

  49.                     </div>

  50.                     <div class="row">

  51.                         <div class="col">

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

  53.                                 <table class="table table-striped table-bordered table-hover table-sm">

  54.                                     <thead>

  55.                                         <tr>

  56.                                             <th class="visually-hidden">Id</th>

  57.                                             <th class="visually-hidden">Partnumberid</th>

  58.                                             <th class="visually-hidden">Tab</th>

  59.                                             <th>Partnumber</th>

  60.                                             <th>Description</th>

  61.                                             <th>Old</th>

  62.                                             <th>New</th>

  63.                                         </tr>

  64.                                     </thead>

  65.                                     <tbody is="dmx-repeat" dmx-generator="bs4table" dmx-bind:repeat="conn_searchforbom.data.boms.data" id="tableRepeat1">

  66.                                         <tr>

  67.                                             <td dmx-text="id" class="visually-hidden"></td>

  68.                                             <td dmx-text="partnumberid" class="visually-hidden"></td>

  69.                                             <td dmx-text="tab" class="visually-hidden"></td>

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

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

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

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

  74.                                         </tr>

  75.                                     </tbody>

  76.                                 </table>

  77.                             </div>

  78.                         </div>

  79.                     </div>

  80.                 </div>

  81.             </div>

  82. 

  83.         </div>

  84.     </div>

  85. </div>

  86. <div class="modal rounded rounded-3 border-dark" id="mdl_app" is="dmx-bs5-modal" tabindex="-1">

  87.     <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl" role="document">

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

  89.             <dmx-value id="var_appid" dmx-on:updated="inp_appmodel.setValue(conn_dspecinfo.data.apps.data.where(`id`, value, '==')[0].model.id);txt_appid.setValue(value);inp_appengine.setValue(conn_dspecinfo.data.apps.data.where(`id`, value, '==')[0].engine.id);inp_appdesc.setValue(conn_dspecinfo.data.apps.data.where(`id`, value, '==')[0].description)"></dmx-value>

  90.             <dmx-value id="var_newmodelid"></dmx-value>

  91.             <dmx-api-action id="api_postapplication" noload="true" dmx-bind:url="pg_apiurl.value.concat('applications/create')" method="post" dmx-data:id="txt_appid.value.toNumber()" dmx-data:engineid="inp_appengine.value.toNumber()" dmx-data:modelid="inp_appmodel.value.toNumber()" dmx-data:oe="inp_chkoe.checked" dmx-data:partnumberid="conn_dspecinfo.data.part.data.id" dmx-data:description="inp_appdesc.value" dmx-data:arrangement="inp_arrangement.value" dmx-data:serialprefix="inp_serialprefix.value" dmx-data:motor="inp_motor.value" dmx-data:electric="inp_electric.value" dmx-data:plumbing="inp_plumbing.value" dmx-data:voltage="inp_voltage.value" dmx-data:type="inp_type.value" dmx-data:enginecapacity="inp_engcapacity.value" dmx-data:transcapacity="inp_transcapacity.value" dmx-data:hydcapacity="inp_hydcapacity.value" dmx-data:startingserial="inp_serialstart.value" dmx-data:endingserial="inp_serialend.value" data-type="json" dmx-on:success="mdl_app.hide();conn_dspecinfo.load({})"></dmx-api-action>

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

  93.                 <h5 class="modal-title">Application</h5>&nbsp;&nbsp;

  94.                 &nbsp;&nbsp;

  95.                 <a href="#" class="btn btn-sm btn-secondary" id="anc_newmodel" dmx-on:click="mod_newmodel.show()">New Model</a>&nbsp;&nbsp;

  96.                 <a href="#" class="btn btn-sm btn-secondary" id="anc_newengine" dmx-on:click="mod_newengine.show();mod_newengine.inp_newengineproduct.setValue(6);mod_newengine.inp_newengineproduct.disable(true)">New Engine</a><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

  97.             </div>

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

  99.                 <div class="modal bg-secondary rounded-pill border-dark rounded-1" id="mod_newmodel" is="dmx-bs5-modal" tabindex="-1">

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

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

  102.                             <dmx-api-action id="api_postmodel" noload="true" method="post" data-type="json" dmx-data:name="inp_newmodelname.value" dmx-data:makeid="inp_newmodelmake.value.toNumber()" dmx-data:productid="inp_newmodelproduct.value.toNumber()" dmx-data:description="null" dmx-data:createuserid="-1" dmx-data:updateuserid="-1" dmx-on:success="api_models.load({});var_newmodelid.setValue(api_postmodel.data.id);inp_appmodel.setValue(api_postmodel.data.id);mod_newmodel.hide();mod_confirmnewmodel.hide()" dmx-bind:url="pg_apiurl.value.concat('models')" dmx-data:displacement="null"></dmx-api-action>

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

  104.                                 <h5 class="modal-title" id="mod_customer1">New Model</h5>

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

  106.                             </div>

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

  108.                                 <div class="modal" id="mod_confirmnewmodel" is="dmx-bs5-modal" tabindex="-1">

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

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

  111. 

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

  113.                                                 <p class="lh-sm small text-center">Model already exists. Do you still wish to add it?</p>

  114.                                             </div>

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

  116.                                                 <button id="btn_yes" class="btn btn-success btn-sm" dmx-on:click="api_postmodel.load({})">YES</button>

  117.                                                 <button id="btn_cancel" class="btn btn-danger btn-sm" dmx-on:click="mod_confirmnewmodel.hide()">NO</button>

  118.                                             </div>

  119.                                         </div>

  120.                                     </div>

  121.                                 </div>

  122.                                 <div class="container">

  123.                                     <div class="row">

  124.                                         <div class="col" style="display: flex; width: 100%;">

  125.                                             <label>Name:</label>

  126.                                             <input id="inp_newmodelname" name="newmodelname" type="text" class="form-control">

  127.                                             &nbsp;&nbsp;

  128. 

  129.                                         </div>

  130.                                     </div>

  131.                                     <div class="row">

  132.                                         <div class="col" style="display: flex; width: 100%;">

  133.                                             <label>Product:</label>

  134.                                             <input id="inp_newmodelproduct" name="inpnewmodelproduct" type="text" class="form-control" is="dmx-autocomplete" dmx-bind:data="api_products.data" optiontext="name" optionvalue="id" optionsearch="name">&nbsp;&nbsp;

  135. 

  136.                                         </div>

  137.                                     </div>

  138.                                     <div class="row">

  139.                                         <div class="col" style="display: flex; width: 100%;">

  140.                                             <label>Make:</label>

  141.                                             <input id="inp_newmodelmake" name="inpnewmodelmake" type="text" class="form-control" is="dmx-autocomplete" dmx-bind:data="api_makes.data" optiontext="name" optionvalue="id" optionsearch="name">&nbsp;&nbsp;

  142. 

  143.                                         </div>

  144.                                     </div>

  145. 

  146.                                 </div>

  147.                             </div>

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

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

  150.                                 <button type="button" class="btn btn-primary" dmx-on:click="run({condition:{if:`api_models.data.where(\`name\`, inp_newmodelname.value, \'==\')`,then:{steps:{run:{action:`mod_confirmnewmodel.show()`,outputType:'text'}}},else:{steps:{run:{action:`api_postmodel.load({})`,outputType:'text'}}},outputType:'boolean'}})">Save changes</button>

  151.                             </div>

  152.                         </div>

  153.                     </div>

  154.                 </div>

  155.                 <div class="modal bg-secondary" id="mod_newengine" is="dmx-bs5-modal" tabindex="-1">

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

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

  158.                             <dmx-api-action id="api_postenginemodel" noload="true" method="post" data-type="json" dmx-data:name="inp_newenginename.value" dmx-data:makeid="inp_newenginemake.value.toNumber()" dmx-data:productid="inp_newengineproduct.value.toNumber()" dmx-data:description="null" dmx-data:createuserid="-1" dmx-data:updateuserid="-1" dmx-on:success="api_models.load({});inp_appengine.setValue(api_postenginemodel.data.id);mod_confirmnewengine.hide();mod_newengine.hide()" dmx-bind:url="pg_apiurl.value.concat('models')" dmx-data:displacement="inp_newenginedisplacement.value"></dmx-api-action>

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

  160.                                 <h5 class="modal-title" id="mod_customer2">New Engine</h5>

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

  162.                             </div>

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

  164.                                 <div class="modal" id="mod_confirmnewengine" is="dmx-bs5-modal" tabindex="-1">

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

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

  167. 

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

  169.                                                 <p class="lh-sm small text-center">Model already exists. Do you still wish to add it?</p>

  170.                                             </div>

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

  172.                                                 <button id="btn_yesengine" class="btn btn-success btn-sm" dmx-on:click="api_postenginemodel.load({})">YES</button>

  173.                                                 <button id="btn_cancelengine" class="btn btn-danger btn-sm" dmx-on:click="mod_confirmnewengine.hide()">NO</button>

  174.                                             </div>

  175.                                         </div>

  176.                                     </div>

  177.                                 </div>

  178.                                 <div class="container">

  179.                                     <div class="row">

  180.                                         <div class="col" style="display: flex; width: 100%;">

  181.                                             <label>Displacement:</label>

  182.                                             <input id="inp_newenginename" name="newenginename" type="text" class="form-control">

  183.                                             &nbsp;&nbsp;

  184. 

  185.                                         </div>

  186.                                     </div>

  187.                                     <div class="row">

  188.                                         <div class="col" style="display: flex; width: 100%;">

  189.                                             <label>Name:</label>

  190.                                             <input id="inp_newenginedisplacement" name="newenginedisplacement" type="text" class="form-control">

  191.                                             &nbsp;&nbsp;

  192. 

  193.                                         </div>

  194.                                     </div>

  195.                                     <div class="row visually-hidden">

  196.                                         <div class="col" style="display: flex; width: 100%;">

  197.                                             <label>Product:</label>

  198.                                             <input id="inp_newengineproduct" name="inpnewengineproduct" type="text" class="form-control" is="dmx-autocomplete" dmx-bind:data="api_products.data" optiontext="name" optionvalue="id" optionsearch="name">&nbsp;&nbsp;

  199. 

  200.                                         </div>

  201.                                     </div>

  202.                                     <div class="row">

  203.                                         <div class="col" style="display: flex; width: 100%;">

  204.                                             <label>Make:</label>

  205.                                             <input id="inp_newenginemake" name="inpnewenginemake" type="text" class="form-control" is="dmx-autocomplete" dmx-bind:data="api_makes.data" optiontext="name" optionvalue="id" optionsearch="name">&nbsp;&nbsp;

  206. 

  207.                                         </div>

  208.                                     </div>

  209. 

  210.                                 </div>

  211.                             </div>

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

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

  214.                                 <button type="button" class="btn btn-primary" dmx-on:click="run({condition:{if:`api_models.data.where(\`name\`, inp_newenginename.value, \'==\')`,then:{steps:{run:{action:`mod_confirmnewengine.show()`,outputType:'text'}}},else:{steps:{run:{action:`api_postenginemodel.load({})`,outputType:'text'}}},outputType:'boolean'}})">Save changes</button>

  215.                             </div>

  216.                         </div>

  217.                     </div>

  218.                 </div>

  219.                 <input id="txt_appid" name="appid" type="hidden" class="form-control visually-hidden">

  220.                 <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">

  221.                     <div class="align-self-center col-4" style="display: flex; width: 100%;">

  222. 

  223.                         <label style="padding: 10px;">Model:</label>

  224.                         <input id="inp_appmodel" name="inpappmodel" type="text" class="form-control" is="dmx-autocomplete" dmx-bind:data="conn_basedata.data.models.data" optiontext="name" optionvalue="id" optionsearch="name" style="padding: 10px;">

  225.                         <label style="padding: 10px;">Engine:</label>

  226.                         <input id="inp_appengine" name="inpappengine" type="text" class="form-control" is="dmx-autocomplete" dmx-bind:data="conn_basedata.data.engines.data" optiontext="displacement" optionvalue="id" optionsearch="displacement" style="padding: 10px;">

  227. 

  228.                     </div>

  229.                 </div>

  230.                 <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">

  231.                     <div class="align-self-center col-4" style="display: flex; width: 100%;">

  232.                         <label style="padding: 10px;">Description:</label>

  233.                         <textarea id="inp_appdesc" class="form-control" name="appdesc" style="padding: 10px;"></textarea>

  234.                         <label style="padding: 10px;">Arrangement:</label>

  235.                         <input id="inp_arrangement" name="inparrangement" type="text" class="form-control form-control-sm" style="padding: 10px;">

  236. 

  237.                     </div>

  238.                 </div>

  239.                 <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">

  240.                     <div class="align-self-center col-4" style="display: flex; width: 100%;">

  241.                         <label>Serial Prefix:</label>

  242.                         <input id="inp_serialprefix" name="inpserialprefix" type="text" class="form-control form-control-sm" style="width: 100px; padding: 10px;">

  243.                         <label class="form-check-label" for="inpchkoe" style="padding: 10px;">OE:</label>

  244.                         <div class="form-check" style="padding: 10px;">

  245.                             <input class="form-check-input" type="checkbox" value="" id="inp_chkoe" name="inpchkoe">

  246.                         </div>

  247.                         <label style="padding: 10px;">Motor:</label>

  248.                         <input id="inp_motor" name="inpmotor" type="text" class="form-control form-control-sm" style="width: 100px; padding: 10px;">

  249.                     </div>

  250.                 </div>

  251.                 <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">

  252.                     <div class="align-self-center col-4" style="display: flex; width: 100%;">

  253.                         <label style="padding: 10px;">Electric:</label>

  254.                         <input id="inp_electric" name="inpelectric" type="text" class="form-control form-control-sm" style="width: 100px; padding: 10px;">

  255.                         <label style="padding: 10px;">Plumbing:</label>

  256.                         <input id="inp_plumbing" name="inpplumbing" type="text" class="form-control form-control-sm" style="width: 100px; padding: 10px;">

  257.                         <label style="padding: 10px;">Voltage:</label>

  258.                         <input id="inp_voltage" name="inpvoltage" type="text" class="form-control form-control-sm" style="width: 100px; padding: 10px;">

  259.                     </div>

  260.                 </div>

  261.                 <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">

  262.                     <div class="align-self-center col-4" style="display: flex; width: 100%;">

  263.                         <label style="padding: 10px;">Starting Serial:</label>

  264.                         <input id="inp_serialstart" name="inpserialstart" type="text" class="form-control form-control-sm" style="width: 200px; padding: 10px;">

  265.                         <label style="padding: 10px;">Ending Serial:</label>

  266.                         <input id="inp_serialend" name="inpserialend" type="text" class="form-control form-control-sm" style="width: 200px; padding: 10px;">

  267.                         <label style="padding: 10px;">type:</label>

  268.                         <input id="inp_type" name="inptype" type="text" class="form-control form-control-sm" style="width: 200px; padding: 10px;">

  269.                     </div>

  270.                 </div>

  271.                 <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">

  272.                     <div class="align-self-center col-4" style="display: flex; width: 100%;">

  273.                         <label style="padding: 10px;">Engine Capacity:</label>

  274.                         <input id="inp_engcapacity" name="inpengcapacity" type="text" class="form-control form-control-sm" style="width: 200px; padding: 10px;">

  275.                         <label style="padding: 10px;">Trans Capacity:</label>

  276.                         <input id="inp_transcapacity" name="inptranscapacity" type="text" class="form-control form-control-sm" style="width: 200px; padding: 10px;">

  277.                         <label style="padding: 10px;">Hyd Capacity:</label>

  278.                         <input id="inp_hydcapacity" name="inphydcapacity" type="text" class="form-control form-control-sm" style="width: 200px; padding: 10px;">

  279.                     </div>

  280.                 </div>

  281.             </div>

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

  283.                 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" dmx-on:click="var_appid.setValue(0);var_newmodelid.setValue(0);txt_appid.setValue();inp_appmodel.setValue(0);inp_appengine.setValue(0);inp_appdesc.setValue();inp_arrangement.setValue();inp_serialprefix.setValue();inp_chkoe.select(false);inp_motor.setValue();inp_electric.setValue();inp_plumbing.setValue();inp_voltage.setValue();inp_serialstart.setValue();inp_serialend.setValue();inp_type.setValue();inp_engcapacity.setValue();inp_transcapacity.setValue();inp_hydcapacity.setValue()">Close</button>

  284.                 <button type="button" class="btn btn-primary" dmx-on:click="api_postapplication.load({});txt_appid.setValue();inp_appmodel.setValue(0);inp_appengine.setValue(0);inp_appdesc.setValue();inp_arrangement.setValue();inp_serialprefix.setValue();inp_chkoe.select(false);inp_motor.setValue();inp_electric.setValue();inp_plumbing.setValue();inp_voltage.setValue();inp_serialstart.setValue();inp_serialend.setValue();inp_type.setValue();inp_engcapacity.setValue();inp_transcapacity.setValue();inp_hydcapacity.setValue();mdl_app.hide()">Save changes</button>

  285.             </div>

  286.         </div>

  287.     </div>

  288. </div>

  289. 

  290. 

  291. <header>

  292.     <h1 class="mt-3 ms-4 text-center">Kit DSpec</h1>

  293. 

  294. 

  295. </header>

  296. <div class="container bg-secondary-subtle">

  297.     <h1 class="text-center">Part Info</h1>

  298.     <div class="row">

  299.         <div class="col">

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

  301.                 <label for="inp_createdby" class="form-label">Created By</label>

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

  303.             </div>

  304.         </div>

  305.         <div class="col">

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

  307.                 <input class="form-check-input" type="checkbox" value="" id="inp_approved" name="approved">

  308.                 <label class="form-check-label" for="inp_approved">Approved By</label>

  309.             </div>

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

  311.                 <input class="form-check-input" type="checkbox" value="" id="inp_approved1" name="approved1">

  312.                 <label class="form-check-label" for="inp_approved1">FAQ By</label>

  313.             </div>

  314.         </div>

  315.     </div>

  316.     <div class="row w-100 pt-0 pb-0 ps-0 pe-0">

  317.         <div class="col w-100 ms-1 pt-0 pb-0 pe-0">

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

  319. 

  320.                 <label for="pt_obsolete" class="col-sm-2 col-form-label" style="width: fit-content;">Part #:</label>

  321.                 <div class="ms-2 col-sm-3">

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

  323.                 </div>

  324.                 <label for="rev" class="col-sm-2 col-form-label" style="width: fit-content;">Rev:</label>

  325.                 <div class="ms-2 col-sm-6" style="display:inline-block;">

  326.                     <input type="text" class="form-control" id="pt_rev" name="ptrev" aria-describedby="input1_help" style="width: fit-content; display:inline-block;" dmx-bind:value="conn_dspecinfo.data.dspec.data.rev">

  327.                     <button id="btn_newrev" class="btn btn-secondary btn-sm" style="display:inline-block;" dmx-on:click="conn_revup.load({id: conn_dspecinfo.data.dspec.data.id, userid: whoami.data.identity},true)" dmx-show="conn_dspecinfo.data.dspec.data.id">

  328.                         New Rev</button>

  329.                 </div>

  330.             </div>

  331.         </div>

  332.     </div>

  333.     <div class="row w-100 pt-0 pb-0 ps-0 pe-0">

  334.         <div class="col w-100 ms-1 pt-0 pb-0 pe-0 align-self-center">

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

  336. 

  337.                 <label for="pt_obsolete" class="col-sm-2 col-form-label" style="width: fit-content;">Part Code:</label>

  338.                 <div class="ms-2 col-sm-3 align-self-center">

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

  340.                 </div>

  341.                 <div class="ms-2 col-sm-2 align-self-center">

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

  343.                         <input class="form-check-input" type="checkbox" value="" id="pt_obsolete" name="ptobsolete" dmx-bind:checked="(conn_dspecinfo.data.part.data.status.id == 2)">

  344.                         <label class="form-check-label" for="pt_obsolete" style="width: fit-content;">Obsolete</label>

  345.                     </div>

  346.                 </div>

  347.                 <label for="pt_replacedby" class="col-sm-2 col-form-label" style="width: fit-content;">Replaced By:</label>

  348.                 <div class="ms-2 col-sm-2 align-self-center">

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

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

  351.                     </div>

  352.                 </div>

  353.             </div>

  354.         </div>

  355.     </div>

  356.     <div class="row">

  357.         <div class="col">

  358.             <label for="pt_description" class="col-sm-2 col-form-label" style="width: fit-content;">Description</label>

  359.             <textarea id="pt_description" class="form-control" name="ptdescription" dmx-bind:value="conn_dspecinfo.data.part.data.description"></textarea>

  360. 

  361.         </div>

  362.     </div>

  363.     <div class="row mb-3 pb-2">

  364.         <div class="col">

  365.             <label for="pt_comment" class="col-sm-2 col-form-label" style="width: fit-content;">Comments</label>

  366.             <textarea id="pt_comment" class="form-control" name="ptcomment" dmx-bind:value="conn_dspecinfo.data.part.data.comments"></textarea>

  367. 

  368.         </div>

  369.     </div>

  370. </div>

  371. <div class="container bg-secondary-subtle">

  372.     <h1 class="text-center">Design Spec</h1>

  373.     <div class="row w-100 pt-0 pb-0 ps-0 pe-0">

  374.         <div class="col w-100 ms-1 pt-0 pb-0 pe-0">

  375.             <div class="form-group mb-3 row" style="float:left;">

  376. 

  377.                 <label for="pt_obsolete1" class="col-sm-2 col-form-label" style="width: fit-content; float: left;">Effective Date:</label>

  378.                 <div class="ms-2 col-sm-2">

  379.                     <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()">

  380.                 </div>

  381.                 <label for="ds_workinstruction" class="col-sm-2 col-form-label" style="width: fit-content; float: left;">Work Instruction:</label>

  382.                 <div class="ms-2 col-sm-2" style="display:inline-block;">

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

  384.                 </div>

  385.                 <label for="ds_application" class="col-sm-2 col-form-label" style="width: fit-content; float: left;">Application:</label>

  386.                 <div class="ms-2 col-sm-2" style="display:inline-block;">

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

  388.                 </div>

  389.             </div>

  390.         </div>

  391.     </div>

  392.     <div class="row">

  393.         <div class="col">

  394.             <label for="ds_reasonforchange" class="col-sm-2 col-form-label" style="width: fit-content;">Reason for change</label>

  395.             <textarea id="ds_reasonforchange" class="form-control" name="dsreasonforchange" dmx-bind:value="conn_dspecinfo.data.api.data.reasonforchange"></textarea>

  396. 

  397.         </div>

  398.     </div>

  399.     <div class="row mb-3 pb-2">

  400.         <div class="col">

  401.             <label for="ds_validation" class="col-sm-2 col-form-label" style="width: fit-content;">Validation</label>

  402.             <textarea id="ds_validation" class="form-control" name="dsvalidation" dmx-bind:value="conn_dspecinfo.data.api.data.validation"></textarea>

  403. 

  404.         </div>

  405.     </div>

  406.     <div class="row mb-3 pb-2">

  407.         <div class="col">

  408.             <label for="ds_notes" class="col-sm-2 col-form-label" style="width: fit-content;">Notes</label>

  409.             <textarea id="ds_notes" class="form-control" name="dsnotes" dmx-bind:value="conn_dspecinfo.data.api.data.note"></textarea>

  410. 

  411.         </div>

  412.     </div>

  413.     <div class="row pb-2">

  414.         <div class="col align-self-center text-end">

  415.             <button id="btn_savedspec" class="btn btn-success" dmx-on:click="api_postdspec.load({})">

  416.                 Save DSPEC</button>

  417.         </div>

  418.     </div>

  419. </div>

  420. <div class="container bg-secondary-subtle">

  421.     <h1 class="text-center">BOMS</h1>

  422.     <div class="row">

  423.         <div class="col">

  424.             <button id="btn_copybom" class="btn btn-secondary shadow-lg mb-3" dmx-on:click="mdl_cpybom.show()">

  425.                 <i class="fas fa-copy" dmx-on:click="mdl_cpybom.show()"></i></button>

  426.         </div>

  427.     </div>

  428.     <div class="row">

  429.         <div class="col">

  430.             <ul class="nav nav-tabs mb-2" id="navTabs1_tabs" role="tablist">

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

  432.                     <a class="nav-link active me-2 tab text-white bg-primary" 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>

  433.                 </li>

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

  435.                     <a class="nav-link bg-primary text-white me-2" 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>

  436.                 </li>

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

  438.                     <a class="nav-link text-white bg-primary me-2" 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>

  439.                 </li>

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

  441.                     <a class="nav-link bg-primary text-white me-2" 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>

  442.                 </li>

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

  444.                     <a class="nav-link text-white bg-primary me-2" id="navTabs1_5_tab" data-bs-toggle="tab" href="#" data-bs-target="#navTabs1_5" role="tab" aria-controls="navTabs1_5" aria-selected="false">Applications</a>

  445.                 </li>

  446.             </ul>

  447.             <div class="tab-content" id="navTabs1_content">

  448.                 <div class="tab-pane fade show active" id="navTabs1_1" role="tabpanel" dmx-on:blur="bom_partid.setValue('');bom_searchpart.setValue('');bom_partdescription.setValue('');bom_partold.setValue('');bom_partnew.setValue('');var_ptsearch.setValue('')">

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

  450.                         <table class="table table-striped table-bordered table-hover table-sm">

  451.                             <thead>

  452.                                 <tr>

  453.                                     <th class="visually-hidden">Id</th>

  454.                                     <th class="visually-hidden">Partnumberid</th>

  455.                                     <th>Part #</th>

  456.                                     <th>Description</th>

  457.                                     <th>Old</th>

  458.                                     <th>New</th>

  459.                                     <th>Action</th>

  460.                                 </tr>

  461.                                 <tr>

  462.                                     <th scope="row" class="visually-hidden">

  463. 

  464.                                     </th>

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

  466.                                     <th scope="row"><input id="bom_searchpart" name="bom_searchpart" type="text" class="form-control" dmx-on:blur="var_ptsearch.setValue(value)"></th>

  467.                                     <th scope="row">

  468.                                         <input id="bom_partdescription" name="bompartdescription" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.description">

  469.                                     </th>

  470.                                     <th scope="row">

  471.                                         <input id="bom_partold" name="bompartold" type="text" class="form-control">

  472.                                     </th>

  473.                                     <th scope="row">

  474.                                         <input id="bom_partnew" name="bompartnew" type="text" class="form-control">

  475.                                     </th>

  476.                                     <th scope="row">

  477.                                         <button id="btn_newbomitem" class="btn btn-dark" dmx-on:click="var_viewlocationid.setValue(14);var_bominsertold.setValue(bom_partold.value);var_bominsertnew.setValue(bom_partnew.value);var_bominsertpnid.setValue(bom_partid.value);api_bominsertitem.load({})">

  478.                                             +</button>

  479.                                     </th>

  480.                                 </tr>

  481.                             </thead>

  482.                             <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.boms.data.where(`tab`, 61, '==')" id="tablemotor">

  483.                                 <tr>

  484.                                     <td dmx-text="id" class="visually-hidden"></td>

  485.                                     <td dmx-text="partnumberid" class="visually-hidden"></td>

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

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

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

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

  490.                                     <td>

  491.                                         <button id="btn_deleteitem" class="btn btn-danger shadow" dmx-on:click="var_partidtodelete.setValue(id)">

  492.                                             <i class="fas fa-trash-alt"></i>

  493.                                         </button>

  494.                                     </td>

  495.                                 </tr>

  496.                             </tbody>

  497.                         </table>

  498.                     </div>

  499.                 </div>

  500.                 <div class="tab-pane fade" id="navTabs1_2" role="tabpanel" dmx-on:blur="bom_elecpartid.setValue('');bom_searchelecpart.setValue('');bom_partelecdescription.setValue('');bom_partelecnew.setValue('');bom_partelecold.setValue('');var_ptsearch.setValue('')">

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

  502.                         <table class="table table-striped table-bordered table-hover table-sm">

  503.                             <thead>

  504.                                 <tr>

  505.                                     <th class="visually-hidden">Id</th>

  506.                                     <th class="visually-hidden">Partnumberid</th>

  507.                                     <th>Part #</th>

  508.                                     <th>Description</th>

  509.                                     <th>Old</th>

  510.                                     <th>New</th>

  511.                                     <th>Action</th>

  512.                                 </tr>

  513.                                 <tr>

  514.                                     <th scope="row" class="visually-hidden">

  515. 

  516.                                     </th>

  517.                                     <th scope="row" class="visually-hidden"><input id="bom_elecpartid" name="bomelecpartid" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.id"></th>

  518.                                     <th scope="row"><input id="bom_searchelecpart" name="bom_searchpart" type="text" class="form-control" dmx-on:blur="var_ptsearch.setValue(value)"></th>

  519.                                     <th scope="row">

  520.                                         <input id="bom_partelecdescription" name="bompartelecdescription" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.description">

  521.                                     </th>

  522.                                     <th scope="row">

  523.                                         <input id="bom_partelecold" name="bompartelecold" type="text" class="form-control">

  524.                                     </th>

  525.                                     <th scope="row">

  526.                                         <input id="bom_partelecnew" name="bompartelecnew" type="text" class="form-control">

  527.                                     </th>

  528.                                     <th scope="row">

  529.                                         <button id="btn_newbomelecitem" class="btn btn-dark" dmx-on:click="var_viewlocationid.setValue(19);var_bominsertold.setValue(bom_partelecold.value);var_bominsertnew.setValue(bom_partelecnew.value);var_bominsertpnid.setValue(bom_elecpartid.value);api_bominsertitem.load({})">Add</button>

  530.                                     </th>

  531.                                 </tr>

  532.                             </thead>

  533.                             <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.boms.data.where(`tab`, 63, '==')" id="tableelectric">

  534.                                 <tr>

  535.                                     <td dmx-text="id" class="visually-hidden"></td>

  536.                                     <td dmx-text="partnumberid" class="visually-hidden"></td>

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

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

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

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

  541.                                     <td>

  542.                                         <button id="btn_deleteelecitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(id)"><i class="fas fa-trash-alt"></i></button>

  543.                                     </td>

  544.                                 </tr>

  545.                             </tbody>

  546.                         </table>

  547.                     </div>

  548.                 </div>

  549.                 <div class="tab-pane fade" id="navTabs1_3" role="tabpanel" dmx-on:blur="bom_partplumbid.setValue('');bom_searchplumbpart.setValue('');bom_partplumbdescription.setValue('');bom_partplumbold.setValue('');bom_partplumbnew.setValue('');var_ptsearch.setValue('')">

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

  551.                         <table class="table table-striped table-bordered table-hover table-sm">

  552.                             <thead>

  553.                                 <tr>

  554.                                     <th class="visually-hidden">Id</th>

  555.                                     <th class="visually-hidden">Partnumberid</th>

  556.                                     <th>Part #</th>

  557.                                     <th>Description</th>

  558.                                     <th>Old</th>

  559.                                     <th>New</th>

  560.                                     <th>Action</th>

  561.                                 </tr>

  562.                                 <tr>

  563.                                     <th scope="row" class="visually-hidden">

  564. 

  565.                                     </th>

  566.                                     <th scope="row" class="visually-hidden"><input id="bom_partplumbid" name="bompartplumbid" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.id"></th>

  567.                                     <th scope="row"><input id="bom_searchplumbpart" name="bom_searchplumbpart" type="text" class="form-control" dmx-on:blur="var_ptsearch.setValue(value)"></th>

  568.                                     <th scope="row">

  569.                                         <input id="bom_partplumbdescription" name="bompartplumbdescription" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.description">

  570.                                     </th>

  571.                                     <th scope="row">

  572.                                         <input id="bom_partplumbold" name="bompartplumbold" type="text" class="form-control">

  573.                                     </th>

  574.                                     <th scope="row">

  575.                                         <input id="bom_partplumbnew" name="bompartplumbnew" type="text" class="form-control">

  576.                                     </th>

  577.                                     <th scope="row">

  578.                                         <button id="btn_newbomplumbitem" class="btn btn-dark" dmx-on:click="var_viewlocationid.setValue(17);var_bominsertold.setValue(bom_partplumbold.value);var_bominsertnew.setValue(bom_partplumbnew.value);var_bominsertpnid.setValue(bom_partplumbid.value);api_bominsertitem.load({})">Add</button>

  579.                                     </th>

  580.                                 </tr>

  581.                             </thead>

  582.                             <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.boms.data.where(`tab`, 62, '==')" id="tableplumb">

  583.                                 <tr>

  584.                                     <td dmx-text="id" class="visually-hidden"></td>

  585.                                     <td dmx-text="partnumberid" class="visually-hidden"></td>

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

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

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

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

  590.                                     <td>

  591.                                         <button id="btn_deleteplumbitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(id)"><i class="fas fa-trash-alt"></i></button>

  592.                                     </td>

  593.                                 </tr>

  594.                             </tbody>

  595.                         </table>

  596.                     </div>

  597.                 </div>

  598.                 <div class="tab-pane fade" id="navTabs1_4" role="tabpanel" dmx-on:blur="bom_partinsid.setValue('');bom_searchinspart.setValue('');bom_partinsdescription.setValue('');bom_partinsold.setValue('');bom_partinsnew.setValue('');var_ptsearch.setValue('')">

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

  600.                         <table class="table table-striped table-bordered table-hover table-sm">

  601.                             <thead>

  602.                                 <tr>

  603.                                     <th class="visually-hidden">Id</th>

  604.                                     <th class="visually-hidden">Partnumberid</th>

  605.                                     <th>Part #</th>

  606.                                     <th>Description</th>

  607.                                     <th>Old</th>

  608.                                     <th>New</th>

  609.                                     <th>Action</th>

  610.                                 </tr>

  611.                                 <tr>

  612.                                     <th scope="row" class="visually-hidden">

  613. 

  614.                                     </th>

  615.                                     <th scope="row" class="visually-hidden"><input id="bom_partinsid" name="bompartinsid" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.id"></th>

  616.                                     <th scope="row"><input id="bom_searchinspart" name="bom_searchinspart" type="text" class="form-control" dmx-on:blur="var_ptsearch.setValue(value)"></th>

  617.                                     <th scope="row">

  618.                                         <input id="bom_partinsdescription" name="bompartinsdescription" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.description">

  619.                                     </th>

  620.                                     <th scope="row">

  621.                                         <input id="bom_partinsold" name="bompartinsold" type="text" class="form-control">

  622.                                     </th>

  623.                                     <th scope="row">

  624.                                         <input id="bom_partinsnew" name="bompartinsnew" type="text" class="form-control">

  625.                                     </th>

  626.                                     <th scope="row">

  627.                                         <button id="btn_newbominsitem" class="btn btn-dark" dmx-on:click="var_viewlocationid.setValue(11);var_bominsertold.setValue(bom_partinsold.value);var_bominsertnew.setValue(bom_partinsnew.value);var_bominsertpnid.setValue(bom_partinsid.value);api_bominsertitem.load({})">Add</button>

  628.                                     </th>

  629.                                 </tr>

  630.                             </thead>

  631.                             <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.boms.data.where(`tab`, 64, '==')" id="tableins">

  632.                                 <tr>

  633.                                     <td dmx-text="id" class="visually-hidden"></td>

  634.                                     <td dmx-text="partnumberid" class="visually-hidden"></td>

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

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

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

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

  639.                                     <td>

  640.                                         <button id="btn_deleteinsitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(id)"><i class="fas fa-trash-alt"></i></button>

  641.                                     </td>

  642.                                 </tr>

  643.                             </tbody>

  644.                         </table>

  645.                     </div>

  646.                 </div>

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

  648.                     <button id="btn_newapp" class="btn btn-secondary" dmx-on:click="mdl_app.show()">Add</button>

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

  650.                         <table class="table">

  651.                             <thead>

  652.                                 <tr>

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

  654.                                     <th>Serialprefix</th>

  655.                                     <th>Startingserial</th>

  656.                                     <th>Endingserial</th>

  657.                                     <th>Type</th>

  658. 

  659. 

  660.                                     <th>Model</th>

  661.                                     <th>Product</th>

  662.                                     <th>Description</th>

  663.                                 </tr>

  664.                             </thead>

  665.                             <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.apps.data" id="tableRepeat5">

  666.                                 <tr>

  667.                                     <td style="display: inline-block;">

  668.                                         <button id="btn_viewapp" class="btn btn-primary btn-sm" dmx-bind:value="id" dmx-on:click="mdl_app.var_appid.setValue(id);mdl_app.show()">

  669.                                             <i class="fas fa-edit"></i>

  670.                                         </button>

  671.                                         <button id="btn_deleteapp" class="btn btn-danger btn-sm" dmx-bind:value="id" dmx-on:click="var_deleteapp.setValue(value)">

  672.                                             <i class="fas fa-trash-alt"></i>

  673.                                         </button>

  674.                                     </td>

  675.                                     <td dmx-text="serialprefix"></td>

  676.                                     <td dmx-text="startingserial"></td>

  677.                                     <td dmx-text="endingserial"></td>

  678.                                     <td dmx-text="type"></td>

  679. 

  680. 

  681.                                     <td dmx-text="model.name"></td>

  682.                                     <td dmx-text="model.product.name"></td>

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

  684.                                 </tr>

  685.                             </tbody>

  686.                         </table>

  687.                     </div>

  688.                 </div>

  689.             </div>

  690.         </div>

  691.     </div>

  692. </div>

  693. <meta name="ac:route" content="/dspec">