Mercurial > code > home > repos > homeauto

annotate service/environment/index.html @ 942:69801d475c51

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
ellipsis Ignore-this: 37a0ca097eecaf64de81153168063aee darcs-hash:20131013190716-312f9-78391245bf4972e7fb2b9b61f3142b660b67899d
author drewp <drewp@bigasterisk.com>
date Sun, 13 Oct 2013 12:07:16 -0700
parents 98311a863d7e
children c89f88cbdcc6
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
940
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
1 <!DOCTYPE html>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
2 <html
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
3 xmlns:dcterms="http://purl.org/dc/terms/"
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
4 xmlns:dev="http://projects.bigasterisk.com/device/"
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
5 xmlns:xs="http://www.w3.org/2001/XMLSchema#"
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
6 xmlns="http://projects.bigasterisk.com/room/"
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
7 >
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
8 <head>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
9 <style>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
10 .subject { margin-left: 20px; border-top: 1px solid gray; }
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
11 .predicate { margin-left: 20px; }
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
12 .object { margin-left: 20px; }
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
13
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
14 .subject > .node { border: 2px solid rgb(68, 141, 68); }
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
15 .literalType { vertical-align: super; font-size: 80%; }
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
16 .literal { display: inline-block; border: 1px solid gray; background: white; }
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
17 .resource { display: inline-block; background: lightblue; border-radius: 6px; padding: 1px 6px; margin: 2px; }
941
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
18 .comment { color: green; }
940
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
19 </style>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
20
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
21 <script type="text/html" id="node">
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
22 <!-- ko if: typeof($data) == 'string' -->
941
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
23 <span class="node resource" data-bind="html: $root.createCurie($data)"></span>
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
24 <span class="comment" data-bind="html: $root.docLink($data)"></span>
940
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
25 <!-- /ko -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
26 <!-- ko if: typeof($data) != 'string' -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
27 <!-- ko if: type == 'literal' -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
28 <span class="literal" data-bind="text: value"></span>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
29 <span class="literalType" data-bind="html: $root.createCurie($data['datatype'] || '')"></span>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
30 <!-- /ko -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
31 <!-- ko if: type == 'uri' -->
941
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
32 <span class="resource" data-bind="html: $root.createCurie(value)"></span>
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
33 <span class="comment" data-bind="html: $root.docLink($data)"></span>
940
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
34 <!-- /ko -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
35 <!-- ko if: type == 'bnode' -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
36 <span class="resource bnode" data-bind="text: value"></span>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
37 <!-- /ko -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
38 <!-- /ko -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
39 </script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
40
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
41 </head>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
42 <body>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
43 <h1>env</h1>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
44
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
45 <section>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
46 <h2>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
47 Current statements (<a href="graph">/graph</a>)
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
48 <button data-bind="click: refresh">Refresh</button>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
49 </h2>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
50 <div>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
51 These statements are all in the
942
69801d475c51 ellipsis
drewp <drewp@bigasterisk.com>
parents: 941
diff changeset
52 <span data-bind="html: $root.createCurie(graphUri())">...</span> graph.
940
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
53 </div>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
54 <div data-bind="foreach: {data: Object.keys($root.graph()), as: 'subj'}">
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
55 <div class="subject">subj: <!-- ko template: 'node' --><!-- /ko -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
56 <div data-bind="foreach: {data: Object.keys($root.graph()[subj]), as: 'pred'}">
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
57 <div class="predicate">pred: <!-- ko template: 'node' --><!-- /ko -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
58 <div data-bind="foreach: {data: $root.graph()[$parent][pred], as: 'obj'}">
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
59 <div class="object">obj:
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
60 <!-- ko template: 'node' --><!-- /ko -->
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
61 </div>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
62 </div>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
63 </div>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
64 </div>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
65 </div>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
66 </div>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
67 </section>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
68
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
69 <script src="//bigasterisk.com/lib/underscore-1.5.2.min.js"></script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
70 <script src="//bigasterisk.com/lib/jquery-2.0.3.min.js"></script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
71 <script src="//bigasterisk.com/lib/knockout-2.3.0.js"></script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
72
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
73 <script src="//bigasterisk.com/lib/rdfquery/r195/jquery.uri.js"></script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
74 <script src="//bigasterisk.com/lib/rdfquery/r195/jquery.datatype.js"></script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
75 <script src="//bigasterisk.com/lib/rdfquery/r195/jquery.rdf.js"></script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
76 <script src="//bigasterisk.com/lib/rdfquery/r195/jquery.xmlns.js"></script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
77 <script src="//bigasterisk.com/lib/rdfquery/r195/jquery.curie.js"></script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
78 <script src="//bigasterisk.com/lib/rdfquery/r195/jquery.rdf.json.js"></script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
79 <script src="//bigasterisk.com/lib/rdfquery/r195/jquery.rdf.turtle.js"></script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
80
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
81 <script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
82 $(function () {
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
83 var model = {
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
84 graph: ko.observable({}),
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
85 graphUri: ko.observable()
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
86 };
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
87 var tryCurie = function(uri) {
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
88 try {
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
89 return $('html').createCurie(uri);
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
90 } catch(e) {
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
91 return uri;
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
92 }
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
93 };
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
94 model.createCurie = function (uri) {
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
95 var short = tryCurie(uri);
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
96 return '<a href="' + _.escape(uri) + '">' + _.escape(short) + '</a>';
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
97 };
941
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
98 var docs = {}; // uri : observable(doc)
940
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
99 model.docLink = function(uri) {
941
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
100 if (uri.type == 'uri') {
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
101 uri = uri.value;
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
102 }
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
103 if (_.isUndefined(docs[uri])) {
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
104 docs[uri] = ko.observable("...");
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
105 $.getJSON("doc", {uri: uri}, function(data) {
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
106 docs[uri](data.comment); // might be undefined
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
107 });
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
108 }
98311a863d7e testing rdfs:comment display on enironment's graph viewer
drewp <drewp@bigasterisk.com>
parents: 940
diff changeset
109 return docs[uri];
940
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
110 };
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
111
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
112 model.refresh = function() {
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
113 $.ajax({
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
114 url: "graph",
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
115 success: function (data) {
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
116 var m = data.match(/<(.*?)> \{([^]*)\}/)
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
117 model.graphUri(m[1]);
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
118 var ntriplesBody = m[2];
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
119
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
120 var rdf = $.rdf().load(ntriplesBody);
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
121 model.graph(rdf.databank.dump());
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
122 }
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
123 });
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
124 };
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
125 model.refresh();
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
126 ko.applyBindings(model);
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
127
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
128 });
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
129 </script>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
130 </body>
45ea2f6123d3 start rdfquery displayer of the result graph
drewp <drewp@bigasterisk.com>
parents:
diff changeset
131 </html>