mcarman
/
Wappler_Access
1
0
Разклонения 0
Код Задачи 1 Заявки за сливане 0 Версии 0 Уики Activity
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.
20 Ревизии
1 Клон
10 MiB
 
 
 
ИН на ревизия: 7af0b24552
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от '7af0b24552'
${ noResults }
Wappler_Access/views/dspec2.ejs

294 lines
21 KiB
Директен файл Blame История 

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

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

  3. <div class="container">

  4.     <div class="row">

  5.         <div class="col">

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

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

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

  9.         </div>

  10.     </div>

  11. </div>

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

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

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

  15. 

  16. <dmx-api-action id="api_bominsertitem" noload="true" url="http://localhost:8080/api/v1.0/boms/wapplerinsert" method="post" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/wapplerinsert')" dmx-data:updatedate="NOW" dmx-data:viewlocationid="txt_testviewlocatioonid.value" dmx-data:old="inp_bomold.value" dmx-data:createdate="NOW" dmx-data:designspecid="var_dspecid.value.toNumber().toString()" dmx-data:createuserid="txt_useriddefault.value" dmx-data:new="inp_bomnew.value" dmx-data:updateuserid="txt_useriddefault.value" dmx-data:partnumberid="btn_bomadditem.value" dmx-on:success="api_loadbombydspec.load({},true)"></dmx-api-action>

  17. <dmx-api-action id="api_postdspec" noload="true" method="post" dmx-data:revisionlevel="view_rev.value" dmx-data:partnumberid="api_postpart.data.id.toString()" dmx-data:statusidpn="api_getnewpartinfo.data.status.id" dmx-data:partcodeid="api_getnewpartinfo.data.partcode.id" dmx-data:parttypeid="api_getnewpartinfo.data.partcode.parttype.id" dmx-data:statusiddspec="4" dmx-data:effectivedate="inp_effectivedate.value" dmx-data:reasonforchange="inp_reasonforchange.value" dmx-data:validation="inp_validation.value" dmx-data:notes="inp_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="var_dspecid.setValue(api_postdspec.data.id)"></dmx-api-action>

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

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

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

  21. <dmx-value id="var_dspecid" dmx-bind:value="0" dmx-on:updated="api_loaddspec.load({})"></dmx-value>

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

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

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

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

  26. <dmx-api-action id="api_getpartcodebyid" dmx-bind:url="pg_apiurl.value.concat('partcodes/'.concat(mdl_newpart.inp_partcodes.value))" noload="true"></dmx-api-action>

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

  28.   condition: {

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

  30.     then: {

  31.       steps: {

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

  33.       }

  34.     },

  35.     outputType: "boolean"

  36.   }

  37. }</script>

  38. <dmx-api-action id="api_getnewpartinfo" noload="true" dmx-bind:url="pg_apiurl.value.concat('partnumbers/id/'.concat(var_partid.value))" dmx-on:success="run([{run:{action:`view_partnumber.setValue(api_getnewpartinfo.data.number)`,outputType:'text'}},{condition:{if:`!query1.data.id`,then:{steps:{run:{action:`api_postdspec.load({})`,outputType:'text'}}},else:{steps:{run:{action:`api_loadexistingdspec.load({})`,outputType:'text'}}},outputType:'boolean'}}])"></dmx-api-action>

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

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

  41. <dmx-api-action id="api_maxpn" url="http://localhost:8080/api/v1.0/pns/max" dmx-on:success="api_postpart.load({})" noload="true"></dmx-api-action>

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

  43. 

  44. <dmx-api-action id="api_postpart" noload="true" method="post" data-type="json" dmx-data:number="mdl_newpart.inp_parttypes.value.concat('-'.concat(mdl_newpart.inp_partcodes.value.concat('-'.concat(api_maxpn.data.number))))" dmx-data:statusid="var_statusid.value" dmx-data:description="mdl_newpart.inp_description.value" dmx-data:comments="mdl_newpart.inp_comments.value" dmx-data:partcodeid="mdl_newpart.inp_partcodes.value" dmx-data:parttypeid="mdl_newpart.inp_parttypes.value" dmx-bind:url="pg_apiurl.value.concat('partnumbers/alt')" url="http://localhost:8080/api/v1.0/partnumbers/alt" dmx-on:success="api_increasepn.load({});var_partid.setValue(api_postpart.data.id)"></dmx-api-action>

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

  46. 

  47. 

  48. 

  49. 

  50. 

  51. 

  52. 

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

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

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

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

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

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

  59.             </div>

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

  61.                 <div class="container">

  62.                     <div class="row">

  63.                         <div class="col">

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

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

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

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

  68.                                 </div>

  69.                             </div>

  70.                         </div>

  71.                     </div>

  72.                     <div class="row">

  73.                         <div class="col">

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

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

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

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

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

  79.                                     </select>

  80.                                 </div>

  81.                             </div>

  82.                         </div>

  83.                     </div>

  84.                     <div class="row">

  85.                         <div class="col">

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

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

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

  89.                                     <select id="inp_partcodes" class="form-select" name="partcodes" dmx-bind:options="api_filteredpartcodes.data" optiontext="name" optionvalue="id">

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

  91.                                     </select>

  92.                                 </div>

  93.                             </div>

  94.                         </div>

  95.                     </div>

  96.                     <div class="row">

  97.                         <div class="col">

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

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

  100.                         </div>

  101. 

  102.                     </div>

  103.                     <div class="row">

  104.                         <div class="col">

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

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

  107.                         </div>

  108.                     </div>

  109.                 </div>

  110. 

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

  112. 

  113. 

  114. 

  115. 

  116.             </div>

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

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

  119.                 <button type="button" class="btn btn-primary" dmx-on:click="api_getpartcodebyid.load({});view_partcode.setValue(inp_partcodes.selectedText);view_description.setValue(inp_description.value);view_comments.setValue(inp_comments.value);mdl_newpart.hide()">Save</button>

  120.             </div>

  121.         </div>

  122.     </div>

  123. </div>

  124. <div class="container">

  125.     <div class="row">

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

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

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

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

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

  131. 

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

  133. 

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

  135. 

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

  137.                     </h4>

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

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

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

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

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

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

  144.                                 </div>

  145.                             </div>

  146. 

  147.                         </div>

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

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

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

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

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

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

  154.                                     </div>

  155.                                 </div>

  156.                             </div>

  157.                         </div>

  158.                         <div class="col">

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

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

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

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

  163.                                 </div>

  164.                             </div>

  165.                         </div>

  166.                     </div>

  167.                     <div class="row">

  168.                         <div class="col">

  169.                             <p>Description</p>

  170.                             <textarea id="view_description" class="form-control" name="viewpartdescription" dmx-bind:value="api_getpartinfo.data.description" readonly="true"></textarea>

  171.                         </div>

  172.                     </div>

  173.                     <div class="row">

  174.                         <div class="col">

  175.                             <p>Comments</p>

  176.                             <textarea id="view_comments" class="form-control" name="viewpartcomments" dmx-bind:value="api_getpartinfo.data.comments" readonly="true"></textarea>

  177.                         </div>

  178.                     </div>

  179.                 </div>

  180.             </div>

  181.         </div>

  182.     </div>

  183.     <div class="row">

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

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

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

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

  188.                     <div class="row">

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

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

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

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

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

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

  195.                                     </div>

  196.                                 </div>

  197.                             </div>

  198.                         </div>

  199.                         <div class="col">

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

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

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

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

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

  205.                                     </div>

  206.                                 </div>

  207.                             </div>

  208.                         </div>

  209.                         <div class="col">

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

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

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

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

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

  215.                                     </div>

  216.                                 </div>

  217.                             </div>

  218.                         </div>

  219.                     </div>

  220.                     <div class="row">

  221.                         <div class="col">

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

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

  224.                         </div>

  225.                     </div>

  226.                     <div class="row">

  227.                         <div class="col">

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

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

  230.                         </div>

  231.                     </div>

  232.                     <div class="row">

  233.                         <div class="col">

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

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

  236.                         </div>

  237.                     </div>

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

  239.                         <div class="col">

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

  241.                         </div>

  242.                     </div>

  243.                 </div>

  244.             </div>

  245.         </div>

  246.     </div>

  247.     <div class="row">

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

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

  250.             <dmx-value id="var_partidtodelete" dmx-on:updated="run([{run:{action:`api_deletethisitem.load({})`,outputType:'text'}},{wait:{delay:1000}},{run:{action:`api_loadbombydspec.load({})`,outputType:'text'}}])"></dmx-value>

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

  252.             <p>BOM</p>

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

  254.                 <table class="table">

  255.                     <thead>

  256.                         <tr>

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

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

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

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

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

  262.                         </tr>

  263.                         <tr>

  264.                             <td>

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

  266.                             </td>

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

  268.                             <td>

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

  270.                             </td>

  271.                             <td>

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

  273.                             </td>

  274.                             <td>

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

  276.                             </td>

  277.                         </tr>

  278.                     </thead>

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

  280.                         <tr>

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

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

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

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

  285.                             <td>

  286.                                 <button id="btn_bomdeleteitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(value)" dmx-bind:value="api_loadbombydspec.data[0].id">X</button>

  287.                             </td>

  288.                         </tr>

  289.                     </tbody>

  290.                 </table>

  291.             </div>

  292.         </div>

  293.     </div>

  294. </div>