Show a tree of wikis and docs in the wiki app.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4674 ed5197a5-7fde-0310-b194-c3ffbd925b24

apps/blog.json

@@ -1,5 +1,5 @@
 {
   "type": "tildefriends-app",
   "emoji": "🪵",
-  "previous": "&CMKodqxRSDNxt/MMpYRysfN+6ArnEWaHUiE27J6BOIA=.sha256"
+  "previous": "&YHBylHM7DlDDiGfuNj+g95Bf7NFxTZs/IKG14TbWnhs=.sha256"
 }

apps/wiki.json

@@ -1,5 +1,5 @@
 {
   "type": "tildefriends-app",
   "emoji": "📝",
-  "previous": "&mxGlepLtpWc3IOzgZAKI5gz52tGb+r20LA+aI1qZL1g=.sha256"
+  "previous": "&FapSqeXK/JbtaIuh3Ot6SNJ1hR7kGRqZwiML5t5GdGw=.sha256"
 }

apps/wiki/tf-wiki-app.js

@@ -278,12 +278,24 @@ class TfCollectionsAppElement extends LitElement {
 					</div>
 				</div>
 			</div>
-			${this.wiki_doc && this.wiki_doc.parent === this.wiki?.id ? html`
+			<div style="display: flex; flex-direction: row">
-				<tf-wiki-doc
+				<div style="flex: 0 0">
-					whoami=${this.whoami}
+					${Object.values(this.wikis || {}).map(wiki => html`
-					.wiki=${this.wiki}
+						<div style="white-space: nowrap" @click=${() => self.on_wiki_changed({detail: {value: wiki}})}>${wiki.name}</div>
-					.value=${this.wiki_doc}></tf-wiki-doc>
+						<ul>
-			` : undefined}
+							${Object.values(self.wiki_docs || {}).filter(doc => doc.parent === wiki?.id).map(doc => html`
+								<li style="white-space: nowrap" @click=${() => self.on_wiki_doc_changed({detail: {value: doc}})}>${doc.name}</li>
+							`)}
+						</ul>
+					`)}
+				</div>
+				${this.wiki_doc && this.wiki_doc.parent === this.wiki?.id ? html`
+					<tf-wiki-doc
+						whoami=${this.whoami}
+						.wiki=${this.wiki}
+						.value=${this.wiki_doc}></tf-wiki-doc>
+				` : undefined}
+			</div>
 		`;
 	}
 }