Mercurial > hg > NetworkVis

comparison popoto_dev/ismi.html @ 12:d67c5ad47709

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
implementation with dropdown popup, unfinished
author alistair
date Fri, 02 Oct 2015 01:08:46 -0400
parents
children
comparison
equal deleted inserted replaced
11:5674d1cf5ab2 12:d67c5ad47709
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>