DBsearch.hbs 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4. <title>{{title}}</title>
  5. <meta charset="utf-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  7. <link rel="stylesheet" href="/bootstrap/dist/css/bootstrap.min.css" />
  8. </head>
  9. <body>
  10. {{> menu}}
  11. <div class="container">
  12. <div class="row">
  13. <form action="" method="post" id="hard-form" style="background-color: #aaaaaa">
  14. <h2>Процессор</h2>
  15. <div class="row g-2">
  16. <div class="col-sm-6">
  17. <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" id="Type"
  18. name="procVendor">
  19. {{#each vendor}}
  20. <option value="{{this.id}}">{{this.companyName}}</option>
  21. {{/each}}
  22. </select>
  23. </div>
  24. <div class="col-sm-6">
  25. <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example"
  26. id="procModel" name="procModel">
  27. {{#each processor}}
  28. <option value="{{this.modelName}}">{{this.modelName}}</option>
  29. {{/each}}
  30. </select>
  31. </div>
  32. </div>
  33. <h2>Видеокарта</h2>
  34. <div class="row g-2">
  35. <div class="col-sm-6">
  36. <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example"
  37. name="videoCardVendor" placeholder="Выберите производителя...">
  38. {{#each vendor}}
  39. <option value="{{this.id}}">{{this.companyName}}</option>
  40. {{/each}}
  41. </select>
  42. </div>
  43. <div class="col-sm-6">
  44. <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example"
  45. id="videoCardModel" name="videoCardModel">
  46. {{#each videoCard}}
  47. <option value="{{this.modelName}}">{{this.modelName}}</option>
  48. {{/each}}
  49. </select>
  50. </div>
  51. </div>
  52. <button type="submit" class="btn btn-primary float-end md-8">
  53. Найти
  54. </button>
  55. </form>
  56. </div>
  57. <hr>
  58. </div>
  59. <script src="jquery/dist/jquery.slim.min.js"></script>
  60. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
  61. integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
  62. crossorigin="anonymous"></script>
  63. <script src="bootstrap/dist/js/bootstrap.min.js"></script>
  64. </body>
  65. </html>