First Pass
This commit is contained in:
@@ -0,0 +1,12 @@
|
||||
<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>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,24 @@
|
||||
<div class="lastpost westgate-lastpost border-start border-2 lh-sm h-100" style="border-color: {./bgColor}!important;">
|
||||
{{{ each ./posts }}}
|
||||
{{{ if @first }}}
|
||||
<div component="category/posts" class="ps-2 text-xs d-flex flex-column h-100 gap-1">
|
||||
<div class="text-nowrap text-truncate">
|
||||
<a class="text-decoration-none avatar-tooltip" title="{./user.displayname}" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(posts.user, "18px", true)}</a>
|
||||
<a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" title="{./timestampISO}" aria-label="[[global:lastpost]]"></a>
|
||||
</div>
|
||||
<div class="post-content text-xs text-break line-clamp-sm-2 lh-sm position-relative flex-fill">
|
||||
<a class="stretched-link" tabindex="-1" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" aria-label="[[global:lastpost]]"></a>
|
||||
{./content}
|
||||
</div>
|
||||
</div>
|
||||
{{{ end }}}
|
||||
{{{ end }}}
|
||||
|
||||
{{{ if !./posts.length }}}
|
||||
<div component="category/posts" class="ps-2">
|
||||
<div class="post-content overflow-hidden text-xs">
|
||||
[[category:no-new-posts]]
|
||||
</div>
|
||||
</div>
|
||||
{{{ end }}}
|
||||
</div>
|
||||
Reference in New Issue
Block a user