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.
65 Комити
1 Грана
10 MiB
 
 
 
Грана: master
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
Wappler_Access/views/secure/dspecmotor

343 lines
22 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:{}}" 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. <header>

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

  6. 

  7. 

  8. </header>

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

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

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

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

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

  14. 

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

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

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

  18.                 </div>

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

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

  21.                     <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.api.data.revisionlevel">

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

  23.                 </div>

  24.             </div>

  25.         </div>

  26.     </div>

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

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

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

  30. 

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

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

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

  34.                 </div>

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

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

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

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

  39.                     </div>

  40.                 </div>

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

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

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

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

  45.                     </div>

  46.                 </div>

  47.             </div>

  48.         </div>

  49.     </div>

  50.     <div class="row">

  51.         <div class="col">

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

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

  54. 

  55.         </div>

  56.     </div>

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

  58.         <div class="col">

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

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

  61. 

  62.         </div>

  63.     </div>

  64. </div>

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

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

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

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

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

  70. 

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

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

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

  74.                 </div>

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

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

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

  78.                 </div>

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

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

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

  82.                 </div>

  83.             </div>

  84.         </div>

  85.     </div>

  86.     <div class="row">

  87.         <div class="col">

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

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

  90. 

  91.         </div>

  92.     </div>

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

  94.         <div class="col">

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

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

  97. 

  98.         </div>

  99.     </div>

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

  101.         <div class="col">

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

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

  104. 

  105.         </div>

  106.     </div>

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

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

  109.             <button id="btn_savedspec" class="btn btn-success">Save DSPEC</button>

  110.         </div>

  111.     </div>

  112. </div>

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

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

  115.     <div class="row">

  116.         <div class="col">

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

  118.         </div>

  119.     </div>

  120.     <div class="row">

  121.         <div class="col">

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

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

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

  125.                 </li>

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

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

  128.                 </li>

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

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

  131.                 </li>

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

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

  134.                 </li>

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

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

  137.                 </li>

  138.             </ul>

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

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

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

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

  143.                             <thead>

  144.                                 <tr>

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

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

  147.                                     <th>Part #</th>

  148.                                     <th>Description</th>

  149.                                     <th>Old</th>

  150.                                     <th>New</th>

  151.                                     <th>Action</th>

  152.                                 </tr>

  153.                                 <tr>

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

  155. 

  156.                                     </th>

  157.                                     <th scope="row" class="visually-hidden"><input id="bom_partid" name="bompartid" type="text" class="form-control"></th>

  158.                                     <th scope="row"><input id="bom_searchpart" name="bom_searchpart" type="text" class="form-control"></th>

  159.                                     <th scope="row">

  160.                                         <input id="bom_partdescription" name="bompartdescription" type="text" class="form-control">

  161.                                     </th>

  162.                                     <th scope="row">

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

  164.                                     </th>

  165.                                     <th scope="row">

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

  167.                                     </th>

  168.                                     <th scope="row">

  169.                                         <button id="btn_newbomitem" class="btn btn-dark">Add</button>

  170.                                     </th>

  171.                                 </tr>

  172.                             </thead>

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

  174.                                 <tr>

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

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

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

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

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

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

  181.                                     <td>

  182.                                         <button id="btn_deleteitem" class="btn btn-danger">X</button>

  183.                                     </td>

  184.                                 </tr>

  185.                             </tbody>

  186.                         </table>

  187.                     </div>

  188.                 </div>

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

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

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

  192.                             <thead>

  193.                                 <tr>

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

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

  196.                                     <th>Part #</th>

  197.                                     <th>Description</th>

  198.                                     <th>Old</th>

  199.                                     <th>New</th>

  200.                                     <th>Action</th>

  201.                                 </tr>

  202.                                 <tr>

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

  204. 

  205.                                     </th>

  206.                                     <th scope="row" class="visually-hidden"><input id="bom_elecpartid" name="bomelecpartid" type="text" class="form-control"></th>

  207.                                     <th scope="row"><input id="bom_searchelecpart" name="bom_searchpart" type="text" class="form-control"></th>

  208.                                     <th scope="row">

  209.                                         <input id="bom_partelecdescription" name="bompartelecdescription" type="text" class="form-control">

  210.                                     </th>

  211.                                     <th scope="row">

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

  213.                                     </th>

  214.                                     <th scope="row">

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

  216.                                     </th>

  217.                                     <th scope="row">

  218.                                         <button id="btn_newbomelecitem" class="btn btn-dark">Add</button>

  219.                                     </th>

  220.                                 </tr>

  221.                             </thead>

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

  223.                                 <tr>

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

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

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

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

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

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

  230.                                     <td>

  231.                                         <button id="btn_deleteelecitem" class="btn btn-danger">X</button>

  232.                                     </td>

  233.                                 </tr>

  234.                             </tbody>

  235.                         </table>

  236.                     </div>

  237.                 </div>

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

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

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

  241.                             <thead>

  242.                                 <tr>

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

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

  245.                                     <th>Part #</th>

  246.                                     <th>Description</th>

  247.                                     <th>Old</th>

  248.                                     <th>New</th>

  249.                                     <th>Action</th>

  250.                                 </tr>

  251.                                 <tr>

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

  253. 

  254.                                     </th>

  255.                                     <th scope="row" class="visually-hidden"><input id="bom_partplumbid" name="bompartplumbid" type="text" class="form-control"></th>

  256.                                     <th scope="row"><input id="bom_searchplumbpart" name="bom_searchplumbpart" type="text" class="form-control"></th>

  257.                                     <th scope="row">

  258.                                         <input id="bom_partplumbdescription" name="bompartplumbdescription" type="text" class="form-control">

  259.                                     </th>

  260.                                     <th scope="row">

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

  262.                                     </th>

  263.                                     <th scope="row">

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

  265.                                     </th>

  266.                                     <th scope="row">

  267.                                         <button id="btn_newbomplumbitem" class="btn btn-dark">Add</button>

  268.                                     </th>

  269.                                 </tr>

  270.                             </thead>

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

  272.                                 <tr>

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

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

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

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

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

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

  279.                                     <td>

  280.                                         <button id="btn_deleteplumbitem" class="btn btn-danger">X</button>

  281.                                     </td>

  282.                                 </tr>

  283.                             </tbody>

  284.                         </table>

  285.                     </div>

  286.                 </div>

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

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

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

  290.                             <thead>

  291.                                 <tr>

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

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

  294.                                     <th>Part #</th>

  295.                                     <th>Description</th>

  296.                                     <th>Old</th>

  297.                                     <th>New</th>

  298.                                     <th>Action</th>

  299.                                 </tr>

  300.                                 <tr>

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

  302. 

  303.                                     </th>

  304.                                     <th scope="row" class="visually-hidden"><input id="bom_partinsid" name="bompartinsid" type="text" class="form-control"></th>

  305.                                     <th scope="row"><input id="bom_searchinspart" name="bom_searchinspart" type="text" class="form-control"></th>

  306.                                     <th scope="row">

  307.                                         <input id="bom_partinsdescription" name="bompartinsdescription" type="text" class="form-control">

  308.                                     </th>

  309.                                     <th scope="row">

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

  311.                                     </th>

  312.                                     <th scope="row">

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

  314.                                     </th>

  315.                                     <th scope="row">

  316.                                         <button id="btn_newbominsitem" class="btn btn-dark">Add</button>

  317.                                     </th>

  318.                                 </tr>

  319.                             </thead>

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

  321.                                 <tr>

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

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

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

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

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

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

  328.                                     <td>

  329.                                         <button id="btn_deleteinsitem" class="btn btn-danger">X</button>

  330.                                     </td>

  331.                                 </tr>

  332.                             </tbody>

  333.                         </table>

  334.                     </div>

  335.                 </div>

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

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

  338.                 </div>

  339.             </div>

  340.         </div>

  341.     </div>

  342. </div>

  343. <meta name="ac:route" content="/dspecm">