spacepaste

Paste details

reply | raw

  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  6. <style>
  7. body {
  8. padding: 15px;
  9. background-image: url("/static/bg.png");
  10. background-repeat: no-repeat;
  11. }
  12. .table-hideable td,
  13. .table-hideable th {
  14. width: auto;
  15. transition: width .5s, margin .5s;
  17. }
  18. .btn-condensed.btn-condensed {
  19. padding: 0px 0px 0px 0px;
  20. box-shadow: none;
  21. }
  22. .hide-col {
  23. width: 0 !important;
  24. height: 0 !important;
  25. display: none !important;
  26. overflow: hidden !important;
  27. margin: 0 !important;
  28. padding: 0 !important;
  29. border: none !important;
  30. }
  31. .thbg
  32. {
  33. background-image: url("/static/fieldbg.png");
  34. }
  35. .thbgg
  36. {
  37. background-color:#b21f2d ;
  38. color: #FFF;
  39. }
  40. </style>
  42. <link rel="stylesheet" href={{ url_for('static', filename='css/bootstrap.css') }}>
  43. <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js" integrity="sha384-xymdQtn1n3lH2wcu0qhcdaOpQwyoarkgLVxC/wZ5q7h9gHtxICrpcaSUfygqZGOe" crossorigin="anonymous"></script>
  44. <meta charset="UTF-8">
  45. <title>Sales Search</title>
  47. </head>
  48. <body>
  49. <div id="wrapper">
  50. <div class="corner-ribbon top-left red shadow">ALPHA</div>
  51. <div align="center" class="p"><img src="/static/sdclogopng.png"> </div>
  52. <div class="container-fluid" id="container-fluid">
  53. <div class="row">
  54. <div class="col-sm-9">
  55. <div class="form-group">
  56. <form method="post" class="form-horizontal" role="form" name="form" id="form" action="/search">
  57. <div class="form-row form-group">
  58. <div class="col-auto">
  59. <input type="text" name="startchass" class="form-control form-control-sm thbg" placeholder="Chassis Number">
  60. </div>
  61. <div class="col-auto">
  62. <input type="text" name="cusname" class="form-control form-control-sm thbg" placeholder="Customer name">
  63. </div>
  65. <div class="col-auto">
  66. <select name="chassistype1" class="form-control form-control-sm thbg" title="chassis type">
  67. <option disabled selected value>Select chassis type</option>
  68. {% for option in options %}
  69. <option class="form-control form-control-sm thbg" value="{{ option[0] }}">{{ option[0] }}</option>
  70. {% endfor %}
  71. </select>
  72. </div>
  73. <div class="col-auto">
  74. <select name="axleqty" class="form-control form-control-sm thbg" title="chassis type">
  75. <option disabled selected value>Axle quantity</option>
  76. {% for axleopt in axleopts %}
  77. <option class="form-control form-control-sm thbg" value="{{ axleopt[0] }}">{{ axleopt[0] }}</option>
  78. {% endfor %}
  79. </select>
  80. </div>
  83. <div class="col-auto">
  84. <input type="text" name="tyres" class="form-control form-control-sm thbg" placeholder="tyre type" id="1">
  85. </div></div>
  86. <div class="form-row form-group">
  87. <div class="col-auto">
  88. <input type="text" name="extlength" class="form-control form-control-sm thbg" placeholder="External Length" id="2">
  89. </div>
  91. <div class="col-auto">
  92. <input type="text" name="neck" class="form-control form-control-sm thbg" placeholder="Neck Dimensions" id="3">
  93. </div>
  95. <div class="col-auto">
  96. <input type="text" name="stepheight" class="form-control form-control-sm thbg" placeholder="Step height" id="3">
  97. </div>
  98. <div class="col-auto">
  99. <input type="text" name="reardeckheight" class="form-control form-control-sm thbg" placeholder="reardeckheight" id="4">
  100. </div>
  102. <div class="col-auto">
  103. <input type="text" name="siderave" class="form-control form-control-sm thbg" placeholder="Siderave" id="5">
  104. </div></div>
  105. <div class="form-row form-group">
  106. <div class="col-auto">
  107. <input type="text" name="steer" class="form-control form-control-sm thbg" placeholder="Steer option" id="6">
  108. </div>
  110. <div class="col-auto">
  111. <input type="text" name="sockets" class="form-control form-control-sm thbg" placeholder="Socket count" id="7">
  112. </div>
  114. <div class="col-auto">
  115. <input type="text" name="containertwistlock" class="form-control form-control-sm thbg" placeholder="Twist locks" id="8">
  116. </div>
  118. <div class="col-auto">
  119. <input type="text" name="headboard" class="form-control form-control-sm thbg" placeholder="headboard" id="9">
  120. </div>
  122. <input type="submit" type="" value="Submit using POST" class="btn btn-danger btn-sm" id="button" name="button"></div>
  123. </form>
  124. </div></div><div class=col-sm-3> <div class="refinewidth"> <h6 style="color:#fff">search for specific items/text here:</h6>
  125. <input class="form-control form-control-sm thbg" id="myInput" type="text" placeholder="Search.."></div><br></div></div></div>
  127. <div class="col-sm-4 alert alert-info"><strong>Click on a column header to exclude it from your results</strong></div>
  129. {% block body %}
  131. <div class="table-responsive">
  133. <table class="table table-condensed table-hover table-bordered table-hideable table-sm">
  134. <thead class="table-hideable thbgg">
  135. <tr>
  136. <th class="hide-column">Chassis Number </th>
  138. <th class="hide-column">Customer name</th>
  140. <th class="hide-column">Chassis Type</th>
  142. <th class="hide-column">Axles</th>
  144. <th class="hide-column">Tyre</th>
  146. <th class="hide-column">External Length</th>
  148. <th class="hide-column">Neck</th>
  150. <th class="hide-column">Step height</th>
  152. <th class="hide-column">Rear Deck height</th>
  154. <th class="hide-column">Siderave</th>
  156. <th class="hide-column">Steer</th>
  158. <th class="hide-column">Sockets</th>
  160. <th class="hide-column">Twistlocks</th>
  162. <th class="hide-column">Headboard</th>
  164. </tr>
  165. </thead>
  166. <tbody id="myTable">
  167. {% for item in result2 %}
  168. <tr>
  169. <td>{{ item.startchass }}</td><td>{{ item.cusname }}</td><td>{{ item.chassistype1 }}<td>{{ item.axleqty }}</td><td>{{ item.tyres }}</td><td>{{ item.extlength }}</td><td>{{ item.neck }}</td><td>{{ item.stepheight }}</td><td>{{ item.reardeckheight }}</td><td>{{ item.siderave }}</td><td>{{ item.steer }}</td><td>{{ item.sockets }}</td><td>{{ item.containerstwistlock }}</td><td>{{ item.headboard }}</td>
  170. </tr>
  171. {% endfor %}
  172. </tbody>
  174. <tfoot class="show-column-footer">
  175. <tr>
  176. <th colspan="14"><a class="show-column" href="#">Click here to show hidden columns</a></th>
  177. </tr>
  178. </tfoot>
  179. </table>
  181. </div>
  183. {% endblock %}
  184. <script>
  185. $(document).ready(function(){
  186. $("#myInput").on("keyup", function() {
  187. var value = $(this).val().toLowerCase();
  188. $("#myTable tr").filter(function() {
  189. $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
  190. });
  191. });
  192. });
  193. </script>
  194. <script type=text/javascript src="{{ url_for('static', filename='ajax.js') }}"></script>
  195. <script type=text/javascript src="{{ url_for('static', filename='form.js') }}"></script>
  196. </div>
  197. </body>
  198. </html>
  199.  
Powered by spacepaste. Paste removal.