feat: Add a helper action to control sticky visibility (close #1095)

Author: cnouguier

core/client/components/action/KToggleStickyVisibility.vue

@@ -0,0 +1,32 @@
+<template>
+  <KAction
+    v-if="sticky"
+    v-bind="props"
+    :toggled="sticky.visible"
+    :handler="toggleSticky"
+  />
+</template>
+
+<script setup>
+import _ from 'lodash'
+import { actionProps } from '../../utils/index.js'
+import { Layout } from '../../layout.js'
+import KAction from './KAction.vue'
+
+// Props
+const props = defineProps({
+  stickyId: {
+    type: String,
+    required: true
+  },
+  ..._.omit(actionProps, ['url', 'handler', 'dialog', 'route', 'closePopup', 'toggled'])
+})
+
+// Data
+const sticky = Layout.findSticky(props.stickyId)
+
+// Functions
+function toggleSticky (context, value) {
+  Layout.setStickyVisible(props.stickyId, value)
+}
+</script>

core/client/i18n/core_en.json

@@ -716,6 +716,10 @@
     "FILE_TOO_LARGE": "File {file} is too large. The size must be less than {size}Mb",
     "UPLOAD_FILE_SUCCEEDED": "File {file} has been successfully uploaded",
     "UPLOAD_FILE_ERRORED": "Cannot upload file {file} !"
+  },
+  "KToggleStickyVisibility": {
+    "DISPLAY_POSITION": "Display geographical coordinates",
+    "HIDE_POSITION": "Hide geographical coordinates"
   }
 }
 

core/client/layout.js

@@ -305,7 +305,7 @@ export const Layout = {
   setStickyVisible (stickyId, visible) {
     const sticky = this.findSticky(stickyId)
     if (!sticky) {
-      logger.error('[KDK] Cannot find sticky with id', stickyId)
+      logger.error(`[KDK] Cannot find sticky with id '${stickyId}'`)
       return
     }
     _.set(sticky, 'visible', visible)