redesign event blueprint

This commit is contained in:
isUnknown 2024-07-24 15:56:28 +02:00
parent 1614f8682e
commit 801fe38447
6 changed files with 84 additions and 11 deletions

View file

@ -2,6 +2,8 @@
class="calendar-strip"
x-data="{
monthNumb: dayjs().month(),
token: '<?= $site->mapadoToken() ?>',
contractId: '<?= $site->mapadoContractId() ?>',
get monthName() {
return dayjs().month(this.monthNumb).format('MMMM');
@ -11,11 +13,13 @@
return getDaysInMonth(this.monthNumb, dayjs().year())
}
}"
x-init="getEvents(monthNumb)"
>
<div class="calendar-strip__selector">
<button class="prev-month" @click="monthNumb--"></button>
<button class="prev-month" @click="monthNumb--" :disabled="monthNumb === -4 ? true : false"></button>
<span x-text="monthName"></span>
<button class="next-month" @click="monthNumb++"></button>
<button class="next-month" @click="monthNumb++" :disabled="monthNumb === 7 ? true : false"></button>
</div>
<ul class="calendar-strip__days">
<template x-for="(day, index) in days">