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

Refactoring of calendar widget

Browse Source
This commit is contained in:
luxick
2026-05-28 21:28:16 +02:00
parent 61e50c033f
commit 51bf489449
3 changed files with 102 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/diary/calendar.html
+2 -3
View File
@@ -3,16 +3,15 @@
data-display-month="{{.DisplayMonth}}">
<div class="panel-header"><a href="{{.DiaryURL}}">Chronological</a></div>
<div class="diary-cal-nav">
<a href="{{.DisplayMonthURL}}" class="diary-cal-heading" data-cal-month-link>{{.DisplayMonthName}}</a>
<div class="dropdown diary-cal-drop">
<button type="button" class="btn btn-small" data-action="cal-month-drop" aria-expanded="false" title="Monat wählen">▾</button>
<button type="button" class="btn" data-cal-month-link data-action="cal-month-drop" aria-expanded="false" title="Monat wählen"> {{.DisplayMonthName}} </button>
<div class="dropdown-menu scrollable">
{{range .Months}}<a class="btn btn-block" data-cal-month-jump="{{.Num}}" href="{{.AnchorURL}}">{{.Name}}</a>{{end}}
</div>
</div>
<a href="{{.YearURL}}" class="diary-cal-heading">{{.DisplayYear}}</a>
<div class="dropdown diary-cal-drop">
<button type="button" class="btn btn-small" data-action="cal-year-drop" aria-expanded="false" title="Jahr wählen">▾</button>
<button type="button" class="btn" data-action="cal-year-drop" aria-expanded="false" title="Jahr wählen">▾</button>
<div class="dropdown-menu align-right scrollable">
{{range .Years}}<a class="btn btn-block{{if .IsCurrent}} cal-current{{end}}" href="{{.URL}}">{{.Num}}</a>{{end}}
</div>
assets/diary/calendar.js
+3 -6
View File
@@ -5,7 +5,7 @@
var displayYear = parseInt(cal.dataset.displayYear, 10);
var current = parseInt(cal.dataset.displayMonth, 10);
var monthLink = cal.querySelector("[data-cal-month-link]");
var monthLabel = cal.querySelector("[data-cal-month-link]");
var months = {};
cal.querySelectorAll("[data-cal-month]").forEach(function (t) {
months[parseInt(t.dataset.calMonth, 10)] = t;
@@ -15,18 +15,15 @@
jumpLinks[parseInt(a.dataset.calMonthJump, 10)] = a;
});
function pad(n) { return n < 10 ? "0" + n : "" + n; }
function show(m) {
if (m === current) return;
if (!months[m]) return;
months[current].hidden = true;
months[m].hidden = false;
current = m;
if (monthLink) {
if (monthLabel) {
var label = jumpLinks[m];
if (label) monthLink.textContent = label.textContent;
monthLink.setAttribute("href", "#" + displayYear + "-" + pad(m));
if (label) monthLabel.textContent = " " + label.textContent + " ";
}
}