-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathCompoundKit.html
91 lines (85 loc) · 4.09 KB
/
CompoundKit.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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<title>ToxCompound development page</title>
<link rel="stylesheet" href="tests/base.css">
<link rel="stylesheet" href="tests/skeleton.css">
<link rel="stylesheet" href="tests/layout.css">
<link rel="stylesheet" href="tests/jquery-ui.css">
<link rel="stylesheet" href="tests/jquery.dataTables.css">
<link rel="stylesheet" href="styles/toxcompound.css">
<link rel="stylesheet" href="styles/jtoxkit.css">
<script src="tests/jquery.js"></script>
<script src="tests/jquery-ui.js"></script>
<script src="tests/jquery.dataTables.js"></script>
<script src="scripts/ccLib.js"></script>
<script src="scripts/jtoxkit.js"></script>
<script src="scripts/toxcompound.js"></script>
<script language="javascript">
$(document).ready(function(){
window['ds'] = new jToxCompound($(".jtox-toolkit")[0], {rememberChecks: true, hideEmpty: true} );
// ds.queryDataset("http://apps.ideaconsult.net:8080/data/dataset/18?feature_uris[]=http://apps.ideaconsult.net:8080/toxbank/model/6/predicted");
// ds.queryDataset("http://apps.ideaconsult.net:8080/data/dataset/1", "http://apps.ideaconsult.net:8080/data/dataset/1/feature");
ds.queryDataset("http://localhost:8080/data/dataset");
});
</script>
</head>
<body>
<div class="jtox-toolkit" data-kit="compound" data-manual-init="yes" data-show-features="yes" data-show-export="yes"></div>
<div class="jtox-template">
<!--[[ jT.ui.templates['all-compound'] -->
<div class="jtox-compound">
<div class="jtox-ds-features"></div>
<div class="jtox-controls">
Showing from<span class="jtox-live-data high">{{ pagestart }}</span> to <span class="jtox-live-data high">{{ pageend }}</span><span class="jtox-live-data">{{ filtered-text }}</span>in pages of <select class="jtox-live-data" value="{{ pagesize }}">
<option value="10" selected="yes">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="50">50</option>
<option value="100">100</option>
</select> entries
<a class="paginate_disabled_previous prev-field" tabindex="0" role="button">Previous</a><a class="paginate_enabled_next next-field" tabindex="0" role="button">Next</a>
<input type="text" class="filterbox" placeholder="Filter..." />
</div>
<div class="jtox-ds-tables">
<div class="jt-error">
<span class="message"></span>
</div>
<div class="jtox-ds-fixed">
<table></table>
</div><div class="jtox-ds-variable">
<table></table>
</div>
</div>
</div>
<!-- // end of all-compound ]]-->
<!--[[ jT.ui.templates['compound-one-tab'] -->
<div class="jtox-selection">
<a href="#" class="multi-select select">select all</a> <a href="#" class="multi-select unselect">unselect all</a>
</div>
<!-- // end of #compound-one-tab ]]-->
<!--[[ jT.ui.templates['compound-one-feature'] -->
<div class="jtox-ds-feature"><input type="checkbox" checked="yes"
class="jtox-checkbox" /><span class="jtox-title">{{ title }}</span><sup class="helper"><a target="_blank"
href="{{ uri }}"><i class="fa fa-info-circle"></i></a></sup></div>
<!-- // end of #jtox-ds-feature ]]-->
<!--[[ jT.ui.templates['compound-download'] -->
<div class="jtox-inline jtox-ds-download">
<a target="_blank" href="{{ link }}"><img class="borderless" title="{{ type }}" src="{{ icon }}" alt="{{ type }}"/></a>
</div>
<!-- // end of #compound-download ]]-->
<!--[[ jT.ui.templates['compound-export'] -->
<div id="{{ id }}">
<div class="jtox-inline">Download dataset as: </div>
<div class="jtox-inline jtox-exportlist"></div>
</div>
<!-- // end of #compound-export ]]-->
</div>
</body>
</html>