portal/templates/omn/gui.html

   1 {% extends "layout_wide.html" %}
   2 {% block head %}
   3
   4 <script type="text/javascript">
   5 function load_ontology(platform, format){
   6     $.post("/sfa/ListResources",{'output_format':format, 'platform':[platform]}, function( result ) {
   7         data=result['netmode'];
   8         data=data.replace(/>/g,'&gt;').
   9          replace(/</g,'&lt;').
  10          replace(/"/g,'&quot;');
  11         $("#data").html(data);
  12         $("#welcome").html("Loaded netmode RDF:");
  13     });
  14 }
  15 $(document).ready(function() {
  16    load_ontology("netmode","ttl");
  17    console.log("{{my_var}}");
  18    $.getScript("/static/js/omn.js")
  19 });
  20 </script>
  21
  22 <link rel="stylesheet" href="http://cdn.jsdelivr.net/g/yasqe@2.2(yasqe.min.css),yasr@2.4(yasr.min.css)" />
  23 <script src='http://cdn.jsdelivr.net/yasqe/2.2/yasqe.bundled.min.js'></script>
  24 <script src='http://cdn.jsdelivr.net/yasr/2.4/yasr.bundled.min.js'></script>
  25 <style>
  26 h2 {padding-top:1em; border-bottom:1px solid #333;}
  27 </style>
  28 {% endblock %}
  29
  30 {% block content %}
  31
  32 <br/>
  33
  34 <h1>Fed4FIRE Ontology Plugin</h1>
  35 <h2>Intro</h2>
  36 Todo.
  37
  38 <h2>Generated World Map</h2>
  39 Todo.
  40
  41 <h2>Queries</h2>
  42
  43 <h3>Examples</h3>
  44 <ul>
  45 <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">
  46 Find all Aggregate Manager API's</a>
  47 </ul>
  48
  49 <h3>User</h3>
  50 <div id="yasqe"></div>
  51 <div id="yasr"></div>
  52
  53 <h2>Direct RDF stream</h2>
  54 <div id="welcome">Netmode RDF data: {{my_var}}</div>
  55 <pre><code id="data"></code></pre>
  56 {% endblock %}