feat : en-tête « Mois Année » constant + année courante centrée (2e ligne/2e col) + cycle de vues
- l'en-tête affiche toujours « Mois Année » avec chevron bas dans les 3 vues - le clic sur l'en-tête cycle jours -> mois -> années -> jours (goToHigherView -> cycleView) - la grille d'années cale l'année courante en index 4 (yearPageStart = courante - 4) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -18,11 +18,10 @@
|
||||
type="button"
|
||||
data-test="header-toggle"
|
||||
class="flex gap-1 rounded text-base font-medium"
|
||||
@click="viewMode !== 'years' && emit('toggle-view')"
|
||||
@click="emit('toggle-view')"
|
||||
>
|
||||
<span class="mt-[2px]">{{ label }}</span>
|
||||
<Icon
|
||||
v-if="viewMode !== 'years'"
|
||||
icon="mdi:chevron-down"
|
||||
:width="25"
|
||||
:height="25"
|
||||
@@ -55,7 +54,6 @@ const props = defineProps<{
|
||||
viewMode: 'days' | 'months' | 'years'
|
||||
currentMonth: number
|
||||
currentYear: number
|
||||
yearPageStart: number
|
||||
}>()
|
||||
|
||||
const emit = defineEmits<{
|
||||
@@ -65,9 +63,9 @@ const emit = defineEmits<{
|
||||
const monthsLong = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin',
|
||||
'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre']
|
||||
|
||||
// Libellé constant « Mois Année » dans toutes les vues (jours/mois/années) :
|
||||
// la grille affichée en dessous indique le niveau courant.
|
||||
const label = computed(() => {
|
||||
if (props.viewMode === 'years') return `${props.yearPageStart} – ${props.yearPageStart + 11}`
|
||||
if (props.viewMode === 'months') return `${props.currentYear}`
|
||||
const name = monthsLong[props.currentMonth]
|
||||
return `${name.charAt(0).toUpperCase()}${name.slice(1)} ${props.currentYear}`
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user