-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
112 lines (109 loc) · 5.62 KB
/
index.htm
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Data Dragons | turtlenator</title>
</head>
<body>
<div class="header">
<h1>
<span id="header"><i class="fa fa-rocket" aria-hidden="true"></i> Data Dragon <i>lair turtlenator</i></span>
</h1>
</div>
<div class="content">
<a href='#'>
<div class='dashboardkacheln' id='btn-create-lair'>
<div style="width:100%;height:65px;margin: auto;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);"><i class="fa fa-home" aria-hidden="true"></i> Create Data Dragon Lair</div>
</div>
</a>
</div>
<div class="footer">
<p>
<span style="float:left;">CAA | Data Dragons | lair turtlenator | v0.1</span>
<span style="float:right;"><i>build by Data Dragons SIG at CAA (<a href='https://github.com/caa-datadragons' target='_blank'>git</a>)</i></span>
</p>
</div>
<!-- Modals -->
<div id="modalCreateLair" class="modal modalbgrse">
<div class="modal-content2">
<div class="modal-header">
<i class="fa fa-times button link" id="btn-modal-create-lair-close"></i>
</div>
<div class="modal-body">
<h1><i class="fa fa-cog" aria-hidden="true" style="color:#c94fa0"></i> Create Data Dragon Lair</h1>
<br>
<div class="form-group">
<label for="inp-wikidata">wikidata identifier</label>
<div class="input-group">
<input type="text" class="form-control" id="inp-wikidatastr" placeholder="wikidata identifier">
<span class="input-group-btn">
<button class="btn btn-success" type="button" style="border-radius: 0" id="btn-entitysearch">Search Entity!</button>
</span>
</div>
</div>
<input type="text" class="form-control" id="inp-wikidata" placeholder="" value="null" style="background-color:#892a69;" disabled>
<br>
<label for="inp-name">lair name</label>
<input type="text" class="form-control" id="inp-name" placeholder="lair name">
<br>
<label for="inp-description">lair description</label>
<input type="text" class="form-control" id="inp-description" placeholder="lair description">
<br>
<label for="inp-creator">lair creator(s)</label>
<input type="text" class="form-control" id="inp-creator" placeholder="lair creator(s)">
<br>
<label for="inp-sparql">SPARQL endpoint (optional)</label>
<input type="text" class="form-control" id="inp-sparql" placeholder="SPARQL endpoint (http://...)">
<br>
<label for="inp-api">API entry point (optional)</label>
<input type="text" class="form-control" id="inp-api" placeholder="API entry point (http://...)">
<br>
<label for="inp-prefix">prefix (optional)</label>
<input type="text" class="form-control" id="inp-prefix" placeholder="prefix (http://...)">
<br>
<label for="inp-link1">link (optional)</label>
<input type="text" class="form-control" id="inp-link1" placeholder="link">
<br>
<label for="inp-link2">link (optional)</label>
<input type="text" class="form-control" id="inp-link2" placeholder="link">
<br>
<label for="inp-link3">link (optional)</label>
<input type="text" class="form-control" id="inp-link3" placeholder="link">
<br>
<label for="indivstatus">status</label>
<select id="sel-status" class="form-control"></select>
<br>
<label for="indivlegaltype">legal type</label>
<select id="sel-legaltype" class="form-control"></select>
<br>
<label for="indivtype">type</label>
<select id="sel-type" class="form-control"></select>
<br>
<label for="indivgroup">group (optional)</label>
<select id="sel-group" class="form-control"></select>
<br>
<label for="indivlanguage">main language (optional)</label>
<select id="sel-language" class="form-control"></select>
<br>
<label for="indivquality">quality</label>
<select id="sel-quality" class="form-control"></select>
<br><br>
<button type="button" class="btn btn-success form-control" id="btn-modalCreateLair"><i class="fa fa-clipboard" aria-hidden="true"></i> Copy TTL to Clipboard</button>
<br><br>
<div class="alert alert-danger" role="alert" id="alertdiv"><b>
<center>some input is wrong!</center>
</b></div>
<div class="alert alert-success" role="alert" id="successdiv"><b>
<center>Turtle in clipboard!</center>
</b></div>
<textarea id="hiddenclipboard" style="width:100%;height:400px;"></textarea>
</div>
</div>
</div>
</div>
<script src="js/vendor/jquery-3.1.1.min.js"></script>
<script src="js/loadcss.js"></script>
<script src="js/TripleStore.js"></script>
<script src="js/turtlenator.js"></script>
<script src="js/UUID.js"></script>
</body>
</html>