mcarman
/
Wappler_Access
1
0
Fork 0
Koodi Ongelmat 1 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 Commitit
1 Haara
10 MiB
 
 
 
Puu: 3fe87735ec
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '3fe87735ec'
${ noResults }
Wappler_Access/views/secure/dspecgeneral.ejs

274 rivejä
19 KiB
Raaka Blame Historia 

  1. <!-- Wappler include head-page="layouts/smain" bootstrap5="local" is="dmx-app" id="dspec" appConnect="local" components="{dmxStateManagement:{},dmxAutocomplete:{},dmxDatePicker:{},dmxBootstrap5Navigation:{},dmxFormatter:{},dmxBootstrap5Modal:{}}" jquery_slim_35="cdn" moment_2="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" url="http://vapor.prelub.com/api/v1.0/boms/wapplerinsert" method="post" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/wapplerinsert')" dmx-data:updatedate="NOW" dmx-data:viewlocationid="var_viewlocationid.value.toString()" dmx-data:old="var_bominsertold.value.toString()" dmx-data:createdate="NOW" dmx-data:designspecid="conn_dspecinfo.data.dspec.data.id.toString()" dmx-data:createuserid="whoami.data.identity.toString()" dmx-data:new="var_bominsertnew.value.toString()" dmx-data:updateuserid="whoami.data.identity.toString()" dmx-data:partnumberid="var_bominsertpnid.value.toString()" dmx-on:success="conn_dspecinfo.load({})"></dmx-api-action>

  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" dmx-on:click="mdl_cpybom.hide()">

  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. 

  87. <header>

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

  89. </header>

  90. 

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

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

  93.     <div class="row">

  94.         <div class="col">

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

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

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

  98.             </div>

  99.         </div>

  100.         <div class="col">

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

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

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

  104.             </div>

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

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

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

  108.             </div>

  109.         </div>

  110.     </div>

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

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

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

  114. 

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

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

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

  118.                 </div>

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

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

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

  122.                     <button id="btn_newrev" class="btn btn-secondary btn-sm" style="display:inline-block;" dmx-show="conn_dspecinfo.data.dspec.data.id">New Rev</button>

  123.                 </div>

  124.             </div>

  125.         </div>

  126.     </div>

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

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

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

  130. 

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

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

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

  134.                 </div>

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

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

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

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

  139.                     </div>

  140.                 </div>

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

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

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

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

  145.                     </div>

  146.                 </div>

  147.             </div>

  148.         </div>

  149.     </div>

  150.     <div class="row">

  151.         <div class="col">

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

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

  154. 

  155.         </div>

  156.     </div>

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

  158.         <div class="col">

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

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

  161. 

  162.         </div>

  163.     </div>

  164. </div>

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

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

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

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

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

  170. 

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

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

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

  174.                 </div>

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

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

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

  178.                 </div>

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

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

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

  182.                 </div>

  183.             </div>

  184.         </div>

  185.     </div>

  186.     <div class="row">

  187.         <div class="col">

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

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

  190. 

  191.         </div>

  192.     </div>

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

  194.         <div class="col">

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

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

  197. 

  198.         </div>

  199.     </div>

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

  201.         <div class="col">

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

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

  204. 

  205.         </div>

  206.     </div>

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

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

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

  210.         </div>

  211.     </div>

  212. </div>

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

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

  215.     <div class="row">

  216.         <div class="col">

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

  218.                 <i class="fas fa-copy"></i></button>

  219.         </div>

  220.     </div>

  221.     <div class="row">

  222.         <div class="col">

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

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

  225.                     <thead>

  226.                         <tr>

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

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

  229.                             <th>Part #</th>

  230.                             <th>Description</th>

  231.                             <th>Old</th>

  232.                             <th>New</th>

  233.                             <th>Action</th>

  234.                         </tr>

  235.                         <tr>

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

  237. 

  238.                             </th>

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

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

  241.                             <th scope="row">

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

  243.                             </th>

  244.                             <th scope="row">

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

  246.                             </th>

  247.                             <th scope="row">

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

  249.                             </th>

  250.                             <th scope="row">

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

  252.                             </th>

  253.                         </tr>

  254.                     </thead>

  255.                     <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.boms.data" id="tablegeneral">

  256.                         <tr>

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

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

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

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

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

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

  263.                             <td>

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

  265.                                     <i class="fas fa-trash-alt"></i>X</button>

  266.                             </td>

  267.                         </tr>

  268.                     </tbody>

  269.                 </table>

  270.             </div>

  271.         </div>

  272.     </div>

  273. </div>

  274. <meta name="ac:route" content="/dspecg">