layout-new.html 10.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <script type="text/javascript" src="/js_libs/jquery.min.js"></script>
  6. <script type="text/javascript" src="/js_libs/jquery.browser.js"></script>
  7. <script type="text/javascript" src="/js_libs/jquery.svg.min.js"></script>
  8. <script type="text/javascript" src="/js_libs/jquery.svgdom.min.js"></script>
  9. <script type="text/javascript" src="/js_libs/vkbeautify.js"></script>
  10. <script type="text/javascript" src="/js_libs/util.js"></script>
  11. <script type="text/javascript" src="/js_libs/printf.js"></script>
  12. <script type="text/javascript" src="/js_libs/strftime.min.js"></script>
  13. <script type="text/javascript" src="/js_libs/parsequery.js"></script>
  14. <script type="text/javascript" src="/js_libs/underscore.min.js"></script>
  15. <script type="text/javascript" src="/js_libs/jquery.caret.min.js"></script>
  16. <script type="text/javascript" src="/js_libs/jquery.cookie.js"></script>
  17. <script type="text/javascript" src="/js_libs/ui.js"></script>
  18. <link rel="stylesheet" href="/js_libs/ui.css" type="text/css"/>
  19. <link rel="stylesheet" href="/cdp_ui/ui.css" type="text/css"/>
  20. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.12.0/js-yaml.min.js"></script>
  21. <script type="text/javascript" src="layout-js/edit.js"></script>
  22. <script type="text/javascript" src="layout-js/draw.js"></script>
  23. <script type="text/javascript" src="layout-js/ui.js"></script>
  24. <!-- custom stuff, play arround -->
  25. <link rel="stylesheet" href="layout-css/layout.css" type="text/css"/>
  26. </head>
  27. <body is="x-ui">
  28. <ui-rest id="main">
  29. <ui-tabbar>
  30. <ui-before ><a class="logo" href="/"></a></ui-before>
  31. <ui-tab class="" data-tab="layout" >Layout</ui-tab>
  32. <!-- <ui-tab class="inactive" data-tab="backlog" >Backlog</ui-tab>
  33. <ui-tab class="inactive" data-tab="optimize">Optimize</ui-tab> -->
  34. <ui-behind ></ui-behind>
  35. </ui-tabbar>
  36. <ui-content>
  37. <ui-area data-belongs-to-tab="layout" id='graphcolumn'>
  38. <svg class="draw" viewBox="0 0 91.83 75.2">
  39. <defs>
  40. <g class="node" transform="">
  41. <rect rx="0.5" ry="0.5" width="7.8" height="3.5"></rect>
  42. <text transform="translate(0.3 0)" class='station'></text>
  43. </g>
  44. <tspan class="text" x="0" dy="1"></tspan>
  45. <polyline class="conn-red" points="1,1"/>
  46. <polyline class="conn-green" points="1,1"/>
  47. </defs>
  48. <g class="lines"></g>
  49. <g class="texts"></g>
  50. </svg>
  51. </ui-area>
  52. <ui-resizehandle data-belongs-to-tab="layout" data-label="drag to resize"></ui-resizehandle>
  53. <ui-area data-belongs-to-tab="layout" class="optcontent" id="detailcolumn">
  54. <!-- <div class="heading">All Wheelsets From Timespan</div>
  55. <div class="stuff">
  56. <input type="text" name="number" value="" placeholder="Date From"/>
  57. <input type="text" name="number" value="" placeholder="Date To"/>
  58. <button>Load</button>
  59. </div> -->
  60. <!-- <div class="heading">Simulate Backlog</div>
  61. <div class="stuff">
  62. <button>Load Backlog</button>
  63. </div> -->
  64. <div class="heading">Load Single Wheelset</div>
  65. <div class="new">
  66. <input type="text" name="number" id="inumber" value="" placeholder="wheelset #"/>
  67. <button id="run">Load</button>
  68. </div>
  69. <p class="instance" style="display:none">
  70. Instance: <a href="" target="_blank" rel="noopener noreferrer"></a>
  71. </p>
  72. <p class="stations"></p>
  73. </ui-area>
  74. <ui-area data-belongs-to-tab="backlog" class="optcontent inactive">
  75. <table class="ui-table">
  76. <thead>
  77. <tr>
  78. <th>Schaedigungen</th>
  79. <th>Taetigkeiten</th>
  80. <th>Lagerlaufl.</th>
  81. <th>Tauschgruppe</th>
  82. <th>Lagerbauart</th>
  83. <th>Restv.schl.s.</th>
  84. <th>Actions</th>
  85. </tr>
  86. </thead>
  87. <tbody>
  88. <tr>
  89. <td><input class="c1" type="text" value='["X1","X2,"X3"]'/></td>
  90. <td><input class="c2" type="text" value='["Eigenspannungspruefung","Abpressen"]'/></td>
  91. <td><input class="c3" type="text" value='2.1'/></td>
  92. <td><input class="c4" type="text" value='{"lagerlaufleistung":1.5,"wucht_gramm_pro_meter":5,"bremsscheiben":true,"personenzug":true,"gueterzug":false,"restverschleissstaerke":5}'/></td>
  93. <td><input class="c5" type="text" value='{"innenring":true,"deckel_mit_loch":false}'/></td>
  94. <td><input class="c6" type="text" value='2'/></td>
  95. <td>
  96. <a href="" onclick="return confirm('Are you sure? Its gone if you approve.')">delete</a>
  97. </td>
  98. </tr>
  99. <tr>
  100. <td><input class="c1" type="text" value='["X2,"X3"]'/></td>
  101. <td><input class="c2" type="text" value='["Eigenspannungspruefung"]'/></td>
  102. <td><input class="c3" type="text" value='2.1'/></td>
  103. <td><input class="c4" type="text" value='{"lagerlaufleistung":1.5,"wucht_gramm_pro_meter":5,"bremsscheiben":true,"personenzug":true,"gueterzug":false,"restverschleissstaerke":5}'/></td>
  104. <td><input class="c5" type="text" value='{"innenring":true,"deckel_mit_loch":false}'/></td>
  105. <td><input class="c6" type="text" value='2'/></td>
  106. <td>
  107. <a href="" onclick="return confirm('Are you sure? Its gone if you approve.')">delete</a>
  108. </td>
  109. </tr>
  110. <tr>
  111. <td><input class="c1" type="text" value='["X1","X2"]'/></td>
  112. <td><input class="c2" type="text" value='["Eigenspannungspruefung"]'/></td>
  113. <td><input class="c3" type="text" value='2.1'/></td>
  114. <td><input class="c4" type="text" value='{"lagerlaufleistung":1.5,"wucht_gramm_pro_meter":5,"bremsscheiben":true,"personenzug":true,"gueterzug":false,"restverschleissstaerke":5}'/></td>
  115. <td><input class="c5" type="text" value='{"innenring":true,"deckel_mit_loch":false}'/></td>
  116. <td><input class="c6" type="text" value='2'/></td>
  117. <td>
  118. <a href="" onclick="return confirm('Are you sure? Its gone if you approve.')">delete</a>
  119. </td>
  120. </tr>
  121. <tr>
  122. <td><input class="c1" type="text" value='["X1","X3"]'/></td>
  123. <td><input class="c2" type="text" value='["Eigenspannungspruefung","Abpressen"]'/></td>
  124. <td><input class="c3" type="text" value='2.1'/></td>
  125. <td><input class="c4" type="text" value='{"lagerlaufleistung":1.5,"wucht_gramm_pro_meter":5,"bremsscheiben":true,"personenzug":true,"gueterzug":false,"restverschleissstaerke":5}'/></td>
  126. <td><input class="c5" type="text" value='{"innenring":true,"deckel_mit_loch":false}'/></td>
  127. <td><input class="c6" type="text" value='2'/></td>
  128. <td>
  129. <a href="" onclick="return confirm('Are you sure? Its gone if you approve.')">delete</a>
  130. </td>
  131. </tr>
  132. <tr>
  133. <td><input class="c1" type="text" value='["X1"]'/></td>
  134. <td><input class="c2" type="text" value='[]'/></td>
  135. <td><input class="c3" type="text" value='2.1'/></td>
  136. <td><input class="c4" type="text" value='{"lagerlaufleistung":1.5,"wucht_gramm_pro_meter":5,"bremsscheiben":true,"personenzug":true,"gueterzug":false,"restverschleissstaerke":5}'/></td>
  137. <td><input class="c5" type="text" value='{"innenring":true,"deckel_mit_loch":false}'/></td>
  138. <td><input class="c6" type="text" value='2'/></td>
  139. <td>
  140. <a href="" onclick="return confirm('Are you sure? Its gone if you approve.')">delete</a>
  141. </td>
  142. </tr>
  143. <tr>
  144. <td><input class="c1" type="text" value='["X1","X2,"X3"]'/></td>
  145. <td><input class="c2" type="text" value='["Eigenspannungspruefung"]'/></td>
  146. <td><input class="c3" type="text" value='2.1'/></td>
  147. <td><input class="c4" type="text" value='{"lagerlaufleistung":1.5,"wucht_gramm_pro_meter":5,"bremsscheiben":true,"personenzug":true,"gueterzug":false,"restverschleissstaerke":5}'/></td>
  148. <td><input class="c5" type="text" value='{"innenring":true,"deckel_mit_loch":false}'/></td>
  149. <td><input class="c6" type="text" value='2'/></td>
  150. <td>
  151. <a href="" onclick="return confirm('Are you sure? Its gone if you approve.')">delete</a>
  152. </td>
  153. </tr>
  154. <tr>
  155. <td><input class="c1" type="text" value='["X3"]'/></td>
  156. <td><input class="c2" type="text" value='["Eigenspannungspruefung"]'/></td>
  157. <td><input class="c3" type="text" value='2.1'/></td>
  158. <td><input class="c4" type="text" value='{"lagerlaufleistung":1.5,"wucht_gramm_pro_meter":5,"bremsscheiben":true,"personenzug":true,"gueterzug":false,"restverschleissstaerke":5}'/></td>
  159. <td><input class="c5" type="text" value='{"innenring":true,"deckel_mit_loch":false}'/></td>
  160. <td><input class="c6" type="text" value='2'/></td>
  161. <td>
  162. <a href="" onclick="return confirm('Are you sure? Its gone if you approve.')">delete</a>
  163. </td>
  164. </tr>
  165. <tbody>
  166. </table>
  167. <button>New Entry</button>
  168. </ui-area>
  169. <ui-area data-belongs-to-tab="optimize" class="optcontent inactive">
  170. <div class="heading">Reorder Backlog</div>
  171. <div class="stuff">
  172. <div>Parameter 1: <input type="text" name="number" value="" placeholder="Parameter1"/></div>
  173. <div>Parameter 2: <input type="text" name="number" value="" placeholder="Parameter2"/></div>
  174. <div><button>Optimize</button></div>
  175. </div>
  176. </ui-area>
  177. </ui-content>
  178. </ui-rest>
  179. </body>
  180. </html>