MALIO-DEV/Lesstime
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 32 Wiki Activity

refactor(time-tracking) : use MalioSelect for filters and drawer, improve calendar cards

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
THOLOT DECHENE Matthieu
2026-03-10 23:47:49 +01:00
parent 7ee1be63b3
commit ae3eeed7d9
3 changed files with 87 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/components/TimeEntryBlock.vue
View File

@@ -18,27 +18,29 @@
</div>
<div class="px-1.5 py-0.5 h-full overflow-hidden">
<!-- Full display: title + project + types + duration -->
<!-- Full display: title + project + type dot + duration -->
<template v-if="sizeLevel >= 3">
<div class="font-semibold truncate">{{ entry.title || 'Sans titre' }}</div>
<div class="flex items-center gap-1">
<div class="font-semibold truncate">{{ entry.title || 'Sans titre' }}</div>
<span class="ml-auto shrink-0 text-[10px] tabular-nums opacity-80">{{ duration }}</span>
</div>
<div v-if="entry.project" class="truncate text-[10px] opacity-80">{{ entry.project.name }}</div>
<div class="mt-0.5 flex items-center gap-1">
<div v-if="entry.types.length" class="mt-0.5 flex items-center gap-1 overflow-hidden">
<span
v-for="type in entry.types"
:key="type.id"
class="rounded-full px-1.5 py-0.5 text-[9px] font-semibold"
:style="{ backgroundColor: type.color }"
class="inline-flex items-center gap-0.5 truncate text-[9px] opacity-90"
>
<span class="inline-block h-1.5 w-1.5 shrink-0 rounded-full" :style="{ backgroundColor: type.color }" />
{{ type.label }}
</span>
<span class="ml-auto text-[10px] opacity-80">{{ duration }}</span>
</div>
</template>
<!-- Medium: title + duration -->
<template v-else-if="sizeLevel === 2">
<div class="font-semibold truncate">{{ entry.title || 'Sans titre' }}</div>
<div class="text-[10px] opacity-80">{{ duration }}</div>
<div class="text-[10px] tabular-nums opacity-80">{{ duration }}</div>
</template>
<!-- Small: title only -->
@@ -88,13 +90,11 @@ const resizeTopDeltaMinutes = ref(0)
const resizeBottomDeltaMinutes = ref(0)
const duration = computed(() => {
const startMs = startDate.value.getTime() + resizeTopDeltaMinutes.value * 60000
const endMs = endDate.value.getTime() + resizeBottomDeltaMinutes.value * 60000
const diff = endMs - startMs
const h = Math.floor(diff / 3600000)
const m = Math.floor((diff % 3600000) / 60000)
const s = Math.floor((diff % 60000) / 1000)
return [h, m, s].map((v) => String(v).padStart(2, '0')).join(' : ')
const mins = Math.floor((endDate.value.getTime() + resizeBottomDeltaMinutes.value * 60000
- startDate.value.getTime() - resizeTopDeltaMinutes.value * 60000) / 60000)
const h = Math.floor(mins / 60)
const m = mins % 60
return m > 0 ? `${h}h${String(m).padStart(2, '0')}` : `${h}h`
})
const heightPx = computed(() => {