* always animate dashboard

* hide quick date buttons when editing a transasction
cioraneanu · Jun 17, 2024 · f9de384 · f9de384
1 parent 365456a
commit f9de384
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 12 deletions.
diff --git a/front/pages/dashboard.vue b/front/pages/dashboard.vue
@@ -46,12 +46,12 @@ const onRefresh = () => {
 const onRefreshDebounce = debounce(onRefresh, 200)
 
 onMounted(() => {
+  animateDashboard()
+
   if (dataStore.dashboard.transactionsListLastWeek.length > 0) {
     return
   }
   onRefreshDebounce()
-
-  animateDashboard()
 })
 
 const isLoadingDashboard = computed(() => {

diff --git a/front/pages/transactions/[[id]].vue b/front/pages/transactions/[[id]].vue
@@ -84,7 +84,7 @@
         <div :style="getStyleForField(FORM_CONSTANTS_TRANSACTION_FIELDS.TRANSACTION_FORM_FIELD_DATE)">
           <app-date-time-grid v-model="date" :rules="[{ required: true, message: 'Date is required' }]" required />
 
-          <div class="px-3 flex-center-vertical gap-1">
+          <div v-if="!itemId" class="px-3 flex-center-vertical gap-1">
             <van-button size="small" @click="onSubDay">-1 day</van-button>
             <van-button size="small" @click="onToday">Today</van-button>
             <van-button size="small" @click="onAddDay">+1 day</van-button>

diff --git a/front/utils/AnimationUtils.js b/front/utils/AnimationUtils.js
@@ -60,13 +60,6 @@ export async function animateSettings() {
 export async function animateDashboard() {
   await nextTick()
 
-  // anime({
-  //   targets: `.van-cell-group`,
-  //   translateX: [-50, 0],
-  //   opacity: [0, 1],
-  //   delay: anime.stagger(200, { start: 0 }),
-  // })
-
   anime({
     targets: `.van-cell-group`,
     opacity: [0, 1],
@@ -75,9 +68,9 @@ export async function animateDashboard() {
 
 
   anime({
-    targets: `.van-grid-item, .bar-container`,
+    targets: `.van-grid-item, .bar-container, .app-select-option-tag`,
     opacity: [0, 1],
-    delay: anime.stagger(45, { start: 250 }),
+    delay: anime.stagger(25, { start: 250  }),
   })