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.
39 提交
1 分支
10 MiB
 
 
 
目錄樹: b82d145f3a
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 'b82d145f3a'
${ noResults }
Wappler_Access/views/secure/dspec.ejs

615 line
48 KiB
原始文件 Blame 歷史記錄 

  1. <!-- Wappler include head-page="layouts/smain" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec" appConnect="local" components="{dmxStateManagement:{},dmxAutocomplete:{},dmxDatePicker:{},dmxBootstrap5Navigation:{},dmxFormatter:{},dmxBootstrap5Modal:{}}" jquery_slim_35="cdn" moment_2="cdn" -->

  2. <dmx-query-manager id="query_partid"></dmx-query-manager>

  3. <dmx-serverconnect id="conn_dspecinfo" url="/api/DSpec/searchpn" dmx-param:pn="query_partid.data.id"></dmx-serverconnect>

  4. 

  5. <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="conn_dspecinfo.data.dspec.data.id"></dmx-api-action>

  6. 

  7. <dmx-api-action id="api_bominsertitem" noload="true" url="http://vapor.prelub.com/api/v1.0/boms/wapplerinsert" method="post" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/wapplerinsert')" dmx-data:updatedate="NOW" dmx-data:viewlocationid="var_viewlocationid.value.toString()" dmx-data:old="var_bominsertold.value.toString()" dmx-data:createdate="NOW" dmx-data:designspecid="conn_dspecinfo.data.dspec.data.id.toString()" dmx-data:createuserid="whoami.data.identity.toString()" dmx-data:new="var_bominsertnew.value.toString()" dmx-data:updateuserid="whoami.data.identity.toString()" dmx-data:partnumberid="var_bominsertpnid.value.toString()" dmx-on:success="api_loadbombydspec.load({},true);conn_dspecinfo.load({})"></dmx-api-action>

  8. 

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

  10. 

  11. 

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

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

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

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

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

  17. <dmx-value id="var_deleteapp"></dmx-value>

  18. 

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

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

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

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

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

  24.             <dmx-api-action id="api_postapplication" noload="true" dmx-bind:url="pg_apiurl.value.concat('applications/create')" url="http://vapor.prelub.com/api/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>

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

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

  27.                 &nbsp;&nbsp;

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

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

  30.             </div>

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

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

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

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

  35.                             <dmx-api-action id="api_postmodel" noload="true" url="http://vapor.prelub.com/api/v1.0/models/insert" 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>

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

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

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

  39.                             </div>

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

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

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

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

  44. 

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

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

  47.                                             </div>

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

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

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

  51.                                             </div>

  52.                                         </div>

  53.                                     </div>

  54.                                 </div>

  55.                                 <div class="container">

  56.                                     <div class="row">

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

  58.                                             <label>Name:</label>

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

  60.                                             &nbsp;&nbsp;

  61. 

  62.                                         </div>

  63.                                     </div>

  64.                                     <div class="row">

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

  66.                                             <label>Product:</label>

  67.                                             <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;

  68. 

  69.                                         </div>

  70.                                     </div>

  71.                                     <div class="row">

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

  73.                                             <label>Make:</label>

  74.                                             <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;

  75. 

  76.                                         </div>

  77.                                     </div>

  78. 

  79.                                 </div>

  80.                             </div>

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

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

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

  84.                             </div>

  85.                         </div>

  86.                     </div>

  87.                 </div>

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

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

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

  91.                             <dmx-api-action id="api_postenginemodel" noload="true" url="http://vapor.prelub.com/api/v1.0/models/insert" 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>

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

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

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

  95.                             </div>

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

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

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

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

  100. 

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

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

  103.                                             </div>

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

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

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

  107.                                             </div>

  108.                                         </div>

  109.                                     </div>

  110.                                 </div>

  111.                                 <div class="container">

  112.                                     <div class="row">

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

  114.                                             <label>Displacement:</label>

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

  116.                                             &nbsp;&nbsp;

  117. 

  118.                                         </div>

  119.                                     </div>

  120.                                     <div class="row">

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

  122.                                             <label>Name:</label>

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

  124.                                             &nbsp;&nbsp;

  125. 

  126.                                         </div>

  127.                                     </div>

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

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

  130.                                             <label>Product:</label>

  131.                                             <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;

  132. 

  133.                                         </div>

  134.                                     </div>

  135.                                     <div class="row">

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

  137.                                             <label>Make:</label>

  138.                                             <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;

  139. 

  140.                                         </div>

  141.                                     </div>

  142. 

  143.                                 </div>

  144.                             </div>

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

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

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

  148.                             </div>

  149.                         </div>

  150.                     </div>

  151.                 </div>

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

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

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

  155. 

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

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

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

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

  160. 

  161.                     </div>

  162.                 </div>

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

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

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

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

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

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

  169. 

  170.                     </div>

  171.                 </div>

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

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

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

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

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

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

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

  179.                         </div>

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

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

  182.                     </div>

  183.                 </div>

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

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

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

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

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

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

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

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

  192.                     </div>

  193.                 </div>

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

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

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

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

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

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

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

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

  202.                     </div>

  203.                 </div>

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

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

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

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

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

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

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

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

  212.                     </div>

  213.                 </div>

  214.             </div>

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

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

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

  218.             </div>

  219.         </div>

  220.     </div>

  221. </div>

  222. 

  223. <header>

  224.     <h1 class="mt-3 ms-4">Kit DSpec</h1>

  225. 

  226. 

  227. </header>

  228. <div class="w-100 rounded-3 rounded border-secondary border-5 bg-info container-xxl text-start ms-auto me-auto pt-0 pb-0 ps-0 pe-0">

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

  230.     <div class="row">

  231.         <div class="col">

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

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

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

  235.             </div>

  236.         </div>

  237.         <div class="col">

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

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

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

  241.             </div>

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

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

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

  245.             </div>

  246.         </div>

  247.     </div>

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

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

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

  251. 

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

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

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

  255.                 </div>

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

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

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

  259.                     <button id="btn_newrev" class="btn btn-secondary btn-sm" style="display:inline-block;">New Rev</button>

  260.                 </div>

  261.             </div>

  262.         </div>

  263.     </div>

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

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

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

  267. 

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

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

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

  271.                 </div>

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

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

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

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

  276.                     </div>

  277.                 </div>

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

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

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

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

  282.                     </div>

  283.                 </div>

  284.             </div>

  285.         </div>

  286.     </div>

  287.     <div class="row">

  288.         <div class="col">

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

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

  291. 

  292.         </div>

  293.     </div>

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

  295.         <div class="col">

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

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

  298. 

  299.         </div>

  300.     </div>

  301. </div>

  302. <div class="w-100 rounded-3 rounded border-secondary border-5 bg-warning-subtle container-xxl ms-auto me-auto pt-0 pb-0 ps-0 pe-0">

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

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

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

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

  307. 

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

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

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

  311.                 </div>

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

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

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

  315.                 </div>

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

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

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

  319.                 </div>

  320.             </div>

  321.         </div>

  322.     </div>

  323.     <div class="row">

  324.         <div class="col">

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

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

  327. 

  328.         </div>

  329.     </div>

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

  331.         <div class="col">

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

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

  334. 

  335.         </div>

  336.     </div>

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

  338.         <div class="col">

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

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

  341. 

  342.         </div>

  343.     </div>

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

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

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

  347.         </div>

  348.     </div>

  349. </div>

  350. <div class="container-xxl bg-success-subtle mt-3 mb-4 ms-auto me-auto pb-3 ps-0 pe-0">

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

  352.     <div class="row">

  353.         <div class="col">

  354.             <button id="btn_copybom" class="btn btn-secondary shadow-lg">Copy BOM</button>

  355.         </div>

  356.     </div>

  357.     <div class="row">

  358.         <div class="col">

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

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

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

  362.                 </li>

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

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

  365.                 </li>

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

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

  368.                 </li>

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

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

  371.                 </li>

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

  373.                     <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" dmx-on:click="var_viewlocationid.setValue(21)">Applications</a>

  374.                 </li>

  375.             </ul>

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

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

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

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

  380.                             <thead>

  381.                                 <tr>

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

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

  384.                                     <th>Part #</th>

  385.                                     <th>Description</th>

  386.                                     <th>Old</th>

  387.                                     <th>New</th>

  388.                                     <th>Action</th>

  389.                                 </tr>

  390.                                 <tr>

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

  392. 

  393.                                     </th>

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

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

  396.                                     <th scope="row">

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

  398.                                     </th>

  399.                                     <th scope="row">

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

  401.                                     </th>

  402.                                     <th scope="row">

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

  404.                                     </th>

  405.                                     <th scope="row">

  406.                                         <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({})">Add</button>

  407.                                     </th>

  408.                                 </tr>

  409.                             </thead>

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

  411.                                 <tr>

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

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

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

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

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

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

  418.                                     <td>

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

  420.                                     </td>

  421.                                 </tr>

  422.                             </tbody>

  423.                         </table>

  424.                     </div>

  425.                 </div>

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

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

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

  429.                             <thead>

  430.                                 <tr>

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

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

  433.                                     <th>Part #</th>

  434.                                     <th>Description</th>

  435.                                     <th>Old</th>

  436.                                     <th>New</th>

  437.                                     <th>Action</th>

  438.                                 </tr>

  439.                                 <tr>

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

  441. 

  442.                                     </th>

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

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

  445.                                     <th scope="row">

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

  447.                                     </th>

  448.                                     <th scope="row">

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

  450.                                     </th>

  451.                                     <th scope="row">

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

  453.                                     </th>

  454.                                     <th scope="row">

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

  456.                                     </th>

  457.                                 </tr>

  458.                             </thead>

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

  460.                                 <tr>

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

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

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

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

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

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

  467.                                     <td>

  468.                                         <button id="btn_deleteelecitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(id)">X</button>

  469.                                     </td>

  470.                                 </tr>

  471.                             </tbody>

  472.                         </table>

  473.                     </div>

  474.                 </div>

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

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

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

  478.                             <thead>

  479.                                 <tr>

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

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

  482.                                     <th>Part #</th>

  483.                                     <th>Description</th>

  484.                                     <th>Old</th>

  485.                                     <th>New</th>

  486.                                     <th>Action</th>

  487.                                 </tr>

  488.                                 <tr>

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

  490. 

  491.                                     </th>

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

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

  494.                                     <th scope="row">

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

  496.                                     </th>

  497.                                     <th scope="row">

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

  499.                                     </th>

  500.                                     <th scope="row">

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

  502.                                     </th>

  503.                                     <th scope="row">

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

  505.                                     </th>

  506.                                 </tr>

  507.                             </thead>

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

  509.                                 <tr>

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

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

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

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

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

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

  516.                                     <td>

  517.                                         <button id="btn_deleteplumbitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(id)">X</button>

  518.                                     </td>

  519.                                 </tr>

  520.                             </tbody>

  521.                         </table>

  522.                     </div>

  523.                 </div>

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

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

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

  527.                             <thead>

  528.                                 <tr>

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

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

  531.                                     <th>Part #</th>

  532.                                     <th>Description</th>

  533.                                     <th>Old</th>

  534.                                     <th>New</th>

  535.                                     <th>Action</th>

  536.                                 </tr>

  537.                                 <tr>

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

  539. 

  540.                                     </th>

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

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

  543.                                     <th scope="row">

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

  545.                                     </th>

  546.                                     <th scope="row">

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

  548.                                     </th>

  549.                                     <th scope="row">

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

  551.                                     </th>

  552.                                     <th scope="row">

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

  554.                                     </th>

  555.                                 </tr>

  556.                             </thead>

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

  558.                                 <tr>

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

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

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

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

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

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

  565.                                     <td>

  566.                                         <button id="btn_deleteinsitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(id)">X</button>

  567.                                     </td>

  568.                                 </tr>

  569.                             </tbody>

  570.                         </table>

  571.                     </div>

  572.                 </div>

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

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

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

  576.                         <table class="table">

  577.                             <thead>

  578.                                 <tr>

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

  580.                                     <th>Serialprefix</th>

  581.                                     <th>Startingserial</th>

  582.                                     <th>Endingserial</th>

  583.                                     <th>Type</th>

  584. 

  585. 

  586.                                     <th>Model</th>

  587.                                     <th>Product</th>

  588.                                     <th>Description</th>

  589.                                 </tr>

  590.                             </thead>

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

  592.                                 <tr>

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

  594.                                         <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()">View</button>

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

  596.                                     </td>

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

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

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

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

  601. 

  602. 

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

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

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

  606.                                 </tr>

  607.                             </tbody>

  608.                         </table>

  609.                     </div>

  610.                 </div>

  611.             </div>

  612.         </div>

  613.     </div>

  614. </div>

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