From d3b05cd0a6e08971837540e76c4989cabd8ba180 Mon Sep 17 00:00:00 2001
From: Jan Lucki <jlucki@gmail.com>
Date: Wed, 7 Sep 2022 09:47:38 +0100
Subject: [PATCH 1/3] add page list tag feature

---
 client/themes/default/components/page.vue | 90 +++++++++++++++++++++++
 1 file changed, 90 insertions(+)

diff --git a/client/themes/default/components/page.vue b/client/themes/default/components/page.vue
index 42d0b2c5..54a88668 100644
--- a/client/themes/default/components/page.vue
+++ b/client/themes/default/components/page.vue
@@ -316,6 +316,7 @@
 </template>
 
 <script>
+/* global graphQL */
 import { StatusIndicator } from 'vue-status-indicator'
 import Tabset from './tabset.vue'
 import NavSidebar from './nav-sidebar.vue'
@@ -325,6 +326,7 @@ import { get, sync } from 'vuex-pathify'
 import _ from 'lodash'
 import ClipboardJS from 'clipboard'
 import Vue from 'vue'
+import gql from 'graphql-tag'
 
 Vue.component('Tabset', Tabset)
 
@@ -583,8 +585,96 @@ export default {
         }
       })
     })
+
+    if (this.containsNavElement()) {
+      const currentPagePath = this.$store.get('page/path')
+      this.getPageIdFromPath(currentPagePath).then((result) => {
+        if (result !== null) {
+          const childPages = this.getChildPages(result.id)
+          this.renderPageList(childPages)
+        }
+      })
+    }
   },
   methods: {
+    containsNavElement() {
+      const contents = document.getElementsByClassName('contents')
+      contents[0].firstChild.childNodes.forEach((child) => {
+        if (child.nodeType === 3 && child.nodeValue && child.nodeValue.indexOf('[nav]') !== -1) {
+          return true
+        } else if (child.nodeType === 1 && child.innerHTML === '[nav]') {
+          return true
+        }
+      })
+      return false
+    },
+    getPageIdFromPath(currentPagePath) {
+      const query = gql`
+        query ($path: String, $locale: String!) {
+          pages {
+            tree(path: $path, mode: ALL, locale: $locale) {
+              id
+              pageId
+              path
+            }
+          }
+        }`
+      return graphQL.query({
+        query: query,
+        variables: {
+          path: currentPagePath,
+          locale: 'en'
+        }
+      }).then(resp => {
+        const pageIds = resp.data.pages.tree.filter(item => item.path === currentPagePath)
+        if (pageIds.length > 0) {
+          return pageIds[0]
+        }
+        return null
+      }).catch(err => {
+        console.error(err)
+      })
+    },
+    getChildPages(currentPageID) {
+      const variables = {
+        parent: currentPageID,
+        locale: 'en'
+      }
+      const query = gql`
+        query Page($locale: String!, $parent: Int!) {
+          pages {
+            tree(mode: ALL, locale: $locale, parent: $parent) {
+              title
+              path
+              locale
+            }
+          }
+        }`
+      return graphQL.query({
+        query: query,
+        variables: variables
+      }).then(resp => {
+        const childPages = resp.data.pages.tree.filter(item => item.id !== currentPageID.toString())
+        return childPages
+      }).catch(err => {
+        console.error(err)
+      })
+    },
+    renderPageList (childPages) {
+      childPages.then((result) => {
+        const pageListMarkup = `<ul>${result.map(child => {
+          return `<li><a href="/${child.path}">${child.title}</a></li>`
+        }).join('')}</ul>`
+        const contents = document.getElementsByClassName('contents')
+        contents[0].firstChild.childNodes.forEach((child) => {
+          if (child.nodeType === 3 && child.nodeValue && child.nodeValue.indexOf('[nav]') !== -1) {
+            child.innerHTML = child.innerHTML.replace('[nav]', pageListMarkup)
+          } else if (child.nodeType === 1 && child.innerHTML === '[nav]') {
+            child.innerHTML = child.innerHTML.replace('[nav]', pageListMarkup)
+          }
+        })
+      })
+    },
     goHome () {
       window.location.assign('/')
     },

From 8bad9c60febbf506f79f5487016eb5c15fc9ed74 Mon Sep 17 00:00:00 2001
From: Jan Lucki <jlucki@gmail.com>
Date: Wed, 7 Sep 2022 11:34:10 +0100
Subject: [PATCH 2/3] fix formatting and contains nav element lookup

---
 client/themes/default/components/page.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/themes/default/components/page.vue b/client/themes/default/components/page.vue
index 54a88668..2d469288 100644
--- a/client/themes/default/components/page.vue
+++ b/client/themes/default/components/page.vue
@@ -586,7 +586,7 @@ export default {
       })
     })
 
-    if (this.containsNavElement()) {
+    if (this.containsNavElement) {
       const currentPagePath = this.$store.get('page/path')
       this.getPageIdFromPath(currentPagePath).then((result) => {
         if (result !== null) {
@@ -597,7 +597,7 @@ export default {
     }
   },
   methods: {
-    containsNavElement() {
+    containsNavElement () {
       const contents = document.getElementsByClassName('contents')
       contents[0].firstChild.childNodes.forEach((child) => {
         if (child.nodeType === 3 && child.nodeValue && child.nodeValue.indexOf('[nav]') !== -1) {
@@ -608,7 +608,7 @@ export default {
       })
       return false
     },
-    getPageIdFromPath(currentPagePath) {
+    getPageIdFromPath (currentPagePath) {
       const query = gql`
         query ($path: String, $locale: String!) {
           pages {
@@ -635,7 +635,7 @@ export default {
         console.error(err)
       })
     },
-    getChildPages(currentPageID) {
+    getChildPages (currentPageID) {
       const variables = {
         parent: currentPageID,
         locale: 'en'

From 6b6df2f87a9f56410d71337179b20a55ce544dcc Mon Sep 17 00:00:00 2001
From: Jan Lucki <jlucki@gmail.com>
Date: Wed, 7 Sep 2022 14:12:47 +0100
Subject: [PATCH 3/3] get locale dynamically

---
 client/themes/default/components/page.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/themes/default/components/page.vue b/client/themes/default/components/page.vue
index 2d469288..0bd23746 100644
--- a/client/themes/default/components/page.vue
+++ b/client/themes/default/components/page.vue
@@ -623,7 +623,7 @@ export default {
         query: query,
         variables: {
           path: currentPagePath,
-          locale: 'en'
+          locale: this.locale
         }
       }).then(resp => {
         const pageIds = resp.data.pages.tree.filter(item => item.path === currentPagePath)
@@ -638,7 +638,7 @@ export default {
     getChildPages (currentPageID) {
       const variables = {
         parent: currentPageID,
-        locale: 'en'
+        locale: this.locale
       }
       const query = gql`
         query Page($locale: String!, $parent: Int!) {