Mercurial > code > home > repos > homeauto
view service/reasoning/index.html @ 236:273709eaaefd
use rdf-uri.html for shortening
Ignore-this: c0c35e1a6a7f6339926df67ed3550989
author | drewp@bigasterisk.com |
---|---|
date | Mon, 01 Feb 2016 02:33:33 -0800 |
parents | 47682350e6f2 |
children | 43f2e21e2225 |
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>