Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

eswc2020-web-query-client/index.html

Go to file
 
 
Cannot retrieve contributors at this time
107 lines (95 sloc) 3.93 KB
Raw Blame
Open in GitHub Desktop
<!doctype html>
<!-- ©2014–2016 Ruben Verborgh, Ghent University – imec -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Linked Data Fragments client</title>
<link rel=stylesheet href="styles/yasqe.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://2020.eswc-conferences.org/"><img src="images/eswc2020.png" alt="" /></a>
<h1><a href="#">Query ESWC 2020 metadata</a></h1>
<p><a href="http://comunica.linkeddatafragments.org/" 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></select>
</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>
<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>
<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–2020
<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>
</footer>
<script src="scripts/ldf-client-ui.min.js"></script>
<script>
jQuery(function ($) {
$('.ldf-client').queryui({ settings: 'queries.json' });
});
</script>
</body>
</html>