-
Notifications
You must be signed in to change notification settings - Fork 35
/
Copy pathindex.html
130 lines (116 loc) · 4.71 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<!-- ©2014–2016 Ruben Verborgh, Ghent University – imec -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Comunica Web client</title>
<link rel=stylesheet href="styles/yasqe.css">
<link rel=stylesheet href="styles/leaflet.css"/>
<link rel=stylesheet href="styles/ldf-client.css">
<link rel=stylesheet href="//fonts.googleapis.com/css?family=Open+Sans:300,400italic,700italic,400,700">
<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1">
</head>
<body>
<header>
<a class="logo" href="https://comunica.dev/"><img src="images/logo.svg" alt="" /></a>
<h1><a href="#">Query the Web of Linked Data</a></h1>
<p><a href="https://comunica.dev/" target="_blank">Live in your browser, powered by Comunica</a>.</p>
</header>
<!--[if lte IE 9]><b>Your browser is unsupported.</b><div style="display:none"><![endif]-->
<main>
<fieldset class="ldf-client">
<ul>
<li>
<label>Choose datasources</label>
<span class="details-toggle" title="Show date option"></span>
<select class="datasources" multiple>
<option class="extra-information" value="">Select a preset datasource, or type a custom URL</option>
</select>
</li>
<li class="details solid-auth">
<label>Solid authentication</label>
<input class="idp" type="text" placeholder="Identity provider">
<span class="webid"></span>
<button class="login" disabled="true">Log in</button>
</li>
<li class="details">
<label>Pick a date</label>
<input class="datetime" type="date">
</li>
<li class="details">
<label>Set a HTTP proxy</label>
<input class="httpProxy" type="text">
<button class="proxy-default">Set default</button>
</li>
<li class="details">
<label>Bypass cache</label>
<input class="bypassCache" type="checkbox">
</li>
<li>
<label>Type or pick a query</label>
<select class="query"></select>
<div>
<ul class="query-texts">
<li><a id="sparql"><img src="images/sparql.png" alt="SPARQL" />SPARQL</a></li>
<li><a id="graphql"><img src="images/graphql.svg" alt="GraphQL" />GraphQL-LD</a></li>
</ul>
</div>
<div class="query-text-containers">
<div class="query-text-container" id="tab-sparql">
<textarea class="querytext querytext-sparql yasqe" placeholder="Write a SPARQL query or select one from the list"></textarea>
</div>
<div class="query-text-container" id="tab-graphql">
<a href="https://gist.github.com/rubensworks/9d6eccce996317677d71944ed1087ea6" class="help" target="_blank">What is GraphQL-LD?</a>
<label class="muted">GraphQL Query</label>
<textarea class="querytext querytext-graphql" placeholder="Write a GraphQL query or select one from the list"></textarea>
<label class="muted">JSON-LD context</label>
<textarea class="querycontext querycontext-graphql" placeholder="Write a JSON-LD context to map GraphQL query fields to URIs"></textarea>
<label class="muted">JSON tree results</label>
<input type="checkbox" class="results-to-tree results-to-tree-graphql" />
</div>
</div>
</li>
<li>
<button class="start">Execute query</button>
<button class="stop" style="display:none">Stop execution</button>
<span class="timing"></span>
</li>
<li class="results-map-wrapper">
<label>Geospatial results</label>
<div class="results-map"></div>
</li>
<li>
<div class="error-banner"></div>
</li>
<li>
<label>Query results</label>
<div class="results"></div>
</li>
<li>
<label>Execution log</label>
<pre class="log"></pre>
</li>
</ul>
</fieldset>
<p>
Discover how <a href="http://linkeddatafragments.org" target="_blank">Linked Data Fragments</a>
enable Web-scale querying of Linked Data.
</p>
</main>
<footer>
<p>
©2013–now
<a href="http://www.ugent.be/" target="_blank">Ghent University</a> –
<a href="http://www.imec.be/" target="_blank">imec</a>, Belgium.
<a href="https://github.com/comunica/jQuery-Widget.js">Source code</a>.
<p id="comunica-version"></p>
</p>
</footer>
<script src="scripts/ldf-client-ui.min.js"></script>
<script>
jQuery(function ($) {
$('.ldf-client').queryui({ settings: 'queries.json' });
});
</script>
</body>
</html>