-
Notifications
You must be signed in to change notification settings - Fork 61
/
Copy pathindex.html
74 lines (65 loc) · 2.67 KB
/
index.html
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
<html>
<head>
<link rel="stylesheet" href="styles/codemirror.css">
<link rel="stylesheet" href="styles/codemirror-neo.css">
<link rel="stylesheet" href="styles/cy2neo.css">
<link rel="stylesheet" href="styles/neod3.css">
<link rel="stylesheet" href="styles/datatable.css">
<link rel="stylesheet" href="styles/vendor.css"> <!-- bootstrap-->
<link rel="stylesheet" href="styles/sweet-alert.css">
<link rel="stylesheet" href="styles/gh-fork-ribbon.css">
<title>Cy2NeoD3 - Tiny Neo4j Cypher Workbench</title>
</head>
<body>
<div>
<input class="form-control" type="url" value="http://localhost:7474" id="neo4jUrl"/><br/>
<input class="form-control" type="text" size="8" value="neo4j" id="neo4jUser"/>
<input class="form-control" type="password" size="8" placeholder="password" value="test" id="neo4jPass"/><br/>
<textarea name="cypher" id="cypher" rows="4" cols="120" data-lang="cypher" class="code form-control">
MATCH (n)-[r]->(m)
RETURN n,r,m
LIMIT 50;
</textarea>
<a href="#" title="Execute" id="execute"><i class="fa fa-play-circle-o"></i></a>
</div>
<div role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#graph" aria-controls="home" role="tab" data-toggle="tab">Graph</a></li>
<li role="presentation"><a href="#table" aria-controls="table" role="tab" data-toggle="tab">Table</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="graph">
<div class="tab-pane active" id="graph"> </div>
</div>
<div role="tabpanel" class="tab-pane" id="table">
<div id="datatable"></div>
</div>
</div>
<div class="github-fork-ribbon-wrapper right-bottom">
<div class="github-fork-ribbon">
<a href="https://github.com/jexp/cy2neo">Fork me on GitHub</a>
</div>
</div>
</div>
<script src="scripts/codemirror.js"></script>
<script src="scripts/codemirror-cypher.js"></script>
<script src="scripts/vendor.js"></script>
<script src="scripts/sweet-alert.min.js"></script>
<script src="scripts/neod3.js"></script>
<script src="scripts/neod3-visualization.js"></script>
<script src="scripts/neo4d3.js"></script>
<script src="scripts/cy2neod3.js"></script>
<script src="scripts/jquery.dataTables.min.js"></script>
<script src="scripts/cypher.datatable.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//todo dynamic configuration
var config = {}
var connection = function() { return {url:$("#neo4jUrl").val(), user:$("#neo4jUser").val(),pass:$("#neo4jPass").val()}; }
new Cy2NeoD3(config,"graph","datatable","cypher","execute", connection , true);
});
</script>
</body>
</html>