luxick/chronological
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add tuicss library

Browse Source
This commit is contained in:
luxick
2025-12-12 11:55:37 +01:00
parent e5bbdcab42
commit 4bbc7975b3
7 changed files with 293 additions and 431 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
web/templates/partials/calendar.html
View File

@@ -5,18 +5,18 @@
hx-get="/calendar/{{.PrevYear}}/{{.PrevMonth}}"
hx-target="#calendar-panel"
hx-swap="innerHTML"
class="nav-btn"
class="tui-button"
aria-label="Previous month">
‹
«
</button>
<h2>{{.MonthName}} {{.Year}}</h2>
<span class="calendar-title">{{.MonthName}} {{.Year}}</span>
<button
hx-get="/calendar/{{.NextYear}}/{{.NextMonth}}"
hx-target="#calendar-panel"
hx-swap="innerHTML"
class="nav-btn"
class="tui-button"
aria-label="Next month">
&#8250;
&raquo;
</button>
</div>
@@ -49,9 +49,9 @@
<span class="day-number">{{$day}}</span>
{{if $content.HasContent}}
<div class="day-indicators">
{{if $content.HasEvents}}<span class="indicator event-indicator" title="Events">📅</span>{{end}}
{{if $content.HasDiary}}<span class="indicator diary-indicator" title="Diary">📝</span>{{end}}
{{if $content.HasPhotos}}<span class="indicator photo-indicator" title="Photos">📷</span>{{end}}
{{if $content.HasEvents}}<span class="indicator" title="Events">E</span>{{end}}
{{if $content.HasDiary}}<span class="indicator" title="Diary">D</span>{{end}}
{{if $content.HasPhotos}}<span class="indicator" title="Photos">P</span>{{end}}
</div>
{{end}}
</div>
@@ -63,18 +63,26 @@
hx-get="/timeline/{{.Year}}/{{.Month | printf "%d"}}"
hx-target="#timeline-panel"
hx-swap="innerHTML"
class="btn btn-primary">
class="tui-button cyan-168 white-text">
View Timeline
</button>
</div>
</div>
<dialog id="day-modal" class="day-modal">
<div id="day-modal-content">
<!-- Day content loaded via HTMX -->
<dialog id="day-modal" class="tui-modal">
<div class="tui-window tui-no-shadow">
<fieldset class="tui-fieldset">
<legend class="center">Day Details</legend>
<button class="tui-fieldset-button" onclick="document.getElementById('day-modal').close()">
<span class="red-168-text">X</span>
</button>
<div id="day-modal-content">
<!-- Day content loaded via HTMX -->
</div>
<div class="modal-actions">
<button class="tui-button" onclick="document.getElementById('day-modal').close()">Close</button>
</div>
</fieldset>
</div>
<form method="dialog">
<button class="btn btn-secondary">Close</button>
</form>
</dialog>
{{end}}