Added commerce category
This commit is contained in:
@@ -32,7 +32,8 @@ defineProps<{
|
|||||||
'text-white bg-amber-600 hover:bg-amber-700': event.category === 'construction',
|
'text-white bg-amber-600 hover:bg-amber-700': event.category === 'construction',
|
||||||
'text-slate-900 bg-violet-200 hover:bg-violet-300': event.category === 'arcanologie',
|
'text-slate-900 bg-violet-200 hover:bg-violet-300': event.category === 'arcanologie',
|
||||||
'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
|
'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
|
||||||
'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale'
|
'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale',
|
||||||
|
'text-slate-900 bg-yellow-500 hover:bg-yellow-600': event.category === 'commerce'
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
{{ event.title }}
|
{{ event.title }}
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ const dateDifference: string = getRelativeString(defaultDate, props.event.startD
|
|||||||
:class="{
|
:class="{
|
||||||
'border-slate-800': !event.category,
|
'border-slate-800': !event.category,
|
||||||
'border-lime-800': event.category === 'naissance',
|
'border-lime-800': event.category === 'naissance',
|
||||||
'border-stone-800': event.category === 'mort',
|
'border-stone-600': event.category === 'mort',
|
||||||
'border-orange-800': event.category === 'catastrophe',
|
'border-orange-800': event.category === 'catastrophe',
|
||||||
'border-pink-800': event.category === 'catastrophe naturelle',
|
'border-pink-800': event.category === 'catastrophe naturelle',
|
||||||
'border-sky-800': event.category === 'législation',
|
'border-sky-800': event.category === 'législation',
|
||||||
@@ -38,7 +38,8 @@ const dateDifference: string = getRelativeString(defaultDate, props.event.startD
|
|||||||
'border-amber-700': event.category === 'construction',
|
'border-amber-700': event.category === 'construction',
|
||||||
'border-violet-700': event.category === 'arcanologie',
|
'border-violet-700': event.category === 'arcanologie',
|
||||||
'border-rose-800': event.category === 'criminalité',
|
'border-rose-800': event.category === 'criminalité',
|
||||||
'border-stone-700': event.category === 'scandale'
|
'border-stone-700': event.category === 'scandale',
|
||||||
|
'border-yellow-600': event.category === 'commerce'
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<div class="grid gap-1">
|
<div class="grid gap-1">
|
||||||
@@ -91,8 +92,8 @@ const dateDifference: string = getRelativeString(defaultDate, props.event.startD
|
|||||||
.border-lime-800 {
|
.border-lime-800 {
|
||||||
background-color: color-mix(in srgb, var(--color-lime-800), var(--color-slate-950) 85%);
|
background-color: color-mix(in srgb, var(--color-lime-800), var(--color-slate-950) 85%);
|
||||||
}
|
}
|
||||||
.border-stone-800 {
|
.border-stone-600 {
|
||||||
background-color: color-mix(in srgb, var(--color-stone-800), var(--color-slate-950) 85%);
|
background-color: color-mix(in srgb, var(--color-stone-600), var(--color-slate-950) 85%);
|
||||||
}
|
}
|
||||||
.border-orange-800 {
|
.border-orange-800 {
|
||||||
background-color: color-mix(in srgb, var(--color-orange-800), var(--color-slate-950) 85%);
|
background-color: color-mix(in srgb, var(--color-orange-800), var(--color-slate-950) 85%);
|
||||||
@@ -139,4 +140,7 @@ const dateDifference: string = getRelativeString(defaultDate, props.event.startD
|
|||||||
.border-stone-700 {
|
.border-stone-700 {
|
||||||
background-color: color-mix(in srgb, var(--color-stone-700), var(--color-slate-950) 85%);
|
background-color: color-mix(in srgb, var(--color-stone-700), var(--color-slate-950) 85%);
|
||||||
}
|
}
|
||||||
|
.border-yellow-600 {
|
||||||
|
background-color: color-mix(in srgb, var(--color-yellow-600), var(--color-slate-950) 85%);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -39,7 +39,8 @@ const { defaultDate, getFormattedDateTitle } = useCalendar()
|
|||||||
'text-white bg-amber-600 hover:bg-amber-700': event.category === 'construction',
|
'text-white bg-amber-600 hover:bg-amber-700': event.category === 'construction',
|
||||||
'text-slate-900 bg-violet-200 hover:bg-violet-300': event.category === 'arcanologie',
|
'text-slate-900 bg-violet-200 hover:bg-violet-300': event.category === 'arcanologie',
|
||||||
'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
|
'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
|
||||||
'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale'
|
'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale',
|
||||||
|
'text-slate-900 bg-yellow-500 hover:bg-yellow-600': event.category === 'commerce'
|
||||||
}"
|
}"
|
||||||
@click="$emit('query:date-jump', event.startDate)"
|
@click="$emit('query:date-jump', event.startDate)"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -172,6 +172,7 @@ export const regularEvents: CalendarEvent[] = [
|
|||||||
description:
|
description:
|
||||||
'Les artisans et mineurs de Rougefer se réunissent à Cantane pour vendre le fruit de leur dur labeur.',
|
'Les artisans et mineurs de Rougefer se réunissent à Cantane pour vendre le fruit de leur dur labeur.',
|
||||||
startDate: { day: 23, month: 8, year: 3209 },
|
startDate: { day: 23, month: 8, year: 3209 },
|
||||||
category: 'inauguration'
|
endDate: { day: 26, month: 8, year: 3209 },
|
||||||
|
category: 'commerce'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -28,7 +28,8 @@ export const calendarEventCategories = [
|
|||||||
'construction',
|
'construction',
|
||||||
'arcanologie',
|
'arcanologie',
|
||||||
'criminalité',
|
'criminalité',
|
||||||
'scandale'
|
'scandale',
|
||||||
|
'commerce'
|
||||||
] as const
|
] as const
|
||||||
|
|
||||||
export type CalendarEventCategory = (typeof calendarEventCategories)[number]
|
export type CalendarEventCategory = (typeof calendarEventCategories)[number]
|
||||||
|
|||||||
Reference in New Issue
Block a user