|
1 @extends('base') |
|
2 |
|
3 @section('css-assets') |
|
4 <link href="{{ asset('/css/vendor/yasqe.min.css')}}" rel='stylesheet' type='text/css'> |
|
5 <link href="{{ asset('/css/vendor/yasr.min.css')}}" rel='stylesheet' type='text/css'> |
|
6 @parent |
|
7 @endsection |
|
8 |
|
9 |
|
10 @section('nav') |
|
11 <ul class="nav navbar-nav"> |
|
12 <li><a href="{{ route('sparql_form') }}">Client SPARQL</a></li> |
|
13 </ul> |
|
14 @endsection |
|
15 |
|
16 @section('js-assets') |
|
17 @parent |
|
18 <script src="{{ asset('/js/vendor/yasqe.bundled.min.js') }}"></script> |
|
19 <script src="{{ asset('/js/sparqlclient.js') }}"></script> |
|
20 <script> |
|
21 $(function() { |
|
22 initSparqlEditor(); |
|
23 // var yasqe = YASQE.fromTextArea($('#query').get(0), { |
|
24 // sparql: { |
|
25 // showQueryButton: false, |
|
26 // //endpoint: "{{ route('sparql_proxy') }}", |
|
27 // //requestMethod: "GET", |
|
28 // //acceptHeaderGraph: "application/rdf+json,/;q=0.9" |
|
29 // //acceptHeaderGraph: "text/turtle,/;q=0.9", |
|
30 // //acceptHeaderSelect: "application/x-turtle,/;q=0.9", |
|
31 // } |
|
32 // }); |
|
33 // // var yasr = YASR($('#results').get(0), { |
|
34 // // getUsedPrefixes: yasqe.getPrefixesFromQuery, |
|
35 // // useGoogleCharts: false, |
|
36 // // outputPlugins: ["table", "error", "boolean", "rawResponse", "pivot"], |
|
37 // // }); |
|
38 // // yasqe.options.sparql.callbacks.complete = yasr.setResponse; |
|
39 }); |
|
40 </script> |
|
41 @endsection |
|
42 |
|
43 @section('content') |
|
44 <div class="row"> |
|
45 <div class="col-md-12"> |
|
46 <form action="{{ route('sparql_query') }}" method="get" id="query-form"> |
|
47 <fieldset> |
|
48 <div class="form-group row"> |
|
49 <div class="col-md-12"> |
|
50 <label for="query">Requête</label><br /> |
|
51 <textarea rows="18" cols="80" name="query" id="query" class="form-control">select distinct ?Concept where {[] a ?Concept} LIMIT 100</textarea> |
|
52 </div> |
|
53 </div> |
|
54 <div class="row"> |
|
55 <div class="form-group col-md-2"> |
|
56 <label for="format" class="n control-label">Format du résultat</label> |
|
57 <select name="format" id="format" class="form-control"> |
|
58 <option value="text/html" selected="selected">HTML</option> |
|
59 </select> |
|
60 </div> |
|
61 <div class="form-group col-md-2"> |
|
62 <label for="timeout" class="n control-label">Timeout</label> |
|
63 <input name="timeout" id="timeout" class="form-control" type="text" value="0" /> |
|
64 <span class=" help-block"> milliseconds <i>(values less than 1000 are ignored)</i></span> |
|
65 </div> |
|
66 <div class="form-group col-md-2"> |
|
67 <label for="limit" class="n control-label">Limite</label> |
|
68 <div class="input-group"> |
|
69 <input name="limit" id="limit" class="form-control" type="text" value="0" /> |
|
70 <div class="input-group-btn"> |
|
71 <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></button> |
|
72 <ul id="limits-choices" class="dropdown-menu dropdown-menu-right"> |
|
73 <li><a href="#">0</a></li> |
|
74 <li><a href="#">100</a></li> |
|
75 <li><a href="#">200</a></li> |
|
76 <li><a href="#">500</a></li> |
|
77 </ul> |
|
78 </div> |
|
79 </div> |
|
80 <span class=" help-block"> résultats/pages <i>(0 = tous sur une seule page)</i></span> |
|
81 </div> |
|
82 </div> |
|
83 <div class="form-group row"> |
|
84 <div class="col-md-12"> |
|
85 <input id="submit-query-form" type="submit" class="btn btn-primary" value="Lancer la requête"/> |
|
86 <input type="reset" class="btn" value="URL de la requête" id="get-query-url"/> |
|
87 <input type="reset" class="btn" value="Nouvelle requête" id="reset-query"/> |
|
88 </div> |
|
89 </div> |
|
90 </fieldset> |
|
91 </form> |
|
92 </div> |
|
93 </div> |
|
94 |
|
95 <div class="row"> |
|
96 <div id="results" class="col-md-12"> |
|
97 </div> |
|
98 @endsection |