adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-17 12:42:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

add loading indicator to import (ST-149), change card divider color

Browse Source
This commit is contained in:
Gregor Vostrak
2024-06-07 14:18:27 +02:00
parent f40ae91444
commit 8857befc6c
5 changed files with 69 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
resources/js/Pages/Time.vue
View File

@@ -18,6 +18,7 @@ import SecondaryButton from '@/Components/SecondaryButton.vue';
import { PlusIcon } from '@heroicons/vue/16/solid';
import TimeEntryCreateModal from '@/Components/Common/TimeEntry/TimeEntryCreateModal.vue';
import TimeEntryAggregateRow from '@/Components/Common/TimeEntry/TimeEntryAggregateRow.vue';
import LoadingSpinner from '@/Components/LoadingSpinner.vue';
const timeEntriesStore = useTimeEntriesStore();
const { timeEntries, allTimeEntriesLoaded } = storeToRefs(timeEntriesStore);
@@ -148,23 +149,7 @@ const showManualTimeEntryModal = ref(false);
<div
v-if="loading && !allTimeEntriesLoaded"
class="flex justify-center items-center py-5 text-white font-medium">
<svg
class="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24">
<circle
class="opacity-25"
cx="12"
cy="12"
r="10"
stroke="currentColor"
stroke-width="4"></circle>
<path
class="opacity-75"
fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<LoadingSpinner></LoadingSpinner>
<span> Loading more time entries... </span>
</div>
<div