wip: Reorganize sticky map-based components #1085

Author: cnouguier

core/client/i18n/core_fr.json

@@ -714,5 +714,11 @@
     "FILE_TOO_LARGE": "Le fichier {file} est trop volumineux. La taille doit être inférieure à {size}Mo",  
     "UPLOAD_FILE_SUCCEEDED": "Le fichier {file} a été transféré avec succès",
     "UPLOAD_FILE_ERRORED": "Impossible de transférer le fichier {file} !"
+  },
+  "KToggleStickyVisibility": {
+    "DISPLAY_POSITION": "Afficher les coordonnées géographiques",
+    "HIDE_POSITION": "Masquer les coordonnées géographiques",
+    "DISPLAY_NORTH": "Afficher la flèche d’orientation vers le nord",
+    "HIDE_NORTH": "Masquer la flèche d’orientation vers le nord"
   }
 }

map/client/components/stickies/KNorth.vue

@@ -16,11 +16,11 @@ defineProps({
   },
   width: {
     type: String,
-    default: '250px'
+    default: '36px'
   },
   height: {
     type: String,
-    default: '50px'
+    default: '36px'
   }
 })
 </script>

map/client/components/stickies/KPosition.vue

@@ -14,13 +14,6 @@
       size="sm"
       :handler="onCopy"
     />
-    <!--KAction
-      id="hide-position"
-      icon="cancel"
-      tooltip="KPosition.HIDE"      
-      size="sm"
-      :handler="onHide"
-    /-->
   </div>
 </template>
 
@@ -54,7 +47,6 @@ const formattedPosition = computed(() => {
 // Function
 function updatePosition () {
   position.value = CurrentActivity.value.is2D() ? CurrentActivity.value.getCenter() : CurrentActivity.value.getCameraEllipsoidTarget()
-  console.log(position.value)
 }
 async function onCopy () {
   try {

map/client/components/stickies/KTarget.vue

@@ -11,7 +11,7 @@
 import { computed } from 'vue'
 
 // Props
-const props = defineProps({
+defineProps({
   image: {
     type: String,
     default: 'kdk/target.svg'
@@ -25,14 +25,6 @@ const props = defineProps({
     default: '40px'
   }
 })
-
-// Computed
-const width = computed(() => {
-  return `${props.size}px`
-})
-const height = computed(() => {
-  return `${props.size}px`
-})
 </script>
 
 <style lang="scss" scoped>