fixed GUI

diff --git a/portal/templates/omn/gui.html b/portal/templates/omn/gui.html
index dcbe5c1..8d80e77 100644 (file)
--- 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,32 +12,45 @@ function load_ontology(platform, format){
         $("#welcome").html("Loaded netmode RDF:");
     });
 }
-$(document).ready(function() {
-    console.log("{{my_var}}");
-    load_ontology("netmode","ttl");
-$("<link/>", {
-   rel: "stylesheet",
-   type: "text/css",
-   href: "http://cdn.jsdelivr.net/g/yasqe@2.2(yasqe.min.css),yasr@2.4(yasr.min.css)"
-}).appendTo("head");
-
-
+$(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>
-<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-<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>
-<script src="/static/js/omn.js"></script>
 
+<h2>Direct RDF stream</h2>
 <div id="welcome">Netmode RDF data: {{my_var}}</div>
 <pre><code id="data"></code></pre>
 {% endblock %}