|
12
|
1 <!DOCTYPE html>
|
|
|
2 <html>
|
|
|
3
|
|
|
4 <head>
|
|
|
5 <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
|
|
|
6 <title>Popoto Search</title>
|
|
|
7 <link rel="stylesheet" href="css/popoto.min.css">
|
|
|
8 </head>
|
|
|
9 <body class="ppt-body">
|
|
|
10
|
|
|
11 <header class="ppt-header">
|
|
|
12 <span class="ppt-header-span">POPOTO JS alpha version</span>
|
|
|
13 </header>
|
|
|
14
|
|
|
15 <section class="ppt-section-main">
|
|
|
16 <div class="ppt-section-header" style="height: auto; line-height: 35px;">
|
|
|
17 <span class="ppt-header-span">Graph</span> search
|
|
|
18 <form>
|
|
|
19 <table width="100%">
|
|
|
20 <tr>
|
|
|
21 <th>Person Constraints</th>
|
|
|
22 <th>Codex Constraints</th>
|
|
|
23 <th>Witness Constraints</th>
|
|
|
24 </tr>
|
|
|
25 <tr>
|
|
|
26 <td>
|
|
|
27 <label>
|
|
|
28 <input id="person-constraint" type="text" style="width: 90%;" value='$identifier.label IN [""]'>
|
|
|
29 </label>
|
|
|
30 </td>
|
|
|
31 <td>
|
|
|
32 <label>
|
|
|
33 <input id="codex-constraint" type="text" style="width: 90%;" value='$identifier.label IN [""]'>
|
|
|
34 </label>
|
|
|
35 </td>
|
|
|
36 <td>
|
|
|
37 <label>
|
|
|
38 <input id="witness-constraint" type="text" style="width: 90%;" value='$identifier.label IN [""]'>
|
|
|
39 </label>
|
|
|
40 </td>
|
|
|
41 </tr>
|
|
|
42 <tr>
|
|
|
43 <td>
|
|
|
44 <label>
|
|
|
45 <input id="person-constraint2" type="text" style="width: 90%;" value='$identifier.label IN [""]'>
|
|
|
46 </label>
|
|
|
47 </td>
|
|
|
48 <td>
|
|
|
49 <label>
|
|
|
50 <input id="codex-constraint2" type="text" style="width: 90%;" value='$identifier.label IN [""]'>
|
|
|
51 </label>
|
|
|
52 </td>
|
|
|
53 <td>
|
|
|
54 <label>
|
|
|
55 <input id="witness-constraint2" type="text" style="width: 90%;" value='$identifier.label IN [""]'>
|
|
|
56 </label>
|
|
|
57 </td>
|
|
|
58 </tr>
|
|
|
59 </table>
|
|
|
60 <!-- fill labels conditionally and have a single filter button with one id-->
|
|
|
61 <input id="filter-button" type="button" value="Use these filters">
|
|
|
62 <input id="clear-button" type="button" value="Reset">
|
|
|
63 <!--
|
|
|
64 use:
|
|
|
65 clickedNode.data = popoto.graph.node.parseResultData(data);
|
|
|
66 to get data to use in drop down boxes
|
|
|
67 where:
|
|
|
68 popoto.graph.node.nodeClick = function () {
|
|
|
69 has var:
|
|
|
70 var clickedNode = d3.select(this).data()[0]; // Clicked node data
|
|
|
71
|
|
|
72 note: could just do that for all [i] if not null
|
|
|
73 should test to see whether the .data returns the attribute type or the actual attribute
|
|
|
74 just console.log results array in popoto.graph.node.parseResultData
|
|
|
75 -->
|
|
|
76 </form>
|
|
|
77
|
|
|
78 <select id="dropdown" name="select12" style="visibility: hidden; overflow: scroll; position: fixed;">
|
|
|
79 <option>- Select -</option>
|
|
|
80 </select>
|
|
|
81
|
|
|
82 </div>
|
|
|
83
|
|
|
84 <div class="ppt-container-graph">
|
|
|
85 <nav id="popoto-taxonomy" class="ppt-taxo-nav">
|
|
|
86 <!-- Label/taxonomy filter will be generated here -->
|
|
|
87 </nav>
|
|
|
88 <div id="popoto-graph" class="ppt-div-graph">
|
|
|
89 <!-- Graph will be generated here-->
|
|
|
90 </div>
|
|
|
91 </div>
|
|
|
92
|
|
|
93 <div id="popoto-query" class="ppt-container-query">
|
|
|
94 <!-- Query viewer will be generated here -->
|
|
|
95 </div>
|
|
|
96
|
|
|
97 <!-- Cypher query viewer has been partially disabled for this alpha release and only display the query as text if enabled -->
|
|
|
98 <!--<div id="popoto-cypher" class="ppt-container-cypher">-->
|
|
|
99 <!--</div>-->
|
|
|
100
|
|
|
101 <div class="ppt-section-header">
|
|
|
102 <!-- The total results count is updated with a listener defined in app-template.js -->
|
|
|
103 RESULTS <span id="result-total-count" class="ppt-count"></span>
|
|
|
104 </div>
|
|
|
105
|
|
|
106 <div id="popoto-results" class="ppt-container-results">
|
|
|
107 <!-- Results will be generated here -->
|
|
|
108 </div>
|
|
|
109
|
|
|
110 </section>
|
|
|
111
|
|
|
112 <!---------------------->
|
|
|
113 <!-- Required scripts -->
|
|
|
114
|
|
|
115 <!-- Jquery is only used in popoto.js to send ajax POST request on Neo4j REST API -->
|
|
|
116 <!-- This dependency will probably be removed in future releases -->
|
|
|
117 <script src="js/jquery-2.1.0.min.js" charset="utf-8"></script>
|
|
|
118
|
|
|
119 <script src="js/d3.v3.min.js" charset="utf-8"></script>
|
|
|
120 <!-- <script src="js/popoto.min.js" charset="utf-8"></script> -->
|
|
|
121 <script src="src/js/popoto.js" charset="utf-8"></script>
|
|
|
122
|
|
|
123 <!-- You can modify the parameters defined in this script to customize this application template -->
|
|
|
124 <script src="js/app-ismi.js" charset="utf-8"></script>
|
|
|
125 </body>
|
|
|
126 </html>
|
