feat(about.vue): create the aboutContentDefined hook

GIScience · Aug 2, 2021 · 424504f · 424504f
1 parent 79967e2
commit 424504f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/src/config-examples/hooks-example.js b/src/config-examples/hooks-example.js
@@ -417,4 +417,10 @@ appHooks.add('floatingMenuItemsDefined', (menuItems) => {
   // }
   return menuItems
 })
+
+appHooks.add('aboutContentDefined', (hookData) => {
+  // hookData has the following structure = {customAbout: HtmlNode, aboutContainer: HtmlNode, aboutLogo: HtmlNode}
+  // Do something
+})
+
 */
diff --git a/src/fragments/about/About.vue b/src/fragments/about/About.vue
@@ -2,9 +2,9 @@
   <div>
     <div class="custom-about" ref="customAbout">
     </div>
-    <div v-if="showDefaultAboutContent">
+    <div v-if="showDefaultAboutContent" ref="aboutContainer">
       <header style="margin-top: 0">
-        <img height="auto" class="logo" src="@/assets/img/logo@2x.png" width="200px" />
+        <img ref="aboutLogo" height="auto" class="logo" src="@/assets/img/logo@2x.png" width="200px" />
       </header>
       <v-divider></v-divider>
       <section>

diff --git a/src/fragments/about/about.js b/src/fragments/about/about.js
@@ -1,5 +1,4 @@
 import appConfig from '@/config/app-config'
-import constants from '@/resources/constants'
 
 export default {
   computed: {
@@ -12,8 +11,8 @@ export default {
   },
   methods: {
     callHook () {
-        let hookData = {containerRef: this.$refs.customAbout}
-        this.$root.appHooks.run('setCustomAbout', hookData)
-      }
+      let hookData = {customAbout: this.$refs.customAbout, aboutContainer: this.$refs.aboutContainer, aboutLogo: this.$refs.aboutLogo}
+      this.$root.appHooks.run('aboutContentDefined', hookData)
+    }
   },
 }