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.
 
 
 

235 rivejä
16 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. </head>
  47. <body is="dmx-app" id="main">
  48. <dmx-value id="var_ptsearch" dmx-on:updated="conn_search.load({},true)"></dmx-value>
  49. <dmx-value id="var_partid"></dmx-value>
  50. <dmx-value id="var_userinfo"></dmx-value>
  51. <dmx-value id="pg_apiurl" dmx-bind:value="conn_urls.data.apiurl"></dmx-value>
  52. <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>
  53. <dmx-serverconnect id="whoami" url="/api/security/whoami"></dmx-serverconnect>
  54. <dmx-serverconnect id="conn_basedata" url="/api/Parts/newpartbasedata"></dmx-serverconnect>
  55. <dmx-serverconnect id="conn_urls" url="/api/gs/urls"></dmx-serverconnect>
  56. <dmx-serverconnect id="conn_isauthenticated" url="/api/security/isauthenticated" dmx-on:forbidden="browser1.goto('/cnfrm',true)" dmx-on:unauthorized="browser1.goto('/',true)"></dmx-serverconnect>
  57. <dmx-serverconnect id="conn_logout" url="/api/security/logout" dmx-on:success="browser1.goto('/')" noload="true"></dmx-serverconnect>
  58. <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>
  59. <dmx-serverconnect id="conn_searchforbom" url="/api/BOM/findbypn" noload="true"></dmx-serverconnect>
  60. <dmx-serverconnect id="conn_search" url="/api/Parts/Seach" dmx-param:input="var_ptsearch.value" noload="true"></dmx-serverconnect>
  61. <dmx-serverconnect id="conn_masterpcs" url="/api/PartCodes/masters"></dmx-serverconnect>
  62. <dmx-serverconnect id="conn_cmasters" url="/api/PartCodes/cmasters" dmx-param:code="mod_createpart.frm_createpart.inp_masterpc.value" noload="true"></dmx-serverconnect>
  63. <div is="dmx-browser" id="browser1"></div>
  64. <div class="modal" id="mod_changepartcode" is="dmx-bs5-modal" tabindex="-1">
  65. <div class="modal-dialog" role="document">
  66. <div class="modal-content">
  67. <div class="modal-header">
  68. <h5 class="modal-title">Part Code Invalid</h5>
  69. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  70. </div>
  71. <div class="modal-body">
  72. <div class="form-group mb-3 row">
  73. <label for="inp_masterpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Top Part Code</label>
  74. <div class="align-self-center col-sm-7 offset-1">
  75. <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)`}}}}})">
  76. </div>
  77. </div>
  78. <div class="form-group mb-3 row" dmx-hide="inp_masterpc.value">
  79. <label for="inp_childpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Part Code</label>
  80. <div class="align-self-center col-sm-7 offset-1">
  81. <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" optionvalue="code" optionsearch="name+' '">
  82. </div>
  83. </div>
  84. <div class="form-group mb-3 row" dmx-show="inp_masterpc.value">
  85. <label for="inp_filteredchildpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Part Code</label>
  86. <div class="align-self-center col-sm-7 offset-1">
  87. <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" optionvalue="code" optionsearch="name+' '">
  88. </div>
  89. </div>
  90. </div>
  91. <div class="modal-footer">
  92. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  93. <button type="button" class="btn btn-primary">Save changes</button>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="modal" id="mod_createpart" is="dmx-bs5-modal" tabindex="-1">
  99. <div class="modal-dialog" role="document">
  100. <div class="modal-content">
  101. <div class="modal-header">
  102. <h5 class="modal-title">New Part</h5>
  103. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  104. </div>
  105. <div class="modal-body">
  106. <form id="frm_createpart">
  107. <div class="form-group mb-3 row">
  108. <label for="inp_masterpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Top Part Code</label>
  109. <div class="align-self-center col-sm-7 offset-1">
  110. <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)`}}}}})">
  111. </div>
  112. </div>
  113. <div class="form-group mb-3 row" dmx-hide="inp_masterpc.value">
  114. <label for="inp_childpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Part Code</label>
  115. <div class="align-self-center col-sm-7 offset-1">
  116. <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" optionvalue="code" optionsearch="name+' '">
  117. </div>
  118. </div>
  119. <div class="form-group mb-3 row" dmx-show="inp_masterpc.value">
  120. <label for="inp_filteredchildpc" class="col-sm-2 col-form-label col-form-label-sm" style="width: 30%">Part Code</label>
  121. <div class="align-self-center col-sm-7 offset-1">
  122. <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" optionvalue="code" optionsearch="name+' '">
  123. </div>
  124. </div>
  125. </form>
  126. </div>
  127. <div class="modal-footer">
  128. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  129. <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_childpc.value, \'==\')[0].id, code: frm_createpart.inp_childpc.value})`}}}}})">Save changes</button>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. <div class="container d-print-none" style="vertial-align: middle;">
  135. <nav class="navbar navbar-expand-lg navbar-dark bg-primary align-items-center">
  136. <div class="container-fluid">
  137. <a class="navbar-brand" href="#">RPM Studio</a>
  138. <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>
  139. <div class="collapse navbar-collapse" id="navbar1_collapse">
  140. <div class="navbar-nav">
  141. <a class="nav-item nav-link active" href="/partinfo">Home</a>
  142. <div class="nav-item dropdown">
  143. <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="dropdown1" role="button" aria-haspopup="true" aria-expanded="false">Actions</a>
  144. <div class="dropdown-menu" aria-labelledby="dropdown1">
  145. <a class="dropdown-item" internal="true" dmx-on:click="mod_createpart.show()">New Part</a>
  146. <a class="dropdown-item" href="/wadmin/usermanage" id="lnk_admin" dmx-show="conn_isauthenticated.data.administrator">User Management</a>
  147. <a class="dropdown-item" href="#">Something else here</a>
  148. </div>
  149. </div>
  150. <div class="nav-item dropdown">
  151. <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>
  152. <div class="dropdown-menu" aria-labelledby="navbar1_dropdown">
  153. <a class="dropdown-item" href="#" dmx-on:click="conn_logout.load({});browser1.goto('/')">Logout</a>
  154. <div class="dropdown-divider"></div>
  155. <a class="dropdown-item" href="#">Account</a>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <p style="float: right;" class="text-white fw-bold" dmx-text="'Welcome '+whoami.data.query.firstname+' '+whoami.data.query.lastname"></p>
  161. </div>
  162. </nav>
  163. </div>
  164. <div class="modal" id="modal_newpart" is="dmx-bs5-modal" tabindex="-1">
  165. <div class="modal-dialog" role="document">
  166. <div class="modal-content">
  167. <div class="modal-header">
  168. <h5 class="modal-title">New Part</h5>
  169. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  170. </div>
  171. <div class="modal-body">
  172. <div class="container">
  173. <div class="row">
  174. <div class="col">
  175. <div class="form-group mb-3 row">
  176. <label for="inp_masterpc" class="col-sm-2 col-form-label" style="width: fit-content;">Part Types</label>
  177. <select id="new_parttype" class="form-select" style="width: fit-content;" dmx-bind:options="conn_basedata.data.parttypes.data" optiontext="name" optionvalue="id">
  178. <option value="0"></option>
  179. </select>
  180. </div>
  181. <div class="form-group mb-3 row">
  182. <label for="inp_masterpc" class="col-sm-2 col-form-label" style="width: fit-content;">Part Codes</label>
  183. <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">
  184. <option value="0"></option>
  185. </select>
  186. </div>
  187. </div>
  188. </div>
  189. <div class="row">
  190. <div class="col">
  191. <div class="form-group mb-3 row">
  192. <label for="inp_description" class="col-sm-2 col-form-label">Description</label>
  193. <div class="col-sm-10">
  194. <textarea id="inp_description" class="form-control" name="description"></textarea>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <div class="row">
  200. <div class="col">
  201. <div class="form-group mb-3 row">
  202. <label for="inp_comments" class="col-sm-2 col-form-label">Comments</label>
  203. <div class="col-sm-10">
  204. <textarea id="inp_comments" class="form-control" name="comments"></textarea>
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. <div class="modal-footer">
  212. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  213. <button type="button" class="btn btn-primary" dmx-on:click="conn_newpart.load({})">
  214. Save changes</button>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. <div is="dmx-view" id="content">
  220. <%- await include(content, locals); %>
  221. </div>
  222. <script src="/bootstrap/5/js/bootstrap.bundle.min.js"></script>
  223. </body>
  224. </html>