mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-17 12:42:15 +01:00
add format check, update prettier rules, apply rules consistently
This commit is contained in:
@@ -1,52 +1,49 @@
|
||||
<script setup lang="ts">
|
||||
import AppLayout from "@/Layouts/AppLayout.vue";
|
||||
import TimeTracker from "@/Components/TimeTracker.vue";
|
||||
import RecentlyTrackedTasksCard from "@/Components/Dashboard/RecentlyTrackedTasksCard.vue";
|
||||
import LastSevenDaysCard from "@/Components/Dashboard/LastSevenDaysCard.vue";
|
||||
import TeamActivityCard from "@/Components/Dashboard/TeamActivityCard.vue";
|
||||
import ThisWeekOverview from "@/Components/Dashboard/ThisWeekOverview.vue";
|
||||
import ActivityGraphCard from "@/Components/Dashboard/ActivityGraphCard.vue";
|
||||
import MainContainer from "@/packages/ui/src/MainContainer.vue";
|
||||
import { canViewMembers } from "@/utils/permissions";
|
||||
import { useQueryClient } from "@tanstack/vue-query";
|
||||
import AppLayout from '@/Layouts/AppLayout.vue';
|
||||
import TimeTracker from '@/Components/TimeTracker.vue';
|
||||
import RecentlyTrackedTasksCard from '@/Components/Dashboard/RecentlyTrackedTasksCard.vue';
|
||||
import LastSevenDaysCard from '@/Components/Dashboard/LastSevenDaysCard.vue';
|
||||
import TeamActivityCard from '@/Components/Dashboard/TeamActivityCard.vue';
|
||||
import ThisWeekOverview from '@/Components/Dashboard/ThisWeekOverview.vue';
|
||||
import ActivityGraphCard from '@/Components/Dashboard/ActivityGraphCard.vue';
|
||||
import MainContainer from '@/packages/ui/src/MainContainer.vue';
|
||||
import { canViewMembers } from '@/utils/permissions';
|
||||
import { useQueryClient } from '@tanstack/vue-query';
|
||||
|
||||
const queryClient = useQueryClient();
|
||||
|
||||
const refreshDashboardData = () => {
|
||||
// Invalidate all dashboard queries to trigger refetching
|
||||
queryClient.invalidateQueries({ queryKey: ["latestTasks"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["lastSevenDays"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["dailyTrackedHours"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["latestTeamActivity"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["weeklyProjectOverview"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["totalWeeklyTime"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["totalWeeklyBillableTime"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["totalWeeklyBillableAmount"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["weeklyHistory"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["timeEntries"] });
|
||||
queryClient.invalidateQueries({ queryKey: ['latestTasks'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['lastSevenDays'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['dailyTrackedHours'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['latestTeamActivity'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['weeklyProjectOverview'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['totalWeeklyTime'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['totalWeeklyBillableTime'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['totalWeeklyBillableAmount'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['weeklyHistory'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['timeEntries'] });
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<AppLayout title="Dashboard" data-testid="dashboard_view">
|
||||
<MainContainer
|
||||
class="pt-5 sm:pt-8 pb-4 sm:pb-6 border-b border-default-background-separator">
|
||||
<TimeTracker @change="refreshDashboardData"></TimeTracker>
|
||||
</MainContainer>
|
||||
<MainContainer
|
||||
class="pt-5 sm:pt-8 pb-4 sm:pb-6 border-b border-default-background-separator">
|
||||
<TimeTracker @change="refreshDashboardData"></TimeTracker>
|
||||
</MainContainer>
|
||||
|
||||
<MainContainer
|
||||
class="grid gap-5 sm:gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 pt-3 sm:pt-5 pb-4 sm:pb-6 border-b border-default-background-separator items-stretch">
|
||||
<RecentlyTrackedTasksCard></RecentlyTrackedTasksCard>
|
||||
<LastSevenDaysCard></LastSevenDaysCard>
|
||||
<ActivityGraphCard></ActivityGraphCard>
|
||||
<TeamActivityCard
|
||||
v-if="canViewMembers()"
|
||||
class="flex lg:hidden xl:flex">
|
||||
</TeamActivityCard>
|
||||
</MainContainer>
|
||||
<MainContainer class="py-5">
|
||||
<ThisWeekOverview></ThisWeekOverview>
|
||||
</MainContainer>
|
||||
<MainContainer
|
||||
class="grid gap-5 sm:gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 pt-3 sm:pt-5 pb-4 sm:pb-6 border-b border-default-background-separator items-stretch">
|
||||
<RecentlyTrackedTasksCard></RecentlyTrackedTasksCard>
|
||||
<LastSevenDaysCard></LastSevenDaysCard>
|
||||
<ActivityGraphCard></ActivityGraphCard>
|
||||
<TeamActivityCard v-if="canViewMembers()" class="flex lg:hidden xl:flex">
|
||||
</TeamActivityCard>
|
||||
</MainContainer>
|
||||
<MainContainer class="py-5">
|
||||
<ThisWeekOverview></ThisWeekOverview>
|
||||
</MainContainer>
|
||||
</AppLayout>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user