wip: Provide ready-made configuration snippets to help set up the app's configuration file #1140

wip: Reorganize sticky map-based components #1085

Author: cnouguier

extras/configs/stickies.js

@@ -1,38 +1,38 @@
 module.exports = {
-  position: (visible = false) => {
-    return {
+  position: (options) => {
+    return Object.assign({
       id: 'position-sticky',
-      position: 'top',
+      visible: false,
       offset: [0, 42],
-      component: 'stickies/KPosition',
-      visible,
-    }
+      position: 'top',
+      component: 'stickies/KPosition'
+    }, options)
   },
-  target: (visible = false) => {
-    return {
-      id: 'target-sticky', 
-      position: 'center', 
+  target: (options) => {
+    return Object.assign({ 
+      id: 'target-sticky',
+      visible: false, 
       offset: [0, -20], 
-      component: 'stickies/KTarget',
-      visible
-    }
+      position: 'center',
+      component: 'stickies/KTarget'
+    }, options)
   },
-  northArrow: (visible = true) => {
-    return {
-      id: 'north-arrow-sticky', 
-      position: 'bottom-left', 
+  northArrow: (options) => {
+    return Object.assign({ 
+      id: 'north-arrow-sticky',
+      visible: true, 
       offset: [100, 2], 
-      component: 'stickies/KNorthArrow',
-      visible
-    }
+      position: 'bottom-left',
+      component: 'stickies/KNorthArrow' 
+    }, options)
   },
-  attribution: (visible = true) => {
-    return {
+  attribution: (options) => {
+    return Object.assign({
       id: 'attribution-sticky',
+      visible: true, 
       position: 'bottom-right', 
       offset: [80, 24], 
-      component: 'stickies/KAttribution',
-      visible
-    }
+      component: 'stickies/KAttribution'
+    }, options)
   }
 }

map/client/components/stickies/KPosition.vue

@@ -72,7 +72,7 @@ async function onClose () {
 
 onMounted(() => {
   // Show target sticky
-  if (!_.isEmpty(props.target)) Layout.showSticky(props.target)
+  if (!_.isEmpty(props.targetId)) Layout.showSticky(props.targetId)
   // Listen move events
   if (CurrentActivity.value) {
     CurrentActivity.value.$engineEvents.on('movestart', updatePosition)
@@ -84,7 +84,7 @@ onMounted(() => {
 })
 // Hooks
 onBeforeUnmount(() => {
-  if (!_.isEmpty(props.target)) Layout.hideSticky(props.target)
+  if (!_.isEmpty(props.targetId)) Layout.hideSticky(props.targetId)
   // Stop listening move events
   if (CurrentActivity.value) {
     CurrentActivity.value.$engineEvents.off('movestart', updatePosition)