familyfedie/familyfedie-website
3
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Merge pull request '[codex] Clean up events calendar' (#6) from codex/clean-calendar-ui into main
All checks were successful
/ deploy (push) Successful in 37s
Details

Browse source 
Reviewed-on: #6
This commit is contained in:
Konrad Kunkel 2026-06-11 18:00:10 +00:00
commit b23bac3f83
3 changed files with 3 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

18
css/site.css
View file

@ -273,24 +273,6 @@ body.custom-background { background-color: #ffffff; }
color: #bf4d28;
}
.calendar-search {
display: grid;
gap: 5px;
min-width: min(100%, 280px);
color: #444444;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.calendar-search input {
box-sizing: border-box;
width: 100%;
min-height: 38px;
margin: 0;
text-transform: none;
}
.calendar-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);

4
src/content/pages/events.html
View file

@ -15,10 +15,6 @@
<div class="calendar-actions">
<button class="calendar-secondary-button" type="button" data-calendar-today>This Month</button>
<label class="calendar-search">
<span>Search events</span>
<input type="search" data-calendar-search autocomplete="off" placeholder="Search by title, location, or details" />
</label>
<button class="calendar-secondary-button" type="button" data-calendar-export>Export Calendar</button>
</div>

21
src/pages/events.astro
View file

@ -6,7 +6,7 @@ import mainHtml from "../content/pages/events.html?raw";
<SiteLayout
title="Upcoming Events &#8211; FFWPU Ireland"
description="See upcoming FFWPU Ireland community events and calendar listings."
bodyClass="archive post-type-archive post-type-archive-tribe_events custom-background tribe-events-page-template tribe-no-js tribe-filter-live metaslider-plugin parabola-image-three caption-light meta-light parabola_triagles parabola-menu-left"
bodyClass="archive post-type-archive post-type-archive-tribe_events custom-background metaslider-plugin parabola-image-three caption-light meta-light parabola_triagles parabola-menu-left"
pathname="/events.html"
canonical="/events.html"
>
@ -36,7 +36,6 @@ import mainHtml from "../content/pages/events.html?raw";
const grid = calendar.querySelector("[data-calendar-grid]");
const list = calendar.querySelector("[data-calendar-list]");
const title = calendar.querySelector("#calendar-month-title");
const search = calendar.querySelector("[data-calendar-search]");
const today = new Date();
let visibleMonth = new Date(today.getFullYear(), today.getMonth(), 1);
let selectedDate = toDateKey(today);
@ -79,19 +78,6 @@ import mainHtml from "../content/pages/events.html?raw";
return addDays(last, sundayIndex);
}
function eventMatchesQuery(event) {
const query = String(search?.value || "").trim().toLowerCase();
if (!query) {
return true;
}
return [event.title, event.location, event.details]
.join(" ")
.toLowerCase()
.includes(query);
}
function eventsBetween(start, end) {
const events = [];
@ -110,7 +96,7 @@ import mainHtml from "../content/pages/events.html?raw";
}
}
return events.filter(eventMatchesQuery);
return events;
}
function formatEventTime(event) {
@ -203,7 +189,7 @@ import mainHtml from "../content/pages/events.html?raw";
if (!events.length) {
const empty = document.createElement("p");
empty.className = "calendar-empty";
empty.textContent = "No matching events for this view.";
empty.textContent = "No events for this view.";
list.append(empty);
return;
}
@ -318,7 +304,6 @@ import mainHtml from "../content/pages/events.html?raw";
});
calendar.querySelector("[data-calendar-export]")?.addEventListener("click", exportCalendar);
search?.addEventListener("input", render);
render();
})();