Mercurial > code > home > repos > streamed-graph

annotate src/graph_view.ts @ 79:0c188ed3bcd8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
starting lit upgrade. total mess right now
author drewp@bigasterisk.com
date Wed, 17 Nov 2021 13:01:08 -0800
parents 58676ebdce0f
children 067d66a45a51
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
1 // import { html, TemplateResult } from 'lit-html';
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
2 // import { DataFactory, Literal, N3Store, NamedNode, Quad, Quad_Object, Term, Util } from 'n3';
76
58676ebdce0f sort and dedup imports
drewp@bigasterisk.com
parents: 71
diff changeset
3
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
4 // import { SuffixLabels } from './suffixLabels';
76
58676ebdce0f sort and dedup imports
drewp@bigasterisk.com
parents: 71
diff changeset
5
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
6 // const { namedNode } = DataFactory;
20
9ec3cbc8791a build is running, but no tests, and lots of code is disabled
drewp@bigasterisk.com
parents: 15
diff changeset
7
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
8 // // import ns from 'n3/src/IRIs';
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
9 // // const { rdf } = ns;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
10 // const rdf = {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
11 // type: namedNode("http://www.w3.org/1999/02/22-rdf-syntax-ns#type")
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
12 // };
8
6fefd287aff9 closer- element now holds a changing graph, but can't draw it yet
drewp@bigasterisk.com
parents:
diff changeset
13
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
14 // type TypeToSubjs = Map<NamedNode, Set<NamedNode>>;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
15 // // When there are multiple types, an arbitrary one is used.
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
16 // function groupByRdfType(
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
17 // graph: N3Store
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
18 // ): { byType: TypeToSubjs; untyped: Set<NamedNode> } {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
19 // const rdfType = rdf.type;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
20 // const byType: TypeToSubjs = new Map();
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
21 // const untyped: Set<NamedNode> = new Set(); // subjs
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
22 // const internSubjs = new Map<string, NamedNode>();
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
23 // graph.forEach(
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
24 // q => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
25 // if (!Util.isNamedNode(q.subject)) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
26 // throw new Error("unsupported " + q.subject.value);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
27 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
28 // const subj = q.subject as NamedNode;
49
c16a331f42e5 rewrap; stylesheet
drewp@bigasterisk.com
parents: 40
diff changeset
29
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
30 // let subjType: NamedNode | null = null;
28
c751380b70c5 uniqueness problem with NamedNodes in set
drewp@bigasterisk.com
parents: 22
diff changeset
31
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
32 // graph.forObjects(
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
33 // (o: Quad_Object) => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
34 // subjType = o as NamedNode;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
35 // },
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
36 // subj,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
37 // rdfType,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
38 // null
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
39 // );
15
7ca4ff2088c3 managed to use a newer ts or something, so this includes a bunch of type fixes too
drewp@bigasterisk.com
parents: 9
diff changeset
40
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
41 // if (subjType !== null) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
42 // // (subj, rdf:type, subjType) in graph
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
43 // if (!byType.has(subjType)) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
44 // byType.set(subjType, new Set());
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
45 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
46 // (byType.get(subjType) as Set<NamedNode>).add(subj);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
47 // } else {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
48 // // no rdf:type stmt in graph
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
49 // if (!internSubjs.has(subj.value)) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
50 // internSubjs.set(subj.value, subj);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
51 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
52 // const intSubj: NamedNode = internSubjs.get(
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
53 // subj.value as string
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
54 // ) as NamedNode;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
55 // untyped.add(intSubj);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
56 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
57 // },
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
58 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
59 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
60 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
61 // null
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
62 // );
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
63 // return { byType: byType, untyped: untyped };
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
64 // }
8
6fefd287aff9 closer- element now holds a changing graph, but can't draw it yet
drewp@bigasterisk.com
parents:
diff changeset
65
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
66 // class NodeDisplay {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
67 // labels: SuffixLabels;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
68 // constructor(labels: SuffixLabels) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
69 // this.labels = labels;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
70 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
71 // getHtml(n: Term | NamedNode): TemplateResult {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
72 // if (Util.isLiteral(n)) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
73 // n = n as Literal;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
74 // let dtPart: any = "";
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
75 // if (n.datatype) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
76 // dtPart = html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
77 // ^^<span class="literalType">
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
78 // ${this.getHtml(n.datatype)}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
79 // </span>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
80 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
81 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
82 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
83 // <span class="literal">${n.value}${dtPart}</span>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
84 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
85 // }
8
6fefd287aff9 closer- element now holds a changing graph, but can't draw it yet
drewp@bigasterisk.com
parents:
diff changeset
86
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
87 // if (Util.isNamedNode(n)) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
88 // n = n as NamedNode;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
89 // let shortened = false;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
90 // let uriValue: string = n.value;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
91 // for (let [long, short] of [
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
92 // ["http://www.w3.org/1999/02/22-rdf-syntax-ns#", "rdf:"],
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
93 // ["http://www.w3.org/2000/01/rdf-schema#", "rdfs:"],
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
94 // ["http://purl.org/dc/elements/1.1/", "dc:"],
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
95 // ["http://www.w3.org/2001/XMLSchema#", "xsd:"]
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
96 // ]) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
97 // if (uriValue.startsWith(long)) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
98 // uriValue = short + uriValue.substr(long.length);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
99 // shortened = true;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
100 // break;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
101 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
102 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
103 // if (!shortened) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
104 // let dn: string | undefined = this.labels.getLabelForNode(uriValue);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
105 // if (dn === undefined) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
106 // throw new Error(`dn=${dn}`);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
107 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
108 // uriValue = dn;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
109 // }
28
c751380b70c5 uniqueness problem with NamedNodes in set
drewp@bigasterisk.com
parents: 22
diff changeset
110
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
111 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
112 // <a class="graphUri" href="${n.value}">${uriValue}</a>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
113 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
114 // }
15
7ca4ff2088c3 managed to use a newer ts or something, so this includes a bunch of type fixes too
drewp@bigasterisk.com
parents: 9
diff changeset
115
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
116 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
117 // [${n.termType} ${n.value}]
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
118 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
119 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
120 // }
15
7ca4ff2088c3 managed to use a newer ts or something, so this includes a bunch of type fixes too
drewp@bigasterisk.com
parents: 9
diff changeset
121
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
122 // export class GraphView {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
123 // url: string;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
124 // graph: N3Store;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
125 // nodeDisplay: NodeDisplay;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
126 // constructor(url: string, graph: N3Store) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
127 // this.url = url;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
128 // this.graph = graph;
15
7ca4ff2088c3 managed to use a newer ts or something, so this includes a bunch of type fixes too
drewp@bigasterisk.com
parents: 9
diff changeset
129
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
130 // const labels = new SuffixLabels();
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
131 // this._addLabelsForAllTerms(labels);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
132 // this.nodeDisplay = new NodeDisplay(labels);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
133 // }
8
6fefd287aff9 closer- element now holds a changing graph, but can't draw it yet
drewp@bigasterisk.com
parents:
diff changeset
134
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
135 // _addLabelsForAllTerms(labels: SuffixLabels) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
136 // return this.graph.forEach(
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
137 // (q: Quad) => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
138 // if (q.subject.termType === "NamedNode") {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
139 // labels.planDisplayForNode(q.subject);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
140 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
141 // if (q.predicate.termType === "NamedNode") {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
142 // labels.planDisplayForNode(q.predicate);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
143 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
144 // if (q.object.termType === "NamedNode") {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
145 // labels.planDisplayForNode(q.object);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
146 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
147 // if (q.object.termType === "Literal" && q.object.datatype) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
148 // labels.planDisplayForNode(q.object.datatype);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
149 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
150 // },
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
151 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
152 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
153 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
154 // null
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
155 // );
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
156 // }
8
6fefd287aff9 closer- element now holds a changing graph, but can't draw it yet
drewp@bigasterisk.com
parents:
diff changeset
157
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
158 // _subjBlock(subj: NamedNode) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
159 // const predsSet: Set<NamedNode> = new Set();
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
160 // this.graph.forEach(
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
161 // (q: Quad) => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
162 // predsSet.add(q.predicate as NamedNode);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
163 // },
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
164 // subj,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
165 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
166 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
167 // null
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
168 // );
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
169 // const preds = Array.from(predsSet.values());
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
170 // preds.sort();
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
171 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
172 // <div class="subject">
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
173 // ${this.nodeDisplay.getHtml(subj)}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
174 // <!-- todo: special section for uri/type-and-icon/label/comment -->
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
175 // <div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
176 // ${preds.map(p => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
177 // return this._predBlock(subj, p);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
178 // })}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
179 // </div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
180 // </div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
181 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
182 // }
8
6fefd287aff9 closer- element now holds a changing graph, but can't draw it yet
drewp@bigasterisk.com
parents:
diff changeset
183
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
184 // _objBlock(obj: Term) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
185 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
186 // <div class="object">
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
187 // ${this.nodeDisplay.getHtml(obj)}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
188 // <!-- indicate what source or graph said this stmt -->
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
189 // </div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
190 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
191 // }
8
6fefd287aff9 closer- element now holds a changing graph, but can't draw it yet
drewp@bigasterisk.com
parents:
diff changeset
192
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
193 // _predBlock(subj: NamedNode, pred: NamedNode) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
194 // const objsSet = new Set<Term>();
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
195 // this.graph.forEach(
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
196 // (q: Quad) => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
197 // objsSet.add(q.object);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
198 // },
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
199 // subj,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
200 // pred,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
201 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
202 // null
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
203 // );
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
204 // const objs = Array.from(objsSet.values());
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
205 // objs.sort();
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
206 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
207 // <div class="predicate">
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
208 // ${this.nodeDisplay.getHtml(pred)}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
209 // <div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
210 // ${objs.map(this._objBlock.bind(this))}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
211 // </div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
212 // </div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
213 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
214 // }
15
7ca4ff2088c3 managed to use a newer ts or something, so this includes a bunch of type fixes too
drewp@bigasterisk.com
parents: 9
diff changeset
215
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
216 // byTypeBlock(byType: TypeToSubjs, typeUri: NamedNode) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
217 // const subjSet = byType.get(typeUri);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
218 // const subjs: Array<NamedNode> = subjSet ? Array.from(subjSet) : [];
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
219 // subjs.sort();
15
7ca4ff2088c3 managed to use a newer ts or something, so this includes a bunch of type fixes too
drewp@bigasterisk.com
parents: 9
diff changeset
220
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
221 // const graphCells = new Map<string, Set<Term>>(); // [subj, pred] : objs
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
222 // const makeCellKey = (subj: NamedNode, pred: NamedNode) =>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
223 // subj.value + "|||" + pred.value;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
224 // const preds = new Set<NamedNode>();
8
6fefd287aff9 closer- element now holds a changing graph, but can't draw it yet
drewp@bigasterisk.com
parents:
diff changeset
225
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
226 // subjs.forEach((subj: NamedNode) => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
227 // this.graph.forEach(
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
228 // (q: Quad) => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
229 // if (!Util.isNamedNode(q.predicate)) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
230 // throw new Error();
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
231 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
232 // preds.add(q.predicate as NamedNode);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
233 // const cellKey = makeCellKey(subj, q.predicate as NamedNode);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
234 // if (!graphCells.has(cellKey)) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
235 // graphCells.set(cellKey, new Set<Term>());
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
236 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
237 // graphCells.get(cellKey)!.add(q.object);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
238 // },
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
239 // subj,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
240 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
241 // null,
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
242 // null
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
243 // );
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
244 // });
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
245 // const predsList = Array.from(preds);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
246 // predsList.splice(predsList.indexOf(rdf.type), 1);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
247 // // also pull out label, which should be used on 1st column
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
248 // predsList.sort();
15
7ca4ff2088c3 managed to use a newer ts or something, so this includes a bunch of type fixes too
drewp@bigasterisk.com
parents: 9
diff changeset
249
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
250 // const thead = () => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
251 // const predColumnHead = (pred: NamedNode) => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
252 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
253 // <th>${this.nodeDisplay.getHtml(pred)}</th>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
254 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
255 // };
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
256 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
257 // <thead>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
258 // <tr>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
259 // <th></th>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
260 // ${predsList.map(predColumnHead)}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
261 // </tr>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
262 // </thead>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
263 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
264 // };
49
c16a331f42e5 rewrap; stylesheet
drewp@bigasterisk.com
parents: 40
diff changeset
265
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
266 // const instanceRow = (subj: NamedNode) => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
267 // const cell = (pred: NamedNode) => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
268 // const objs = graphCells.get(subj + "|||" + pred);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
269 // if (!objs) {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
270 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
271 // <td></td>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
272 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
273 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
274 // const objsList = Array.from(objs);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
275 // objsList.sort();
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
276 // const draw = (obj: Term) => {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
277 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
278 // <div>${this.nodeDisplay.getHtml(obj)}</div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
279 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
280 // };
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
281 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
282 // <td>${objsList.map(draw)}</td>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
283 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
284 // };
8
6fefd287aff9 closer- element now holds a changing graph, but can't draw it yet
drewp@bigasterisk.com
parents:
diff changeset
285
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
286 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
287 // <tr>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
288 // <td>${this.nodeDisplay.getHtml(subj)}</td>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
289 // ${predsList.map(cell)}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
290 // </tr>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
291 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
292 // };
15
7ca4ff2088c3 managed to use a newer ts or something, so this includes a bunch of type fixes too
drewp@bigasterisk.com
parents: 9
diff changeset
293
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
294 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
295 // <div>[icon] ${this.nodeDisplay.getHtml(typeUri)} resources</div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
296 // <div class="typeBlockScroll">
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
297 // <table class="typeBlock">
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
298 // ${thead()} ${subjs.map(instanceRow)}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
299 // </table>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
300 // </div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
301 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
302 // }
49
c16a331f42e5 rewrap; stylesheet
drewp@bigasterisk.com
parents: 40
diff changeset
303
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
304 // makeTemplate(): TemplateResult {
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
305 // const { byType, untyped } = groupByRdfType(this.graph);
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
306 // const typedSubjs = Array.from(byType.keys());
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
307 // typedSubjs.sort();
15
7ca4ff2088c3 managed to use a newer ts or something, so this includes a bunch of type fixes too
drewp@bigasterisk.com
parents: 9
diff changeset
308
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
309 // const untypedSubjs = Array.from(untyped.values());
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
310 // untypedSubjs.sort();
8
6fefd287aff9 closer- element now holds a changing graph, but can't draw it yet
drewp@bigasterisk.com
parents:
diff changeset
311
79
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
312 // return html`
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
313 // <section>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
314 // <h2>Current graph (<a href="${this.url}">${this.url}</a>)</h2>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
315 // <div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
316 // <!-- todo: graphs and provenance.
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
317 // These statements are all in the
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
318 // <span data-bind="html: $root.createCurie(graphUri())">...</span> graph.-->
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
319 // </div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
320 // ${typedSubjs.map((t: NamedNode) => this.byTypeBlock(byType, t))}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
321 // <div class="spoGrid">
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
322 // ${untypedSubjs.map(this._subjBlock.bind(this))}
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
323 // </div>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
324 // </section>
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
325 // `;
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
326 // }
0c188ed3bcd8 starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents: 76
diff changeset
327 // }