First Pass

2026-04-22 14:40:59 +02:00
parent 5eb15e6cbe
commit 46ee62740e
19 changed files with 1919 additions and 35 deletions
@@ -0,0 +1,71 @@
+<li component="categories/category" data-cid="{./cid}" class="westgate-category-card w-100 py-3 py-lg-4 gap-lg-0 gap-2 d-flex flex-column flex-lg-row align-items-start category-{./cid} {./unread-class}">
+	<meta itemprop="name" content="{./name}">
+
+	<div class="d-flex col-lg-7 gap-2 gap-lg-3">
+		<div class="flex-shrink-0">
+		{buildCategoryIcon(@value, "40px", "rounded-1")}
+		</div>
+		<div class="flex-grow-1 d-flex flex-wrap gap-1 me-0 me-lg-2">
+			<h2 class="title text-break fs-4 fw-semibold m-0 tracking-tight w-100">
+				<!-- IMPORT partials/categories/link.tpl -->
+			</h2>
+			{{{ if ./descriptionParsed }}}
+			<div class="description text-muted text-sm w-100 line-clamp-sm-5">
+				{./descriptionParsed}
+			</div>
+			{{{ end }}}
+			{{{ if !./link }}}
+			<div class="d-flex gap-1 d-block d-lg-none w-100">
+				<span class="badge text-body border stats text-xs text-muted">
+					<i class="fa fa-fw fa-list"></i>
+					<span class="fw-normal">{humanReadableNumber(./totalTopicCount, 0)}</span>
+				</span>
+				<span class="badge text-body border stats text-xs text-muted">
+					<i class="fa-regular fa-fw fa-message"></i>
+					<span class="fw-normal">{humanReadableNumber(./totalPostCount, 0)}</span>
+				</span>
+				{{{ if ./teaser }}}
+				<a href="{config.relative_path}{./teaser.url}" class="border badge bg-transparent text-muted fw-normal timeago {{{ if (!./teaser.timestampISO || config.theme.mobileTopicTeasers) }}}hidden{{{ end }}}" title="{./teaser.timestampISO}"></a>
+				{{{ end }}}
+			</div>
+			{{{ end }}}
+			{{{ if !config.hideSubCategories }}}
+			{{{ if ./children.length }}}
+			<ul class="list-unstyled category-children row row-cols-1 row-cols-md-2 g-2 my-1 w-100">
+				{{{ each ./children }}}
+				{{{ if !./isSection }}}
+				<li data-cid="{./cid}" class="category-children-item small">
+					<div class="westgate-category-child d-flex gap-1">
+						{buildCategoryIcon(@value, "18px", "westgate-child-icon rounded-1")}
+						<a href="{{{ if ./link }}}{./link}{{{ else }}}{config.relative_path}/category/{./slug}{{{ end }}}" class="text-reset fw-semibold flex-1">{./name}</a>
+					</div>
+				</li>
+				{{{ end }}}
+				{{{ end }}}
+			</ul>
+			{{{ end }}}
+			{{{ end }}}
+		</div>
+	</div>
+	{{{ if !./link }}}
+	<div class="d-flex col-lg-5 col-12 align-content-stretch">
+		<div class="meta stats d-none d-lg-grid col-6 gap-1 pe-2 text-muted" style="grid-template-columns: 1fr 1fr;">
+			<div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
+				<span class="fs-5 ff-secondary lh-1" title="{formattedNumber(./totalTopicCount)}">{humanReadableNumber(./totalTopicCount, 0)}</span>
+				<span class="d-none d-xl-flex text-lowercase text-xs">[[global:topics]]</span>
+				<i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-list"></i>
+			</div>
+			<div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
+				<span class="fs-5 ff-secondary lh-1" title="{formattedNumber(./totalPostCount)}">{humanReadableNumber(./totalPostCount, 0)}</span>
+				<span class="d-none d-xl-flex text-lowercase text-xs">[[global:posts]]</span>
+				<i class="d-xl-none fa-regular fa-fw text-xs text-muted opacity-75 fa-message"></i>
+			</div>
+		</div>
+		{{{ if !config.hideCategoryLastPost }}}
+		<div component="topic/teaser" class="teaser ps-5 ps-lg-0 col-lg-6 col-12 {{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
+			<!-- IMPORT partials/categories/lastpost.tpl -->
+		</div>
+		{{{ end }}}
+	</div>
+	{{{ end }}}
+</li>