<!doctype html> <html> <head> <meta charset="utf-8"> <title>IPERION - Advanced Search</title> <link rel="icon" type="image/x-icon" href="../img/icon.png"> <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="../vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> <link href="../vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css"> <script src="../js/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="../js/ajax/jQuery/jquery-3.2.1.min.js"></script> <script src="../js/screensaver.js"></script> <link href="../css/landing-page.css" rel="stylesheet"> <link href="../css/advanced-search.css" rel="stylesheet"> <link href="../css/styles.min.css" rel="stylesheet"> <link href="../css/search.css" rel="stylesheet"> <script src="../js\advanced_search.js"></script> <script src="../js/config.js"></script> </head> <body> <header class="sticky-top"> <nav class="navbar navbar-expand-lg navbar-light bg-white"> <div class="container-fluid"> <div class="navbar-brand"> <a href="../index.html"><img src="../img/Logo.png" width="100" alt="Restore" /></a> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown"> <ul id="navbar_elements" class="navbar-nav"> </ul> </div> </div> </nav> </header> <div id="screensaver"></div> <main> <section id="advanced_search_intro"> <div class="container"> <div class="section-small"> <h1>Advanced Search</h1> <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. To make the best use of the advanced search: <ul> <li><b>Select the category of the resource you are looking for</b> (otherwise the search will not be performed)</li> <li>Always fill in at least one parameter</li> <li>To select resources by original source select a collection from the drop-down menu provided</li> </ul> Advanced search simulates a query builder. You can select any number of parameters, at the same time the more parameters you select the more the search will be refined with respect to results. </p> </div> </div> </section> <section id="advanced_search" class="masthead text-center"> <div class="overlay"></div> <div id="advanced_search-options" class="container"> <div id="question"> <p><b>What are you looking for?</b></p> </div> <div class="container-fluid"> <div class="row main-search-container"> <div class="col"> <select id="type_selector" class="category-form-select form-control" aria-label="Tutte le Categorie"> <option selected value="General">Browse all categories</option> </select> </div> <div class="col"> <select id="collection_selector" class="collection-form-select form-control" aria-label="Tutte le Collezioni"> <option selected value="">Browse all colletions</option> </select> </div> <div class="col-auto"> <div id="wb_ClipArt1"> <button class="btn btn-outline-light" onclick="getParameters()" type="button" id="ClipArt1" style="height:100%;"> <i class="fa fa-search mr-2" aria-hidden="true"></i> Run query </button> </div> </div> </div> <div class="mt-3"> <div id="search-option-area"> <div id="search-option-general" class="box General"> <div id="drop-down-content"></div> <div> <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToList()"> <i class="fa fa-plus mr-2" aria-hidden="true"></i> Add research parameter </button> </div> </div> <div id="search-option-person" class="box Person"> <div id="drop-down-content-Person"></div> <div> <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToListPerson()"> <i class="fa fa-plus mr-2" aria-hidden="true"></i> Add research parameter </button> </div> </div> <div id="search-option-OA" class="box OA"> <div id="drop-down-content-OA"></div> <div> <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToListOA()"> <i class="fa fa-plus mr-2" aria-hidden="true"></i> Add research parameter </button> </div> </div> <div id="search-option-letter" class="box Letter"> <div id="drop-down-content-Letter"></div> <div> <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToListLetter()"> <i class="fa fa-plus mr-2" aria-hidden="true"></i> Add research parameter </button> </div> </div> <div id="search-option-object" class="box Object"> <div id="drop-down-content-Object"></div> <div> <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToListObject()"> <i class="fa fa-plus mr-2" aria-hidden="true"></i> Add research parameter </button> </div> </div> <div id="search-option-place" class="box Place"> <div id="drop-down-content-place"></div> <div> <button type="button" id="aggiungi" class="btn btn-link add" onclick="addToListPlace()"> <i class="fa fa-plus mr-2" aria-hidden="true"></i> Add research parameter </button> </div> </div> </div> </div> </div> </div> </section> <section> <div class="container"> <div class="section-small"> <div id="box_results"> <h2><span id="n_res"></span> Results</h2> <div class="query-results-container"> <div id="Loader" class="search-loader load_small" style="display:none;"></div> <div id="query_results"></div> </div> </div> <div id="btn_dowload"> <button onclick="download_table_as_csv();" class="btn btn-outline-dark"><i class="fa fa-download"></i> Download</button> </div> </div> </div> </section> </main> <footer id="footer" class="footer"> </footer> <!-- Bootstrap core JavaScript --> <script src="../js/utilities.js"></script> <script src="../vendor/jquery/jquery.min.js"></script> <script src="../vendor/bootstrap/js/bootstrap.bundle.min.js"></script> </body> </html>