58 lines
2.4 KiB
HTML
58 lines
2.4 KiB
HTML
<div class="daily-calendar" id="daily-calendar">
|
||
<div class="daily-calendar-header">
|
||
<button class="calendar-nav-btn"
|
||
hx-get="/api/daily/calendar/{{.PrevMonth}}"
|
||
hx-target="#daily-calendar"
|
||
hx-swap="outerHTML"
|
||
title="Mois précédent">
|
||
‹
|
||
</button>
|
||
<span class="calendar-month-year">{{.MonthName}} {{.Year}}</span>
|
||
<button class="calendar-nav-btn"
|
||
hx-get="/api/daily/calendar/{{.NextMonth}}"
|
||
hx-target="#daily-calendar"
|
||
hx-swap="outerHTML"
|
||
title="Mois suivant">
|
||
›
|
||
</button>
|
||
</div>
|
||
|
||
<div class="calendar-grid">
|
||
<!-- En-tête des jours -->
|
||
<div class="calendar-weekday-header">L</div>
|
||
<div class="calendar-weekday-header">M</div>
|
||
<div class="calendar-weekday-header">M</div>
|
||
<div class="calendar-weekday-header">J</div>
|
||
<div class="calendar-weekday-header">V</div>
|
||
<div class="calendar-weekday-header">S</div>
|
||
<div class="calendar-weekday-header">D</div>
|
||
|
||
<!-- Jours du calendrier -->
|
||
{{range .Weeks}}
|
||
{{range .}}
|
||
<div class="calendar-day {{if not .InMonth}}calendar-day-other-month{{end}} {{if .IsToday}}calendar-day-today{{end}} {{if .HasNote}}calendar-day-has-note calendar-day-clickable{{else}}{{if .InMonth}}calendar-day-no-note{{end}}{{end}}"
|
||
{{if and .InMonth .HasNote}}
|
||
data-date="{{.Date.Format "2006-01-02"}}"
|
||
hx-get="/api/daily/{{.Date.Format "2006-01-02"}}"
|
||
hx-target="#editor-container"
|
||
hx-swap="innerHTML"
|
||
hx-push-url="true"
|
||
{{end}}
|
||
title="{{if .HasNote}}Note du {{.Date.Format "02/01/2006"}}{{else}}{{.Date.Format "02/01/2006"}} - Pas de note{{end}}">
|
||
<span class="calendar-day-number">{{.Day}}</span>
|
||
{{if .HasNote}}<span class="calendar-day-indicator">●</span>{{end}}
|
||
</div>
|
||
{{end}}
|
||
{{end}}
|
||
</div>
|
||
|
||
<button class="daily-today-btn"
|
||
hx-get="/api/daily/today"
|
||
hx-target="#editor-container"
|
||
hx-swap="innerHTML"
|
||
hx-push-url="true"
|
||
title="Ouvrir la note du jour">
|
||
📅 Aujourd'hui
|
||
</button>
|
||
</div>
|