ricerca_avanzata.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>IPERION - Advanced Search</title>
  6. <link rel="icon" type="image/x-icon" href="img/icon.png">
  7. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  8. <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
  9. <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
  10. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  11. <script src="js/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  12. <script src="js/ajax/jQuery/jquery-3.2.1.min.js"></script>
  13. <script src="js/screensaver.js"></script>
  14. <link href="css/landing-page.css" rel="stylesheet">
  15. <link href="css/advanced-search.css" rel="stylesheet">
  16. <link href="css/styles.min.css" rel="stylesheet">
  17. <link href="css/search.css" rel="stylesheet">
  18. <script src="js\advanced_search.js"></script>
  19. <script src="js/config.js"></script>
  20. </head>
  21. <body>
  22. <header class="sticky-top">
  23. <nav class="navbar navbar-expand-lg navbar-light bg-white">
  24. <div class="container-fluid">
  25. <div class="navbar-brand">
  26. <a href="index.html"><img src="img/Logo.png" width="100" alt="Restore" /></a>
  27. </div>
  28. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  29. <span class="navbar-toggler-icon"></span>
  30. </button>
  31. <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
  32. <ul id="navbar_elements" class="navbar-nav">
  33. </ul>
  34. </div>
  35. </div>
  36. </nav>
  37. </header>
  38. <div id="screensaver"></div>
  39. <main>
  40. <section id="advanced_search_intro">
  41. <div class="container">
  42. <div class="section-small">
  43. <h1>Advanced Search</h1>
  44. <p>This is the interface for advanced search, dedicated to those who are already familiar with the project datasets and wish to search for a specific resource.
  45. To make the best use of the advanced search:
  46. <ul>
  47. <li><b>Select the category of the resource you are looking for</b> (otherwise the search will not be performed)</li>
  48. <li>Always fill in at least one parameter</li>
  49. <li>To select resources by original source select a collection from the drop-down menu provided</li>
  50. </ul>
  51. Advanced search simulates a query builder. You can select any number of parameters, at the same
  52. time the more parameters you select the more the search will be refined with respect to results.
  53. </p>
  54. </div>
  55. </div>
  56. </section>
  57. <section id="advanced_search" class="masthead text-center">
  58. <div class="overlay"></div>
  59. <div id="advanced_search-options" class="container">
  60. <div id="question">
  61. <p><b>What are you looking for?</b></p>
  62. </div>
  63. <div class="container-fluid">
  64. <div class="row main-search-container">
  65. <div class="col">
  66. <select id="type_selector" class="category-form-select form-control" aria-label="Tutte le Categorie">
  67. <option selected value="General">Browse all categories</option>
  68. </select>
  69. </div>
  70. <div class="col">
  71. <select id="collection_selector" class="collection-form-select form-control" aria-label="Tutte le Collezioni">
  72. <option selected value="">Browse all colletions</option>
  73. </select>
  74. </div>
  75. <div class="col-auto">
  76. <div id="wb_ClipArt1">
  77. <button class="btn btn-outline-light" onclick="getParameters()" type="button" id="ClipArt1" style="height:100%;">
  78. <i class="fa fa-search mr-2" aria-hidden="true"></i>
  79. Run query
  80. </button>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="mt-3">
  85. <div id="search-option-area">
  86. <div id="search-option-general" class="box General">
  87. <div id="drop-down-content"></div>
  88. <div>
  89. <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToList()">
  90. <i class="fa fa-plus mr-2" aria-hidden="true"></i>
  91. Add research parameter
  92. </button>
  93. </div>
  94. </div>
  95. <div id="search-option-person" class="box Person">
  96. <div id="drop-down-content-Person"></div>
  97. <div>
  98. <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToListPerson()">
  99. <i class="fa fa-plus mr-2" aria-hidden="true"></i>
  100. Add research parameter
  101. </button>
  102. </div>
  103. </div>
  104. <div id="search-option-OA" class="box OA">
  105. <div id="drop-down-content-OA"></div>
  106. <div>
  107. <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToListOA()">
  108. <i class="fa fa-plus mr-2" aria-hidden="true"></i>
  109. Add research parameter
  110. </button>
  111. </div>
  112. </div>
  113. <div id="search-option-letter" class="box Letter">
  114. <div id="drop-down-content-Letter"></div>
  115. <div>
  116. <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToListLetter()">
  117. <i class="fa fa-plus mr-2" aria-hidden="true"></i>
  118. Add research parameter
  119. </button>
  120. </div>
  121. </div>
  122. <div id="search-option-object" class="box Object">
  123. <div id="drop-down-content-Object"></div>
  124. <div>
  125. <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToListObject()">
  126. <i class="fa fa-plus mr-2" aria-hidden="true"></i>
  127. Add research parameter
  128. </button>
  129. </div>
  130. </div>
  131. <div id="search-option-place" class="box Place">
  132. <div id="drop-down-content-place"></div>
  133. <div>
  134. <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToListPlace()">
  135. <i class="fa fa-plus mr-2" aria-hidden="true"></i>
  136. Add research parameter
  137. </button>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </section>
  145. <section>
  146. <div class="container">
  147. <div class="section-small">
  148. <div id="box_results">
  149. <h2><span id="n_res"></span> Results</h2>
  150. <div class="query-results-container">
  151. <div id="Loader" class="search-loader load_small" style="display:none;"></div>
  152. <div id="query_results"></div>
  153. </div>
  154. </div>
  155. <div id="btn_dowload">
  156. <button onclick="download_table_as_csv();" class="btn btn-outline-dark"><i class="fa fa-download"></i> Download</button>
  157. </div>
  158. </div>
  159. </div>
  160. </section>
  161. </main>
  162. <footer id="footer" class="footer">
  163. </footer>
  164. <!-- Bootstrap core JavaScript -->
  165. <script src="js/utilities.js"></script>
  166. <script src="vendor/jquery/jquery.min.js"></script>
  167. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  168. </body>
  169. </html>