X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Ftemplates%2Fomn%2Fgui.html;h=8d80e77da0a036a6a397dca101b25a4862f9e087;hb=0300e4a519eb44fa1e2b769f1c871471ebfe0620;hp=73dcbc9109e38247b1d03f2a74d6375584b49495;hpb=cef459967a8e4bf8a4ca82294ceb5457b8bb6206;p=myslice.git

diff --git a/portal/templates/omn/gui.html b/portal/templates/omn/gui.html
index 73dcbc91..8d80e77d 100644
--- a/portal/templates/omn/gui.html
+++ b/portal/templates/omn/gui.html
@@ -1,6 +1,6 @@
 {% extends "layout_wide.html" %}
 {% block head %}
-<style></style>
+
 <script type="text/javascript">
 function load_ontology(platform, format){
     $.post("/sfa/ListResources",{'output_format':format, 'platform':[platform]}, function( result ) {
@@ -12,14 +12,45 @@ function load_ontology(platform, format){
         $("#welcome").html("Loaded netmode RDF:");
     });
 }
-$(document).ready(function() {
-    console.log("{{my_var}}");
-    load_ontology("netmode","ttl");
+$(document).ready(function() {   
+   load_ontology("netmode","ttl");
+   console.log("{{my_var}}");
+   $.getScript("/static/js/omn.js")
 });
 </script>
+
+<link rel="stylesheet" href="http://cdn.jsdelivr.net/g/yasqe@2.2(yasqe.min.css),yasr@2.4(yasr.min.css)" />
+<script src='http://cdn.jsdelivr.net/yasqe/2.2/yasqe.bundled.min.js'></script>
+<script src='http://cdn.jsdelivr.net/yasr/2.4/yasr.bundled.min.js'></script>
+<style>
+h2 {padding-top:1em; border-bottom:1px solid #333;}
+</style>
 {% endblock %}
 
 {% block content %}
+
+<br/>
+
+<h1>Fed4FIRE Ontology Plugin</h1>
+<h2>Intro</h2>
+Todo.
+
+<h2>Generated World Map</h2>
+Todo.
+
+<h2>Queries</h2>
+
+<h3>Examples</h3>
+<ul>
+<li><a href="http://portal.fed4fire.eu:8181/ontology?query=SELECT+%3Fname+%3Fam+%3Fendpoint+WHERE+%7B%0A++%3Finfra+%3Chttp%3A%2F%2Fopen-multinet.info%2Fontology%2Fomn%23hasService%3E+%3Fam+%3B%0A++++rdfs%3Alabel+%3Fname+.+%0A++%3Fam+rdf%3Atype+%3Chttp%3A%2F%2Fopen-multinet.info%2Fontology%2Fomn-domain-geni-fire%23AMService%3E+%3B%0A++++%3Chttp%3A%2F%2Fopen-multinet.info%2Fontology%2Fomn%23hasEndpoint%3E+%3Fendpoint+.%0A%7D+LIMIT+100%0A">
+Find all Aggregate Manager API's</a>
+</ul>
+
+<h3>User</h3>
+<div id="yasqe"></div>
+<div id="yasr"></div>
+
+<h2>Direct RDF stream</h2>
 <div id="welcome">Netmode RDF data: {{my_var}}</div>
 <pre><code id="data"></code></pre>
 {% endblock %}