mcarman
/
Wappler_Access
1
0
Vork 0
Code Kwesties 1 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
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.
64 Commits
1 Branch
10 MiB
 
 
 
Tree: cae6866803
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van 'cae6866803'
${ noResults }
Wappler_Access/views/layouts/smain.ejs

239 regels
17 KiB
Ruw Blame Geschiedenis 

  1. <!doctype html>

  2. <html>

  3. 

  4. <head>

  5.   <base href="/">

  6.   <script src="/dmxAppConnect/dmxAppConnect.js"></script>

  7.   <meta charset="UTF-8">

  8.   <title>RPM Industries</title>

  9. 

  10.   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  11.   <link rel="stylesheet" href="/bootstrap/5/css/bootstrap.min.css" />

  12.   <link rel="stylesheet" href="/css/style.css" />

  13.   <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>

  14.   <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js" integrity="sha256-CutOzxCRucUsn6C6TcEYsauvvYilEniTXldPa6/wu0k=" crossorigin="anonymous"></script>

  15.   <script src="/dmxAppConnect/dmxRouting/dmxRouting.js" defer></script>

  16.   <script src="/dmxAppConnect/dmxDataTraversal/dmxDataTraversal.js" defer></script>

  17.   <script src="/dmxAppConnect/dmxTyped/dmxTyped.js" defer></script>

  18.   <script src="/dmxAppConnect/dmxTyped/typed.min.js" defer></script>

  19.   <link rel="stylesheet" href="/dmxAppConnect/dmxValidator/dmxValidator.css" />

  20.   <script src="/dmxAppConnect/dmxValidator/dmxValidator.js" defer></script>

  21.   <link rel="stylesheet" href="/dmxAppConnect/dmxNotifications/dmxNotifications.css" />

  22.   <script src="/dmxAppConnect/dmxNotifications/dmxNotifications.js" defer></script>

  23.   <script src="/dmxAppConnect/dmxBrowser/dmxBrowser.js" defer></script>

  24.   <script src="/dmxAppConnect/dmxBootstrap5Navigation/dmxBootstrap5Navigation.js" defer></script>

  25.   <script src="/dmxAppConnect/dmxFormatter/dmxFormatter.js" defer></script>

  26.   <script src="/dmxAppConnect/dmxStateManagement/dmxStateManagement.js" defer></script>

  27.   <script src="/dmxAppConnect/dmxFormRepeat/dmxFormRepeat.js" defer></script>

  28.   <link rel="stylesheet" href="/dmxAppConnect/dmxBootstrap5TableGenerator/dmxBootstrap5TableGenerator.css" />

  29.   <script src="/dmxAppConnect/dmxBootstrap5Modal/dmxBootstrap5Modal.js" defer></script>

  30.   <script src="/dmxAppConnect/dmxScheduler/dmxScheduler.js" defer></script>

  31.   <script src="/dmxAppConnect/dmxBootstrap5Toasts/dmxBootstrap5Toasts.js" defer></script>

  32.   <script src="/socket.io/socket.io.js" defer></script>

  33.   <script src="/dmxAppConnect/dmxSockets/dmxSockets.js" defer></script>

  34.   <script src="/dmxAppConnect/dmxDatastore/dmxDatastore.js" defer></script>

  35.   <link rel="stylesheet" href="/dmxAppConnect/dmxDatePicker/daterangepicker.min.css" />

  36.   <script src="/dmxAppConnect/dmxDatePicker/daterangepicker.min.js" defer></script>

  37.   <link rel="stylesheet" href="/dmxAppConnect/dmxDatePicker/dmxDatePicker.css" />

  38.   <script src="/dmxAppConnect/dmxDatePicker/dmxDatePicker.js" defer></script>

  39. 

  40. 

  41.   <link rel="stylesheet" href="/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.css" />

  42.   <script src="/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.js" defer></script>

  43.   <script src="/dmxAppConnect/dmxBootbox5/bootstrap-modbox.min.js" defer></script>

  44.   <script src="/dmxAppConnect/dmxBootbox5/dmxBootbox5.js" defer></script>

  45.   <script src="/dmxAppConnect/dmxBootstrap5Alert/dmxBootstrap5Alert.js" defer></script>

  46.   <link rel="stylesheet" href="/fontawesome6/css/all.min.css" />

  47.   <script src="/dmxAppConnect/dmxBootstrap4Navigation/dmxBootstrap4Navigation.js" defer></script>

  48.   <script src="/dmxAppConnect/dmxBootstrap4Modal/dmxBootstrap4Modal.js" defer></script>

  49.   <link rel="stylesheet" href="/dmxAppConnect/dmxBootstrap4TableGenerator/dmxBootstrap4TableGenerator.css" />

  50. </head>

  51. 

  52. <body is="dmx-app" id="main">

  53.   <dmx-value id="var_ptsearch" dmx-on:updated="conn_search.load({},true)"></dmx-value>

  54.   <dmx-value id="var_partid"></dmx-value>

  55.   <dmx-value id="var_userinfo"></dmx-value>

  56.   <dmx-value id="pg_apiurl" dmx-bind:value="conn_urls.data.apiurl"></dmx-value>

  57.   <dmx-serverconnect id="viewsearch" noload="true" url="/api/PartCodes/parent" dmx-on:success="run({condition:{outputType:'boolean',if:`(viewsearch.data.view == \'change\')`,then:{steps:{run:{outputType:'text',action:`mod_changepartcode.show()`}}},else:{steps:{run:{outputType:'text',action:`browser1.goto(\'/\'+viewsearch.data.view+\'?id=\'+var_partid.value)`}}}}})"></dmx-serverconnect>

  58.   <dmx-serverconnect id="whoami" url="/api/security/whoami"></dmx-serverconnect>

  59.   <dmx-serverconnect id="conn_basedata" url="/api/Parts/newpartbasedata"></dmx-serverconnect>

  60.   <dmx-serverconnect id="conn_urls" url="/api/gs/urls"></dmx-serverconnect>

  61.   <dmx-serverconnect id="conn_isauthenticated" url="/api/security/isauthenticated" dmx-on:forbidden="browser1.goto('/cnfrm',true)" dmx-on:unauthorized="browser1.goto('/',true)"></dmx-serverconnect>

  62.   <dmx-serverconnect id="conn_logout" url="/api/security/logout" dmx-on:success="browser1.goto('/')" noload="true"></dmx-serverconnect>

  63.   <dmx-serverconnect id="conn_newpart" url="/api/Parts/asynccalls/create_part" noload="true" dmx-param:description="modal_newpart.inp_description.value" dmx-param:comments="modal_newpart.inp_comments.value" dmx-param:partcodeid="" dmx-param:parttypeid="modal_newpart.new_parttype.value" dmx-on:success="run([{run:{outputType:'text',action:`var_partid.setValue(conn_newpart.data.createpartnumber.data.id)`}},{run:{name:'conn_view',outputType:'text',action:`viewsearch.load({id: conn_newpart.data.createpartnumber.data.partcode.id},true)`}}])" dmx-param:createuserid="conn_isauthenticated.data.identity"></dmx-serverconnect>

  64.   <dmx-serverconnect id="conn_searchforbom" url="/api/BOM/findbypn" noload="true"></dmx-serverconnect>

  65.   <dmx-serverconnect id="conn_search" url="/api/Parts/Seach" dmx-param:input="var_ptsearch.value" noload="true"></dmx-serverconnect>

  66.   <dmx-serverconnect id="conn_masterpcs" url="/api/PartCodes/masters"></dmx-serverconnect>

  67.   <dmx-serverconnect id="conn_cmasters" url="/api/PartCodes/cmasters" dmx-param:code="mod_createpart.frm_createpart.inp_masterpc.value" noload="true"></dmx-serverconnect>

  68.   <dmx-serverconnect id="conn_updatepartcode" url="/api/Parts/asynccalls/updatepartcode" dmx-on:done="viewsearch.load({id: mod_changepartcode.var_changepartcode.value},true)"></dmx-serverconnect>

  69.   <div is="dmx-browser" id="browser1"></div>

  70.   <div class="modal" id="mod_changepartcode" is="dmx-bs5-modal" tabindex="-1">

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

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

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

  74.           <h5 class="modal-title">Part Code Invalid</h5>

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

  76.         </div>

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

  78.           <dmx-value id="var_changepartcode"></dmx-value>

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

  80.             <label for="inp_masterpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Top Part Code</label>

  81.             <div class="align-self-center col-sm-7 offset-1">

  82.               <input type="text" class="form-control" id="inp_masterpc" name="masterpartcode" aria-describedby="input1_help" is="dmx-autocomplete" dmx-bind:data="conn_masterpcs.data.list.data" optiontext="name" optionvalue="code" optionsearch="name+' '" dmx-on:changed="run({condition:{outputType:'boolean',if:`value`,then:{steps:{run:{outputType:'text',action:`conn_cmasters.load({code: value},true)`}}}}})">

  83.             </div>

  84.           </div>

  85.           <div class="form-group mb-3 row" dmx-hide="inp_masterpc.value" name="grp_allcodes">

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

  87.             <div class="align-self-center col-sm-7 offset-1">

  88.               <input type="text" class="form-control" id="inp_childpc" name="childpartcode" aria-describedby="input1_help" is="dmx-autocomplete" dmx-bind:data="conn_masterpcs.data.allpartcodes.data" optiontext="name+'   '+code" optionvalue="id" optionsearch="name+'   '+code" dmx-on:changed="var_changepartcode.setValue(value)">

  89.             </div>

  90.           </div>

  91.           <div class="form-group mb-3 row" dmx-show="inp_masterpc.value" name="grp_filteredcodes">

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

  93.             <div class="align-self-center col-sm-7 offset-1">

  94.               <input type="text" class="form-control" id="inp_filteredchildpc" name="filteredchildpartcode" aria-describedby="input1_help" is="dmx-autocomplete" dmx-bind:data="conn_cmasters.data.api.data" optiontext="name+'   '+code" optionvalue="id" optionsearch="name+'   '+code" dmx-on:changed="var_changepartcode.setValue(value)">

  95.             </div>

  96.           </div>

  97.         </div>

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

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

  100.           <button type="button" class="btn btn-primary" dmx-on:click="conn_updatepartcode.load({id: var_partid.value, cid: var_changepartcode.value})">Save changes</button>

  101.         </div>

  102.       </div>

  103.     </div>

  104.   </div>

  105.   <div class="modal" id="mod_createpart" is="dmx-bs5-modal" tabindex="-1">

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

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

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

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

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

  111.         </div>

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

  113.           <form id="frm_createpart">

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

  115.               <label for="inp_masterpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Top Part Code</label>

  116.               <div class="align-self-center col-sm-7 offset-1">

  117.                 <input type="text" class="form-control" id="inp_masterpc1" name="masterpartcode" aria-describedby="input1_help" is="dmx-autocomplete" dmx-bind:data="conn_masterpcs.data.list.data" optiontext="name" optionvalue="code" optionsearch="name+' '" dmx-on:changed="run({condition:{outputType:'boolean',if:`value`,then:{steps:{run:{outputType:'text',action:`conn_cmasters.load({code: value},true)`}}}}})">

  118.               </div>

  119.             </div>

  120.             <div class="form-group mb-3 row" dmx-hide="inp_masterpc.value">

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

  122.               <div class="align-self-center col-sm-7 offset-1">

  123.                 <input type="text" class="form-control" id="inp_childpc1" name="childpartcode" aria-describedby="input1_help" is="dmx-autocomplete" dmx-bind:data="conn_masterpcs.data.allpartcodes.data" optiontext="name" optionvalue="code" optionsearch="name+' '">

  124.               </div>

  125.             </div>

  126.             <div class="form-group mb-3 row" dmx-show="inp_masterpc.value">

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

  128.               <div class="align-self-center col-sm-7 offset-1">

  129.                 <input type="text" class="form-control" id="inp_filteredchildpc1" name="filteredchildpartcode" aria-describedby="input1_help" is="dmx-autocomplete" dmx-bind:data="conn_cmasters.data.api.data" optiontext="name" optionvalue="code" optionsearch="name+' '">

  130.               </div>

  131.             </div>

  132.           </form>

  133.         </div>

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

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

  136.           <button type="button" class="btn btn-primary" dmx-on:click="run({condition:{outputType:'boolean',if:`(frm_createpart.inp_masterpc.value.length() &gt; 0)`,then:{steps:{run:{outputType:'text',action:`conn_newpart.load({partcodeid: conn_masterpcs.data.allpartcodes.data.where(\`code\`, frm_createpart.inp_filteredchildpc.value, \'==\')[0].id, code: frm_createpart.inp_filteredchildpc.value})`}}},else:{steps:{run:{outputType:'text',action:`conn_newpart.load({partcodeid: conn_masterpcs.data.allpartcodes.data.where(\`code\`, frm_createpart.inp_childpc1.value, \'==\')[0].id, code: frm_createpart.inp_childpc1.value})`}}}}})">Save changes</button>

  137.         </div>

  138.       </div>

  139.     </div>

  140.   </div>

  141. 

  142.   <div class="container d-print-none bg-dark" style="vertial-align: middle;">

  143. 

  144. 

  145.     <nav class="navbar navbar-expand-lg navbar-dark align-items-center bg-dark">

  146.       <div class="container-fluid">

  147.         <a><img src="/assets/images/logo_black.jpg"></a>

  148. 

  149.         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar1_collapse" aria-controls="navbar1_collapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>

  150.         <div class="collapse navbar-collapse" id="navbar1_collapse">

  151.           <div class="navbar-nav">

  152. 

  153.             <a class="nav-item nav-link active" href="/partinfo">Home</a>

  154.             <div class="nav-item dropdown">

  155.               <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="dropdown1" role="button" aria-haspopup="true" aria-expanded="false">Actions</a>

  156.               <div class="dropdown-menu" aria-labelledby="dropdown1">

  157.                 <a class="dropdown-item" internal="true" dmx-on:click="mod_createpart.show()">New Part</a>

  158.                 <a class="dropdown-item" href="/wadmin/usermanage" id="lnk_admin" dmx-show="conn_isauthenticated.data.administrator">User Management</a>

  159.                 <a class="dropdown-item" href="#">Something else here</a>

  160.               </div>

  161.             </div>

  162.             <div class="nav-item dropdown">

  163.               <a class="nav-link dropdown-toggle" href="#" id="navbar1_dropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Account&nbsp;</a>

  164.               <div class="dropdown-menu" aria-labelledby="navbar1_dropdown">

  165.                 <a class="dropdown-item" href="#" dmx-on:click="conn_logout.load({});browser1.goto('/')">Logout</a>

  166.                 <div class="dropdown-divider"></div>

  167.                 <a class="dropdown-item" href="#">Account</a>

  168.               </div>

  169.             </div>

  170.           </div>

  171.         </div>

  172.         <a class="navbar-brand text-end" href="#">ED</a>

  173.         <p style="float: right;" class="text-white fw-bold text-end" dmx-text="'Welcome '+whoami.data.query.firstname+' '+whoami.data.query.lastname"></p>

  174.       </div>

  175.     </nav>

  176.   </div>

  177.   <div class="modal" id="modal_newpart" is="dmx-bs5-modal" tabindex="-1">

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

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

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

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

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

  183.         </div>

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

  185.           <div class="container">

  186.             <div class="row">

  187.               <div class="col">

  188. 

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

  190.                   <label for="inp_masterpc" class="col-sm-2 col-form-label" style="width: fit-content;">Part Types</label>

  191.                   <select id="new_parttype" class="form-select" style="width: fit-content;" dmx-bind:options="conn_basedata.data.parttypes.data" optiontext="name" optionvalue="id">

  192.                     <option value="0"></option>

  193.                   </select>

  194.                 </div>

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

  196.                   <label for="inp_masterpc" class="col-sm-2 col-form-label" style="width: fit-content;">Part Codes</label>

  197.                   <select id="new_partcode" class="form-select" style="width: fit-content;" dmx-bind:options="conn_basedata.data.partcodes.data.where(`parttype.id`, new_parttype.value, '==')" optiontext="name" optionvalue="id">

  198.                     <option value="0"></option>

  199.                   </select>

  200.                 </div>

  201.               </div>

  202.             </div>

  203.             <div class="row">

  204.               <div class="col">

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

  206.                   <label for="inp_description" class="col-sm-2 col-form-label">Description</label>

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

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

  209.                   </div>

  210.                 </div>

  211.               </div>

  212.             </div>

  213.             <div class="row">

  214.               <div class="col">

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

  216.                   <label for="inp_comments" class="col-sm-2 col-form-label">Comments</label>

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

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

  219.                   </div>

  220.                 </div>

  221.               </div>

  222.             </div>

  223.           </div>

  224.         </div>

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

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

  227.           <button type="button" class="btn btn-primary" dmx-on:click="conn_newpart.load({})">

  228.             Save changes</button>

  229.         </div>

  230.       </div>

  231.     </div>

  232.   </div>

  233.   <div is="dmx-view" id="content">

  234.     <%- await include(content, locals); %>

  235.   </div>

  236.   <script src="/bootstrap/5/js/bootstrap.bundle.min.js"></script>

  237. </body>

  238. 

  239. </html>