wip: Provide a new TimeLine component #909

kalisio · Aug 21, 2024 · 0b7c546 · 0b7c546
1 parent d2ba8fd
commit 0b7c546
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 7 deletions.
diff --git a/...ient/components/collection/ScrollDown.vue → ...ent/components/collection/KScrollDown.vue b/...ient/components/collection/ScrollDown.vue → ...ent/components/collection/KScrollDown.vue
diff --git a/...ent/components/collection/ScrollToTop.vue → ...nt/components/collection/KScrollToTop.vue b/...ent/components/collection/ScrollToTop.vue → ...nt/components/collection/KScrollToTop.vue
@@ -2,11 +2,11 @@
   <KAction
     v-if="isVisible"
     id="back-to-top"
-    tooltip="ScrollToTop.TOOLTIP"
+    tooltip="KScrollToTop.TOOLTIP"
     icon="vertical_align_top" 
     color="accent"
     :flat="false"
-    size="size"
+    :size="size"
     :handler="scrollToTop"
   />
 </template>
@@ -27,7 +27,7 @@ const props = defineProps({
   },
   size: {
     type: String,
-    default: 'sm'
+    default: 'md'
   },
   duration: {
     type: Number,

diff --git a/core/client/components/collection/KTimeLine.vue b/core/client/components/collection/KTimeLine.vue
@@ -112,15 +112,15 @@
     <div v-if="scrollTargetRef" class="q-px-sm row items-center">
       <div class="col-4"></div>
       <div class="col-4 row justify-center">
-        <ScrollDown
+        <KScrollDown
           v-if="scrollDown"
           :ref="scrollDownRefCreated"
           target="scroll-target"
           :loading="loadDoneFunction ? true : false" 
       />
       </div>
       <div class="col-4 row justify-end">
-        <ScrollToTop
+        <KScrollToTop
           v-if="scrollToTop"
           :ref="scrollToTopRefCreated"
           target="scroll-target"
@@ -151,8 +151,8 @@ import { useCollection } from '../../composables'
 import { Events } from '../../events.js'
 import { Time } from '../../time.js'
 import { loadComponent } from '../../utils'
-import ScrollToTop from './ScrollToTop.vue'
-import ScrollDown from './ScrollDown.vue'
+import KScrollToTop from './KScrollToTop.vue'
+import KScrollDown from './KScrollDown.vue'
 import KStamp from '../KStamp.vue'
 import KPanel from '../KPanel.vue'
 

diff --git a/core/client/i18n/core_en.json b/core/client/i18n/core_en.json
@@ -550,6 +550,9 @@
   "KTimeLine": {
     "EMPTY_LABEL": "@:NO_ITEM"
   },
+  "KScrollToTop": {
+    "TOOLTIP": "Scroll to top"
+  },
   "KHistory": {
     "EMPTY_HISTORY": "@:NO_ITEM"
   },

diff --git a/core/client/i18n/core_fr.json b/core/client/i18n/core_fr.json
@@ -548,6 +548,9 @@
   "KTimeLine": {
     "EMPTY_LABEL": "@:NO_ITEM"
   },
+  "KScrollToTop": {
+    "TOOLTIP": "Haut de page"
+  },
   "KHistory": {
     "EMPTY_HISTORY": "@:NO_ITEM"
   },