portal/templates/omn/gui.html

   1 {% extends "layout_wide.html" %}
   2 {% block head %}
   3 <style></style>
   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     console.log("{{my_var}}");
  17     load_ontology("netmode","ttl");
  18 $("<link/>", {
  19    rel: "stylesheet",
  20    type: "text/css",
  21    href: "http://cdn.jsdelivr.net/g/yasqe@2.2(yasqe.min.css),yasr@2.4(yasr.min.css)"
  22 }).appendTo("head");
  23
  24
  25 });
  26
  27
  28 </script>
  29
  30 {% endblock %}
  31
  32 {% block content %}
  33
  34 <div id="yasqe"></div>
  35 <div id="yasr"></div>
  36 <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  37 <script src='http://cdn.jsdelivr.net/yasqe/2.2/yasqe.bundled.min.js'></script>
  38 <script src='http://cdn.jsdelivr.net/yasr/2.4/yasr.bundled.min.js'></script>
  39 <script src="/static/js/omn.js"></script>
  40
  41 <div id="welcome">Netmode RDF data: {{my_var}}</div>
  42 <pre><code id="data"></code></pre>
  43 {% endblock %}