MillerPr.github.io/xqueryTest.html at master · MillerPr/MillerPr.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
  integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">


  <title>XQuery Test</title>
</head>

<body>
  <div class="container mt-3">
    <h1>OCHRE XQuery</h1>
    <h5>This is a proof-of-concept to demonstrate xquery searching using the OCHRE API</h5>
    <hr>
    <h5>The API is configured to perform a case-insensitive search in one Set in the LCEIC project</h5>
    <h5>Search items by name</h5>
    <div>Input string search</div>
    <!-- User input field, requires preventDefault function to stop refresh -->
    <form id="wikiForm" onsubmit="createXquery(); event.preventDefault()">
      <div class="row">
        <div class="col">
          <input id="searchTerm" name="inputTerm" style="width:60vw" type="text" class="form-control"
          placeholder="Try searching for GR...">
        </div>
      </div>
    </form>
    <button id="xqueryButton" type="submit" class="btn btn-primary my-3" onclick="createXquery()">Submit</button>
  </div>

  <div class="container mt-3">
    <h5>Search items by description</h5>
    <div>Input string search</div>
    <!-- User input field, requires preventDefault function to stop refresh -->
    <form id="wikiForm_02" onsubmit="searchDescription(); event.preventDefault()">
      <div class="row">
        <div class="col">
          <input id="searchDesc" name="inputTerm" style="width:60vw" type="text" class="form-control"
          placeholder="Try searching for coin...">
        </div>
      </div>
    </form>
    <button id="xqueryButton_02" type="submit" class="btn btn-primary my-3"
    onclick="searchDescription()">Submit</button>
  </div>
  <hr>
  <div class="container mt-3">
    <h5>Search resources by name from the Tiwanaku project</h5>
    <div>Input string search</div>
    <!-- User input field, requires preventDefault function to stop refresh -->
    <form id="wikiForm_04" onsubmit="searchResource(); event.preventDefault()">
      <div class="row">
        <div class="col">
          <input id="searchResDesc" name="inputTerm" style="width:60vw" type="text" class="form-control"
          placeholder="Try searching for N2636-E2948...">
        </div>
      </div>
    </form>
    <button id="xqueryButton_04" type="submit" class="btn btn-primary my-3" onclick="searchResource()">Submit</button>
  </div>
  <hr>
  <div class="container mt-3">
    <h5>Search all items from RSTI, by name</h5>
    <div>Input string search using Regular Expression</div>
    <!-- User input field, requires preventDefault function to stop refresh -->
    <form id="wikiForm_03" onsubmit="searchProject(); event.preventDefault()">
      <div class="row">
        <div class="col">
          <input id="searchProject" name="inputTerm" style="width:60vw" type="text" class="form-control"
          placeholder="Try searching for RS 7 or RS 7\.">
        </div>
      </div>
    </form>
    <button id="xqueryButton_03" type="submit" class="btn btn-primary my-3" onclick="searchProject()">Submit</button>
  </div>
  <hr>
  <div class="container mt-3">
    <h5>Choose project and category — close but not working yet.</h5>

    <!-- User input field, requires preventDefault function to stop refresh -->
    <form id="wikiForm_05" onsubmit="searchDynamic(); event.preventDefault()">
      <div class="row">
        <div class="col-2">
          <select id="selectProject" class="form-select form-select-md mb-3" aria-label="Default select example">
            <option value="" selected>Project</option>
            <option value="46ccab46-9c3f-4448-8476-2bf18236791e">RSTI</option>
            <option value="4724cad8-1b09-4373-aca7-51a4dc5e2255">Tiwanaku</option>
            <option value="a9b933c2-7609-4aab-ae01-3af831e290ab">Idalion</option>
          </select>
        </div>
        <div class="col-2">
          <select id="selectCategory" class="form-select form-select-md mb-3" aria-label="Default select example">
            <option value="" selected>Category</option>
            <option value="spatialUnit">Locations & objects</option>
            <option value="resource">Resources</option>
            <option value="text">Texts</option>
          </select>
        </div>
        <div class="col-6">
          <input id="searchDynamic" name="inputTerm" style="width:20vw" type="text" class="form-control"
          placeholder="Enter search here (regex accepted)">
        </div>
      </div>
    </form>
    <button id="xqueryButton_05" type="submit" class="btn btn-primary my-3" onclick="searchDynamic()">Submit</button>

    <div id="xqueryOutput" class="container"></div>
    <pre id="output" class="container"></pre>
  </div>
  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
  integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>

  <script src="js/searchOCHRE.js"></script>

</body>
</html>