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.
 
 
 

241 line
17 KiB

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <base href="/">
  5. <script src="/dmxAppConnect/dmxAppConnect.js"></script>
  6. <meta charset="UTF-8">
  7. <title>RPM Industries</title>
  8. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9. <link rel="stylesheet" href="/bootstrap/5/css/bootstrap.min.css" />
  10. <link rel="stylesheet" href="/css/style.css" />
  11. <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  12. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js" integrity="sha256-CutOzxCRucUsn6C6TcEYsauvvYilEniTXldPa6/wu0k=" crossorigin="anonymous"></script>
  13. <script src="/dmxAppConnect/dmxRouting/dmxRouting.js" defer></script>
  14. <script src="/dmxAppConnect/dmxDataTraversal/dmxDataTraversal.js" defer></script>
  15. <script src="/dmxAppConnect/dmxTyped/dmxTyped.js" defer></script>
  16. <script src="/dmxAppConnect/dmxTyped/typed.min.js" defer></script>
  17. <link rel="stylesheet" href="/dmxAppConnect/dmxValidator/dmxValidator.css" />
  18. <script src="/dmxAppConnect/dmxValidator/dmxValidator.js" defer></script>
  19. <link rel="stylesheet" href="/dmxAppConnect/dmxNotifications/dmxNotifications.css" />
  20. <script src="/dmxAppConnect/dmxNotifications/dmxNotifications.js" defer></script>
  21. <script src="/dmxAppConnect/dmxBrowser/dmxBrowser.js" defer></script>
  22. <script src="/dmxAppConnect/dmxBootstrap5Navigation/dmxBootstrap5Navigation.js" defer></script>
  23. <script src="/dmxAppConnect/dmxFormatter/dmxFormatter.js" defer></script>
  24. <script src="/dmxAppConnect/dmxStateManagement/dmxStateManagement.js" defer></script>
  25. <script src="/dmxAppConnect/dmxFormRepeat/dmxFormRepeat.js" defer></script>
  26. <link rel="stylesheet" href="/dmxAppConnect/dmxBootstrap5TableGenerator/dmxBootstrap5TableGenerator.css" />
  27. <script src="/dmxAppConnect/dmxBootstrap5Modal/dmxBootstrap5Modal.js" defer></script>
  28. <script src="/dmxAppConnect/dmxScheduler/dmxScheduler.js" defer></script>
  29. <script src="/dmxAppConnect/dmxBootstrap5Toasts/dmxBootstrap5Toasts.js" defer></script>
  30. <script src="/socket.io/socket.io.js" defer></script>
  31. <script src="/dmxAppConnect/dmxSockets/dmxSockets.js" defer></script>
  32. <script src="/dmxAppConnect/dmxDatastore/dmxDatastore.js" defer></script>
  33. <link rel="stylesheet" href="/dmxAppConnect/dmxDatePicker/daterangepicker.min.css" />
  34. <script src="/dmxAppConnect/dmxDatePicker/daterangepicker.min.js" defer></script>
  35. <link rel="stylesheet" href="/dmxAppConnect/dmxDatePicker/dmxDatePicker.css" />
  36. <script src="/dmxAppConnect/dmxDatePicker/dmxDatePicker.js" defer></script>
  37. <link rel="stylesheet" href="/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.css" />
  38. <script src="/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.js" defer></script>
  39. <script src="/dmxAppConnect/dmxBootbox5/bootstrap-modbox.min.js" defer></script>
  40. <script src="/dmxAppConnect/dmxBootbox5/dmxBootbox5.js" defer></script>
  41. <script src="/dmxAppConnect/dmxBootstrap5Alert/dmxBootstrap5Alert.js" defer></script>
  42. <link rel="stylesheet" href="/fontawesome6/css/all.min.css" />
  43. <script src="/dmxAppConnect/dmxBootstrap4Navigation/dmxBootstrap4Navigation.js" defer></script>
  44. <script src="/dmxAppConnect/dmxBootstrap4Modal/dmxBootstrap4Modal.js" defer></script>
  45. <link rel="stylesheet" href="/dmxAppConnect/dmxBootstrap4TableGenerator/dmxBootstrap4TableGenerator.css" />
  46. <link rel="stylesheet" href="/dmxAppConnect/dmxPreloader/dmxPreloader.css" />
  47. <script src="/dmxAppConnect/dmxPreloader/dmxPreloader.js" defer></script>
  48. </head>
  49. <body is="dmx-app" id="main">
  50. <dmx-value id="var_ptsearch" dmx-on:updated="conn_search.load({},true)"></dmx-value>
  51. <dmx-value id="var_partid"></dmx-value>
  52. <dmx-value id="var_userinfo"></dmx-value>
  53. <dmx-value id="pg_apiurl" dmx-bind:value="conn_urls.data.apiurl"></dmx-value>
  54. <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>
  55. <dmx-serverconnect id="whoami" url="/api/security/whoami"></dmx-serverconnect>
  56. <dmx-serverconnect id="conn_basedata" url="/api/Parts/newpartbasedata"></dmx-serverconnect>
  57. <dmx-serverconnect id="conn_urls" url="/api/gs/urls"></dmx-serverconnect>
  58. <dmx-serverconnect id="conn_isauthenticated" url="/api/security/isauthenticated" dmx-on:forbidden="browser1.goto('/cnfrm',true)" dmx-on:unauthorized="browser1.goto('/',true)"></dmx-serverconnect>
  59. <dmx-serverconnect id="conn_logout" url="/api/security/logout" dmx-on:success="browser1.goto('/')" noload="true"></dmx-serverconnect>
  60. <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>
  61. <dmx-serverconnect id="conn_searchforbom" url="/api/BOM/findbypn" noload="true"></dmx-serverconnect>
  62. <dmx-serverconnect id="conn_search" url="/api/Parts/Seach" dmx-param:input="var_ptsearch.value" noload="true"></dmx-serverconnect>
  63. <dmx-serverconnect id="conn_masterpcs" url="/api/PartCodes/masters"></dmx-serverconnect>
  64. <dmx-serverconnect id="conn_cmasters" url="/api/PartCodes/cmasters" dmx-param:code="mod_createpart.frm_createpart.inp_masterpc.value" noload="true"></dmx-serverconnect>
  65. <dmx-serverconnect id="conn_updatepartcode" url="/api/Parts/asynccalls/updatepartcode" dmx-on:done="viewsearch.load({id: mod_changepartcode.var_changepartcode.value},true)" noload="true"></dmx-serverconnect>
  66. <div is="dmx-browser" id="browser1"></div>
  67. <div class="modal" id="mod_changepartcode" is="dmx-bs5-modal" tabindex="-1">
  68. <div class="modal-dialog" role="document">
  69. <div class="modal-content">
  70. <div class="modal-header">
  71. <h5 class="modal-title">Part Code Invalid</h5>
  72. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  73. </div>
  74. <div class="modal-body">
  75. <dmx-value id="var_changepartcode"></dmx-value>
  76. <div class="form-group mb-3 row">
  77. <label for="inp_masterpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Top Part Code</label>
  78. <div class="align-self-center col-sm-7 offset-1">
  79. <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)`}}}}})">
  80. </div>
  81. </div>
  82. <div class="form-group mb-3 row" dmx-hide="inp_masterpc.value" name="grp_allcodes">
  83. <label for="inp_childpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Part Code</label>
  84. <div class="align-self-center col-sm-7 offset-1">
  85. <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)">
  86. </div>
  87. </div>
  88. <div class="form-group mb-3 row" dmx-show="inp_masterpc.value" name="grp_filteredcodes">
  89. <label for="inp_filteredchildpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Part Code</label>
  90. <div class="align-self-center col-sm-7 offset-1">
  91. <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)">
  92. </div>
  93. </div>
  94. </div>
  95. <div class="modal-footer">
  96. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  97. <button type="button" class="btn btn-primary" dmx-on:click="conn_updatepartcode.load({id: var_partid.value, cid: var_changepartcode.value})">Save changes</button>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="modal" id="mod_createpart" is="dmx-bs5-modal" tabindex="-1">
  103. <div class="modal-dialog" role="document">
  104. <div class="modal-content">
  105. <div class="modal-header">
  106. <h5 class="modal-title">New Part</h5>
  107. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  108. </div>
  109. <div class="modal-body">
  110. <form id="frm_createpart">
  111. <div class="form-group mb-3 row">
  112. <label for="inp_masterpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Top Part Code</label>
  113. <div class="align-self-center col-sm-7 offset-1">
  114. <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)`}}}}})">
  115. </div>
  116. </div>
  117. <div class="form-group mb-3 row" dmx-hide="inp_masterpc.value">
  118. <label for="inp_childpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Part Code</label>
  119. <div class="align-self-center col-sm-7 offset-1">
  120. <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+' '">
  121. </div>
  122. </div>
  123. <div class="form-group mb-3 row" dmx-show="inp_masterpc.value">
  124. <label for="inp_filteredchildpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Part Code</label>
  125. <div class="align-self-center col-sm-7 offset-1">
  126. <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+' '">
  127. </div>
  128. </div>
  129. </form>
  130. </div>
  131. <div class="modal-footer">
  132. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  133. <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>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. <div class="container d-print-none bg-dark" style="vertial-align: middle;">
  139. <nav class="navbar navbar-expand-lg navbar-dark align-items-center bg-dark">
  140. <div class="container-fluid">
  141. <a><img src="/assets/images/logo_black.jpg"></a>
  142. <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>
  143. <div class="collapse navbar-collapse" id="navbar1_collapse">
  144. <div class="navbar-nav">
  145. <a class="nav-item nav-link active" href="/partinfo">Home</a>
  146. <div class="nav-item dropdown">
  147. <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="dropdown1" role="button" aria-haspopup="true" aria-expanded="false">Actions</a>
  148. <div class="dropdown-menu" aria-labelledby="dropdown1">
  149. <a class="dropdown-item" internal="true" dmx-on:click="mod_createpart.show()">New Part</a>
  150. <a class="dropdown-item" href="/wadmin/usermanage" id="lnk_admin" dmx-show="conn_isauthenticated.data.administrator">User Management</a>
  151. <a class="dropdown-item" href="#">Something else here</a>
  152. </div>
  153. </div>
  154. <div class="nav-item dropdown">
  155. <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>
  156. <div class="dropdown-menu" aria-labelledby="navbar1_dropdown">
  157. <a class="dropdown-item" href="#" dmx-on:click="conn_logout.load({});browser1.goto('/')">Logout</a>
  158. <div class="dropdown-divider"></div>
  159. <a class="dropdown-item" href="#">Account</a>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. <a class="navbar-brand text-end" href="#">ED</a>
  165. <p style="float: right;" class="text-white fw-bold text-end" dmx-text="'Welcome '+whoami.data.query.firstname+' '+whoami.data.query.lastname"></p>
  166. </div>
  167. </nav>
  168. </div>
  169. <div class="modal" id="modal_newpart" is="dmx-bs5-modal" tabindex="-1">
  170. <div class="modal-dialog" role="document">
  171. <div class="modal-content">
  172. <div class="modal-header">
  173. <h5 class="modal-title">New Part</h5>
  174. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  175. </div>
  176. <div class="modal-body">
  177. <div class="container">
  178. <div class="row">
  179. <div class="col">
  180. <div class="form-group mb-3 row">
  181. <label for="inp_masterpc" class="col-sm-2 col-form-label" style="width: fit-content;">Part Types</label>
  182. <select id="new_parttype" class="form-select" style="width: fit-content;" dmx-bind:options="conn_basedata.data.parttypes.data" optiontext="name" optionvalue="id">
  183. <option value="0"></option>
  184. </select>
  185. </div>
  186. <div class="form-group mb-3 row">
  187. <label for="inp_masterpc" class="col-sm-2 col-form-label" style="width: fit-content;">Part Codes</label>
  188. <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">
  189. <option value="0"></option>
  190. </select>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="row">
  195. <div class="col">
  196. <div class="form-group mb-3 row">
  197. <label for="inp_description" class="col-sm-2 col-form-label">Description</label>
  198. <div class="col-sm-10">
  199. <textarea id="inp_description" class="form-control" name="description"></textarea>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="row">
  205. <div class="col">
  206. <div class="form-group mb-3 row">
  207. <label for="inp_comments" class="col-sm-2 col-form-label">Comments</label>
  208. <div class="col-sm-10">
  209. <textarea id="inp_comments" class="form-control" name="comments"></textarea>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="modal-footer">
  217. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  218. <button type="button" class="btn btn-primary" dmx-on:click="conn_newpart.load({})">
  219. Save changes</button>
  220. </div>
  221. </div>
  222. </div>
  223. </div>
  224. <div is="dmx-view" id="content">
  225. <%- await include(content, locals); %>
  226. </div>
  227. <script src="/bootstrap/5/js/bootstrap.bundle.min.js"></script>
  228. </body>
  229. </html>