-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
88 lines (80 loc) · 3.16 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
<title>SNIK Ontology Graph</title>
<link rel="icon" type="image/png" href="/img/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/img/favicon-16x16.png" sizes="16x16" />
<link rel="stylesheet" type="text/css" href="./css/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="./css/overlay.css" media="screen" />
<!--for golden layout-->
<script type="module">
import $ from "jquery";
window.jQuery = window.$ = $;
</script>
<script type="module" src="./js/browser/main.ts"></script>
</head>
<body style="margin: 0; height: 100vh; overflow: hidden">
<noscript>
<h1>
JavaScript is off.
<a href="http://enable-javascript.com/">Please enable</a>
to view site.
</h1>
</noscript>
<div id="top">
<form id="search" method="post">
<input type="text" name="query" id="search-field" list="matches" placeholder="🔍 Class Name" />
</form>
</div>
<div id="overlay-legend" class="overlay-legend">
<img src="img/legend.png" />
</div>
<div id="search-results" class="fullscreen modal" aria-hidden="true">
<header>
<h2 id="h2:search-results">Search Results</h2>
<a href="javascript:void(0)" class="closebtn" data-micromodal-close>×</a>
</header>
<table id="tab:search-results"></table>
</div>
<div id="chapter-search" class="fullscreen modal" aria-hidden="true">
<header>
<h2>Chapter Search</h2>
<a href="javascript:void(0)" class="closebtn" data-micromodal-close>×</a>
</header>
<table id="tab:chapter-search-chapters" style="float: left; margin-right: 5em"></table>
<table id="tab:chapter-search-classes" style="float: left"></table>
</div>
<div id="subontology-connectivity" class="fullscreen modal" aria-hidden="true">
<header>
<h2>Choose two Subontologies to Connect</h2>
<a href="javascript:void(0)" class="closebtn" data-micromodal-close>×</a>
</header>
<form id="subontology-connectivity-form">
<select id="subontology-connectivity-select1" name="subontology-connectivity-select1">
<option value="ob">Orange Book</option>
<option value="bb">Blue Book</option>
<option value="he">Heinrich et al.</option>
<option value="ciox">CIO X</option>
</select>
<select id="subontology-connectivity-select2" name="subontology-connectivity-select2">
<option value="bb">Blue Book</option>
<option value="ob">Orange Book</option>
<option value="he">Heinrich et al.</option>
<option value="ciox">CIO X</option>
</select>
<input type="submit" value="Show Connectivity" />
</form>
</div>
<div id="loadarea"></div>
<template id="goldenlayout-header" type="text/html">
<li class="recalculatesign" id="recalculatesign"></li>
<li class="tightlayoutsign" id="tightlayoutsign"></li>
<li class="compoundlayoutsign" id="compoundlayoutsign"></li>
<li class="addsign" id="addsign"></li>
<li class="plussign" id="plussign"></li>
<li class="minussign" id="minussign"></li>
</template>
</body>
</html>