view service/reasoning/index.html @ 1042:aabb6ef60042

reindent Ignore-this: e1d8671c92ea28fe8a176d88262e6523 darcs-hash:7c7caabe23b7b2703d9b007401332f59998fdf5b
author drewp <drewp@bigasterisk.com>
date Mon, 01 Feb 2016 02:34:26 -0800
parents 5fa741cb02a3
children 7a9836d51b0e
line wrap: on
line source

<!DOCTYPE html>
<html>
  <head>
    <title>reasoning</title>
    <link rel="import" href="https://bigasterisk.com/lib/polymer/0.5.2/core-splitter/core-splitter.html">
    <link rel="import" href="https://bigasterisk.com/supdebug/bang/service-rows/main.html">
    <style type="text/css" media="all">
     /* <![CDATA[ */
     body {
       font-family: sans-serif;
       font-size: 12px;
     }
     pre {
       font-family: sans-serif;
     } 
     pre div {
       border-bottom: 1px solid #ccc;
     }
     .pred {
       background: #e7e6f8;
     }
     .obj {
       background: #ccf
     }
     .pane {
       position: relative;
       display: flex;
       flex-direction: column;
     }
     .pane pre {
       overflow: auto;
       flex-grow: 1;
     }
     /* ]]> */
    </style>

  </head>
  <body layout vertical fit>

    <div style="flex: 0 0 auto">
      <service-rows nameSubstrs="reasoning"></service-rows>
    </div>
    
    <div class="pane">
      <h2>Input</h2>
      <pre id="input"/>
    </div>

    <core-splitter direction="up"></core-splitter> 

    <div  class="pane">
      <h2>Rules</h2>
      <pre id="rules"/>
    </div>

    <core-splitter direction="up"></core-splitter>

    <div  class="pane">
      <h2>Output</h2>
      <pre id="output"/>
    </div>

    <div>
      <input id="auto" type="checkbox"/> <label for="auto">auto refresh</label>
    </div>

    <script src="//bigasterisk.com/lib/jquery-2.0.3.min.js"></script>
    <script>
     window.NS = {
       room: "http://projects.bigasterisk.com/room/", 
       dev: "http://projects.bigasterisk.com/device/", 
       dcterms: "http://purl.org/dc/terms/", 
       rdfs: "http://www.w3.org/2000/01/rdf-schema#", 
       map: "http://bigasterisk.com/map#", 
       rdf: "http://www.w3.org/1999/02/22-rdf-syntax-ns#", 
     };
    </script>
    <link rel="import" href="/rdf/rdf-uri.html">
    <script type="text/javascript">
     // <![CDATA[
     $(function () { 
       function update() {
	 function makeAddStmts(elem) {
	   return function (stmts) {
	     elem.empty();
	     $.each(stmts, function (i, s) {
	       elem.append($("<div>").html(
		 "<span>"+BigastUri.compactUri(s[0])+"</span> "+
                 "<span class=\"pred\">"+BigastUri.compactUri(s[1])+"</span> "+
	         "<span class=\"obj\">"+BigastUri.compactUri(s[2])+"</span>"));
	     })
	   }
	 }

	 $.get("lastInputGraph", makeAddStmts($("#input")));
	 $.get("lastOutputGraph", makeAddStmts($("#output")));
	 $.get("rules", function (txt) { 
	   $("#rules").empty().text(txt);
	 });
       }
       function loop() {
	 update();
	 if ($("input#auto").is(":checked")) {
	   setTimeout(loop, 2000);
	 }
       }
       loop();
       $("input#auto").click(loop);
     });
     // ]]>
    </script>
  </body>
</html>