Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Jürgen Mummert
|
a04c6de362 | ||
|
Jürgen Mummert
|
f8cd256348 | ||
|
Jürgen Mummert
|
8c9ea29170 |
@@ -3,6 +3,7 @@
|
||||
declare(strict_types=1);
|
||||
|
||||
use Contao\Database;
|
||||
use Contao\Controller;
|
||||
use Contao\StringUtil;
|
||||
|
||||
$GLOBALS['TL_DCA']['tl_module']['palettes']['member_organizations'] = '{title_legend},name,headline,type;{eventmanager_legend},editPage;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID';
|
||||
@@ -157,3 +158,15 @@ $GLOBALS['TL_DCA']['tl_module']['fields']['eventListDomId'] = [
|
||||
'eval' => ['includeBlankOption' => true, 'chosen' => true, 'tl_class' => 'w50'],
|
||||
'sql' => ['type' => 'string', 'length' => 128, 'default' => ''],
|
||||
];
|
||||
|
||||
if (isset($GLOBALS['TL_DCA']['tl_module']['fields']['list_layout'])) {
|
||||
$GLOBALS['TL_DCA']['tl_module']['fields']['list_layout']['options_callback'] = static function (): array {
|
||||
$options = Controller::getTemplateGroup('list_');
|
||||
|
||||
if (!isset($options['list_default_organisationen'])) {
|
||||
$options['list_default_organisationen'] = 'list_default_organisationen';
|
||||
}
|
||||
|
||||
return $options;
|
||||
};
|
||||
}
|
||||
|
||||
@@ -0,0 +1,362 @@
|
||||
<?php
|
||||
|
||||
declare(strict_types=1);
|
||||
|
||||
namespace MummertMedia\EventManagerBundle\EventListener;
|
||||
|
||||
use Contao\CoreBundle\DependencyInjection\Attribute\AsHook;
|
||||
use Contao\StringUtil;
|
||||
use Contao\Template;
|
||||
use Doctrine\DBAL\ArrayParameterType;
|
||||
use Doctrine\DBAL\Connection;
|
||||
use Doctrine\DBAL\ParameterType;
|
||||
|
||||
#[AsHook('parseTemplate', method: 'onParseTemplate')]
|
||||
class OrganizationListingTemplateDataListener
|
||||
{
|
||||
public function __construct(
|
||||
private readonly Connection $connection,
|
||||
) {
|
||||
}
|
||||
|
||||
public function onParseTemplate(Template $template): void
|
||||
{
|
||||
if ('list_default_organisationen' !== (string) $template->getName()) {
|
||||
return;
|
||||
}
|
||||
|
||||
$tbody = $template->tbody;
|
||||
|
||||
if (!\is_array($tbody) || [] === $tbody) {
|
||||
return;
|
||||
}
|
||||
|
||||
$rowToOrganizationIdMap = [];
|
||||
$rowToTitleMap = [];
|
||||
|
||||
foreach ($tbody as $rowIndex => $row) {
|
||||
if (!\is_array($row)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$organizationId = $this->extractOrganizationId($row);
|
||||
|
||||
if ($organizationId > 0) {
|
||||
$rowToOrganizationIdMap[(int) $rowIndex] = $organizationId;
|
||||
continue;
|
||||
}
|
||||
|
||||
$title = $this->extractRowFieldContent($row, 'title');
|
||||
|
||||
if ('' !== $title) {
|
||||
$rowToTitleMap[(int) $rowIndex] = $this->normalizeTitle($title);
|
||||
}
|
||||
}
|
||||
|
||||
if ([] !== $rowToTitleMap) {
|
||||
$titleToOrganizationIdMap = $this->resolveOrganizationIdsByTitle(array_values(array_unique(array_filter($rowToTitleMap))));
|
||||
|
||||
foreach ($rowToTitleMap as $rowIndex => $title) {
|
||||
if (isset($rowToOrganizationIdMap[$rowIndex])) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$organizationId = $titleToOrganizationIdMap[$title] ?? 0;
|
||||
|
||||
if ($organizationId > 0) {
|
||||
$rowToOrganizationIdMap[$rowIndex] = $organizationId;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ([] === $rowToOrganizationIdMap) {
|
||||
return;
|
||||
}
|
||||
|
||||
$organizationTagMap = $this->fetchOrganizationTagMap(array_values(array_unique(array_values($rowToOrganizationIdMap))));
|
||||
$organizationLogoUuidMap = $this->fetchOrganizationLogoUuidMap(array_values(array_unique(array_values($rowToOrganizationIdMap))));
|
||||
|
||||
foreach ($rowToOrganizationIdMap as $rowIndex => $organizationId) {
|
||||
$tagData = $organizationTagMap[$organizationId] ?? ['labels' => [], 'slugs' => []];
|
||||
$logoUuid = $organizationLogoUuidMap[$organizationId] ?? '';
|
||||
|
||||
if (!isset($tbody[$rowIndex]) || !\is_array($tbody[$rowIndex])) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$tbody[$rowIndex]['tag_labels']['content'] = implode(', ', $tagData['labels']);
|
||||
$tbody[$rowIndex]['tag_slugs']['content'] = implode(',', $tagData['slugs']);
|
||||
$tbody[$rowIndex]['tags']['content'] = implode(', ', $tagData['labels']);
|
||||
|
||||
if ('' !== $logoUuid) {
|
||||
$tbody[$rowIndex]['logo_uuid']['content'] = $logoUuid;
|
||||
}
|
||||
}
|
||||
|
||||
$template->tbody = $tbody;
|
||||
}
|
||||
|
||||
/** @param array<string, mixed> $row */
|
||||
private function extractOrganizationId(array $row): int
|
||||
{
|
||||
foreach (['id', 'organization_id', 'org_id'] as $fieldName) {
|
||||
$value = $this->extractRowFieldContent($row, $fieldName);
|
||||
|
||||
if ('' !== $value && ctype_digit($value)) {
|
||||
return (int) $value;
|
||||
}
|
||||
}
|
||||
|
||||
$urlCandidates = [];
|
||||
|
||||
foreach ($row as $column) {
|
||||
if (!\is_array($column)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if (isset($column['url']) && \is_scalar($column['url'])) {
|
||||
$urlCandidates[] = (string) $column['url'];
|
||||
}
|
||||
|
||||
if (isset($column['href']) && \is_scalar($column['href'])) {
|
||||
$urlCandidates[] = (string) $column['href'];
|
||||
}
|
||||
}
|
||||
|
||||
foreach ($urlCandidates as $url) {
|
||||
$organizationId = $this->extractIdFromUrl($url);
|
||||
|
||||
if ($organizationId > 0) {
|
||||
return $organizationId;
|
||||
}
|
||||
}
|
||||
|
||||
return 0;
|
||||
}
|
||||
|
||||
/** @param array<string, mixed> $row */
|
||||
private function extractRowFieldContent(array $row, string $fieldName): string
|
||||
{
|
||||
if (!isset($row[$fieldName]) || !\is_array($row[$fieldName])) {
|
||||
return '';
|
||||
}
|
||||
|
||||
$field = $row[$fieldName];
|
||||
|
||||
if (!isset($field['content']) || !\is_scalar($field['content'])) {
|
||||
return '';
|
||||
}
|
||||
|
||||
return trim((string) $field['content']);
|
||||
}
|
||||
|
||||
private function extractIdFromUrl(string $url): int
|
||||
{
|
||||
$parts = parse_url($url);
|
||||
|
||||
if (!\is_array($parts) || !isset($parts['query'])) {
|
||||
return 0;
|
||||
}
|
||||
|
||||
parse_str((string) $parts['query'], $query);
|
||||
|
||||
foreach (['show', 'id'] as $queryKey) {
|
||||
if (!isset($query[$queryKey])) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$value = $query[$queryKey];
|
||||
|
||||
if (\is_scalar($value) && ctype_digit((string) $value)) {
|
||||
return (int) $value;
|
||||
}
|
||||
}
|
||||
|
||||
return 0;
|
||||
}
|
||||
|
||||
/** @param list<string> $titles
|
||||
* @return array<string, int>
|
||||
*/
|
||||
private function resolveOrganizationIdsByTitle(array $titles): array
|
||||
{
|
||||
if ([] === $titles) {
|
||||
return [];
|
||||
}
|
||||
|
||||
$rows = $this->connection->executeQuery(
|
||||
'SELECT o.id, o.title FROM tl_organization o WHERE o.title IN (?)',
|
||||
[$titles],
|
||||
[ArrayParameterType::STRING],
|
||||
)->fetchAllAssociative();
|
||||
|
||||
$titleToIdsMap = [];
|
||||
|
||||
foreach ($rows as $row) {
|
||||
$organizationId = (int) ($row['id'] ?? 0);
|
||||
$title = $this->normalizeTitle((string) ($row['title'] ?? ''));
|
||||
|
||||
if ($organizationId <= 0 || '' === $title) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$titleToIdsMap[$title][] = $organizationId;
|
||||
}
|
||||
|
||||
$titleToOrganizationIdMap = [];
|
||||
|
||||
foreach ($titleToIdsMap as $title => $organizationIds) {
|
||||
$organizationIds = array_values(array_unique(array_map('intval', $organizationIds)));
|
||||
|
||||
if (1 === \count($organizationIds)) {
|
||||
$titleToOrganizationIdMap[$title] = $organizationIds[0];
|
||||
}
|
||||
}
|
||||
|
||||
return $titleToOrganizationIdMap;
|
||||
}
|
||||
|
||||
private function normalizeTitle(string $title): string
|
||||
{
|
||||
$title = html_entity_decode($title, ENT_QUOTES | ENT_HTML5, 'UTF-8');
|
||||
$title = trim(strip_tags($title));
|
||||
|
||||
return preg_replace('/\s+/u', ' ', $title) ?? '';
|
||||
}
|
||||
|
||||
/** @param list<int> $organizationIds
|
||||
* @return array<int, array{labels: list<string>, slugs: list<string>}>
|
||||
*/
|
||||
private function fetchOrganizationTagMap(array $organizationIds): array
|
||||
{
|
||||
if ([] === $organizationIds) {
|
||||
return [];
|
||||
}
|
||||
|
||||
$rows = $this->connection->executeQuery(
|
||||
'SELECT r.pid AS organization_id, r.tag_id, t.tag AS label FROM tl_tags_rel r INNER JOIN tl_tags t ON t.id = r.tag_id WHERE r.ptable = ? AND r.field = ? AND r.pid IN (?) ORDER BY r.pid ASC, r.tag_id ASC',
|
||||
['tl_organization', 'tags', $organizationIds],
|
||||
[ParameterType::STRING, ParameterType::STRING, ArrayParameterType::INTEGER],
|
||||
)->fetchAllAssociative();
|
||||
|
||||
if ([] === $rows) {
|
||||
$rows = $this->connection->executeQuery(
|
||||
'SELECT r.pid AS organization_id, r.tag_id, t.tag AS label FROM tl_tags_rel r INNER JOIN tl_tags t ON t.id = r.tag_id WHERE r.ptable = ? AND r.pid IN (?) ORDER BY r.pid ASC, r.tag_id ASC',
|
||||
['tl_organization', $organizationIds],
|
||||
[ParameterType::STRING, ArrayParameterType::INTEGER],
|
||||
)->fetchAllAssociative();
|
||||
}
|
||||
|
||||
$map = [];
|
||||
$seen = [];
|
||||
|
||||
foreach ($rows as $row) {
|
||||
$organizationId = (int) ($row['organization_id'] ?? 0);
|
||||
$tagId = (int) ($row['tag_id'] ?? 0);
|
||||
$label = trim((string) ($row['label'] ?? ''));
|
||||
|
||||
if ($organizationId <= 0 || $tagId <= 0 || '' === $label) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if (isset($seen[$organizationId][$tagId])) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$seen[$organizationId][$tagId] = true;
|
||||
$map[$organizationId]['labels'][] = $label;
|
||||
|
||||
$slug = $this->slugify($label);
|
||||
|
||||
if ('' !== $slug) {
|
||||
$map[$organizationId]['slugs'][] = $slug;
|
||||
}
|
||||
}
|
||||
|
||||
foreach ($map as $organizationId => $tagData) {
|
||||
$map[$organizationId]['labels'] = array_values(array_unique($tagData['labels'] ?? []));
|
||||
$map[$organizationId]['slugs'] = array_values(array_unique($tagData['slugs'] ?? []));
|
||||
}
|
||||
|
||||
return $map;
|
||||
}
|
||||
|
||||
/** @param list<int> $organizationIds
|
||||
* @return array<int, string>
|
||||
*/
|
||||
private function fetchOrganizationLogoUuidMap(array $organizationIds): array
|
||||
{
|
||||
if ([] === $organizationIds) {
|
||||
return [];
|
||||
}
|
||||
|
||||
$rows = $this->connection->executeQuery(
|
||||
'SELECT o.id AS organization_id, o.logo AS logo_uuid FROM tl_organization o WHERE o.id IN (?)',
|
||||
[$organizationIds],
|
||||
[ArrayParameterType::INTEGER],
|
||||
)->fetchAllAssociative();
|
||||
|
||||
$map = [];
|
||||
|
||||
foreach ($rows as $row) {
|
||||
$organizationId = (int) ($row['organization_id'] ?? 0);
|
||||
$logoUuid = $this->normalizeUuid($row['logo_uuid'] ?? null);
|
||||
|
||||
if ($organizationId <= 0 || '' === $logoUuid) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$map[$organizationId] = $logoUuid;
|
||||
}
|
||||
|
||||
return $map;
|
||||
}
|
||||
|
||||
private function normalizeUuid(mixed $value): string
|
||||
{
|
||||
if (null === $value) {
|
||||
return '';
|
||||
}
|
||||
|
||||
if (\is_resource($value)) {
|
||||
$value = stream_get_contents($value) ?: '';
|
||||
}
|
||||
|
||||
$trimmed = trim((string) $value);
|
||||
|
||||
if ('' === $trimmed) {
|
||||
return '';
|
||||
}
|
||||
|
||||
if (preg_match('/^[0-9a-fA-F-]{36}$/', $trimmed)) {
|
||||
return strtolower($trimmed);
|
||||
}
|
||||
|
||||
if (16 === strlen($trimmed)) {
|
||||
return StringUtil::binToUuid($trimmed);
|
||||
}
|
||||
|
||||
return '';
|
||||
}
|
||||
|
||||
private function slugify(string $value): string
|
||||
{
|
||||
$value = trim(mb_strtolower($value));
|
||||
|
||||
if ('' === $value) {
|
||||
return '';
|
||||
}
|
||||
|
||||
$value = strtr($value, [
|
||||
'ä' => 'ae',
|
||||
'ö' => 'oe',
|
||||
'ü' => 'ue',
|
||||
'ß' => 'ss',
|
||||
]);
|
||||
|
||||
$value = preg_replace('/[^a-z0-9]+/u', '-', $value) ?? '';
|
||||
$value = trim($value, '-');
|
||||
|
||||
return $value;
|
||||
}
|
||||
}
|
||||
@@ -1,258 +0,0 @@
|
||||
{% extends '@Contao/block_searchable.html.twig' %}
|
||||
|
||||
{% set wrapperAttributes = attrs()
|
||||
.addClass(['ce_table', 'listing'])
|
||||
.mergeWith(wrapperAttributes|default)
|
||||
%}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% set legacyTagLabels = {
|
||||
'10': 'Sport',
|
||||
'11': 'Kultur',
|
||||
'12': 'Politik',
|
||||
'13': 'Soziales',
|
||||
'14': 'Freizeit',
|
||||
'15': 'Bildung',
|
||||
'16': 'Religion',
|
||||
'17': 'Natur',
|
||||
'18': 'Gesellschaft'
|
||||
} %}
|
||||
|
||||
{% if searchable %}
|
||||
<div class="list_search">
|
||||
<form method="get">
|
||||
<div class="formbody">
|
||||
<input type="hidden" name="order_by" value="{{ order_by }}">
|
||||
<input type="hidden" name="sort" value="{{ sort }}">
|
||||
{% if per_page %}
|
||||
<input type="hidden" name="per_page" value="{{ per_page }}">
|
||||
{% endif %}
|
||||
<div class="widget widget-select">
|
||||
<label for="ctrl_search" class="invisible">{{ fields_label }}</label>
|
||||
<select name="search" id="ctrl_search" class="select">
|
||||
{{ search_fields|raw }}
|
||||
</select>
|
||||
</div>
|
||||
<div class="widget widget-text">
|
||||
<label for="ctrl_for" class="invisible">{{ keywords_label }}</label>
|
||||
<input type="text" name="for" id="ctrl_for" class="text" value="{{ for }}">
|
||||
</div>
|
||||
<div class="widget widget-submit">
|
||||
<button type="submit" class="submit">{{ search_label }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if per_page %}
|
||||
<div class="list_per_page">
|
||||
<form method="get">
|
||||
<div class="formbody">
|
||||
<input type="hidden" name="order_by" value="{{ order_by }}">
|
||||
<input type="hidden" name="sort" value="{{ sort }}">
|
||||
<input type="hidden" name="search" value="{{ search }}">
|
||||
<input type="hidden" name="for" value="{{ for }}">
|
||||
<div class="widget widget-select">
|
||||
<label for="ctrl_per_page" class="invisible">{{ per_page_label }}</label>
|
||||
<select name="per_page" id="ctrl_per_page" class="select">
|
||||
<option value="10"{% if 10 == per_page %} selected{% endif %}>10</option>
|
||||
<option value="20"{% if 20 == per_page %} selected{% endif %}>20</option>
|
||||
<option value="30"{% if 30 == per_page %} selected{% endif %}>30</option>
|
||||
<option value="50"{% if 50 == per_page %} selected{% endif %}>50</option>
|
||||
<option value="100"{% if 100 == per_page %} selected{% endif %}>100</option>
|
||||
<option value="250"{% if 250 == per_page %} selected{% endif %}>250</option>
|
||||
<option value="500"{% if 500 == per_page %} selected{% endif %}>500</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="widget widget-submit">
|
||||
<button type="submit" class="submit">{{ per_page_label }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if searchable and for and not tbody|default %}
|
||||
{{ no_results }}
|
||||
{% else %}
|
||||
{% set tagOptions = {} %}
|
||||
|
||||
{% for row in tbody|default([]) %}
|
||||
{% set tagsRaw = row.tag_labels.content|default(row.tags.content|default(''))|striptags %}
|
||||
{% set tagsPrepared = tagsRaw|replace({' ': '', '&nbsp;': '', ' ': '', ';': ',', '|': ',', '/': ',', ', ': ',', ' ,': ','}) %}
|
||||
{% set tagParts = tagsPrepared is not empty ? tagsPrepared|split(',') : [] %}
|
||||
|
||||
{% for part in tagParts %}
|
||||
{% set tagValue = part|striptags|replace({' ': '', '&nbsp;': '', ' ': ''})|trim %}
|
||||
|
||||
{% if legacyTagLabels[tagValue] is defined %}
|
||||
{% set tagLabel = legacyTagLabels[tagValue] %}
|
||||
{% elseif tagValue matches '/^\\d+$/' %}
|
||||
{% set tagLabel = '' %}
|
||||
{% elseif tagValue matches '/^[\\p{L}\\p{N}\\s._,&+\\-\\/]+$/u' %}
|
||||
{% set tagLabel = tagValue %}
|
||||
{% else %}
|
||||
{% set tagLabel = '' %}
|
||||
{% endif %}
|
||||
|
||||
{% if tagLabel is not empty %}
|
||||
{% set tagSlug = tagLabel|lower|replace({'ä': 'ae', 'ö': 'oe', 'ü': 'ue', 'ß': 'ss', ' ': '-', '/': '-', '&': '-', '+': '-', '.': '', ',': '', '(': '', ')': '', '"': '', "'": ''}) %}
|
||||
|
||||
{% if tagSlug is not empty and tagOptions[tagSlug] is not defined %}
|
||||
{% set tagOptions = tagOptions|merge({ (tagSlug): tagLabel }) %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slim-select@3/dist/slimselect.min.css">
|
||||
|
||||
<div id="orgfilters" class="controls filters">
|
||||
<label for="org-tag-filter" class="visually-hidden">Nach Typ filtern</label>
|
||||
<select id="org-tag-filter" class="select" data-placeholder="Typ wählen">
|
||||
<option value="">Alle</option>
|
||||
{% for slug, label in tagOptions %}
|
||||
<option value="{{ slug }}">{{ label }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<button type="button" id="org-filter-reset" class="submit" style="display:none;">Filter zurücksetzen</button>
|
||||
</div>
|
||||
|
||||
<div id="org">
|
||||
<div id="org-list">
|
||||
{% for row in tbody|default([]) %}
|
||||
{% set tagSlugsRaw = row.tag_slugs.content|default('')|trim %}
|
||||
{% set tagsRaw = row.tag_labels.content|default(row.tags.content|default(''))|striptags %}
|
||||
{% set tagsPrepared = tagsRaw|replace({' ': '', '&nbsp;': '', ' ': '', ';': ',', '|': ',', '/': ',', ', ': ',', ' ,': ','}) %}
|
||||
{% set tagParts = tagsPrepared is not empty ? tagsPrepared|split(',') : [] %}
|
||||
|
||||
{% set tagClasses = [] %}
|
||||
{% set tagSlugs = [] %}
|
||||
|
||||
{% if tagSlugsRaw is not empty %}
|
||||
{% for slug in tagSlugsRaw|split(',') %}
|
||||
{% set cleanedSlug = slug|trim %}
|
||||
|
||||
{% if cleanedSlug is not empty %}
|
||||
{% set tagSlugs = tagSlugs|merge([cleanedSlug]) %}
|
||||
{% set tagClasses = tagClasses|merge(['tag-' ~ cleanedSlug]) %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% for part in tagParts if tagSlugsRaw is empty %}
|
||||
{% set tagValue = part|striptags|replace({' ': '', '&nbsp;': '', ' ': ''})|trim %}
|
||||
|
||||
{% if legacyTagLabels[tagValue] is defined %}
|
||||
{% set tagLabel = legacyTagLabels[tagValue] %}
|
||||
{% elseif tagValue matches '/^\\d+$/' %}
|
||||
{% set tagLabel = '' %}
|
||||
{% elseif tagValue matches '/^[\\p{L}\\p{N}\\s._,&+\\-\\/]+$/u' %}
|
||||
{% set tagLabel = tagValue %}
|
||||
{% else %}
|
||||
{% set tagLabel = '' %}
|
||||
{% endif %}
|
||||
|
||||
{% if tagLabel is not empty %}
|
||||
{% set tagSlug = tagLabel|lower|replace({'ä': 'ae', 'ö': 'oe', 'ü': 'ue', 'ß': 'ss', ' ': '-', '/': '-', '&': '-', '+': '-', '.': '', ',': '', '(': '', ')': '', '"': '', "'": ''}) %}
|
||||
|
||||
{% if tagSlug is not empty %}
|
||||
{% set tagClasses = tagClasses|merge(['tag-' ~ tagSlug]) %}
|
||||
{% set tagSlugs = tagSlugs|merge([tagSlug]) %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% set title = row.title.content|default('') %}
|
||||
{% set logoUuid = row.logo_uuid.content|default('')|trim %}
|
||||
{% set lastCol = row|last %}
|
||||
|
||||
<div class="org-item{% if tagClasses|length %} {{ tagClasses|join(' ') }}{% endif %}"{% if tagSlugs|length %} data-tags="{{ tagSlugs|join(',') }}"{% endif %}>
|
||||
<div class="wrapper">
|
||||
{% if logoUuid is not empty %}
|
||||
<div class="logo">{{ ('{{figure::' ~ logoUuid ~ '}}')|insert_tag_raw }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% if title is not empty %}
|
||||
<div class="title">{{ title|sanitize_html }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% if details and lastCol and lastCol.url|default %}
|
||||
<a class="details" href="{{ lastCol.url }}" title="{{ title|striptags }} - Details"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if pagination is defined %}
|
||||
{{ pagination|raw }}
|
||||
{% endif %}
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/slim-select@3/dist/slimselect.min.js"></script>
|
||||
<script>
|
||||
(function () {
|
||||
const selectElement = document.querySelector('#org-tag-filter');
|
||||
const resetButton = document.querySelector('#org-filter-reset');
|
||||
const items = Array.from(document.querySelectorAll('#org-list .org-item'));
|
||||
|
||||
if (!selectElement || !items.length || typeof SlimSelect === 'undefined') {
|
||||
return;
|
||||
}
|
||||
|
||||
const slim = new SlimSelect({
|
||||
select: selectElement,
|
||||
settings: {
|
||||
allowDeselect: true,
|
||||
showSearch: false,
|
||||
placeholderText: 'Alle'
|
||||
}
|
||||
});
|
||||
|
||||
const applyFilter = function (selectedTag) {
|
||||
const activeTag = selectedTag || '';
|
||||
|
||||
if (!activeTag) {
|
||||
items.forEach(function (item) {
|
||||
item.style.removeProperty('display');
|
||||
});
|
||||
|
||||
if (resetButton) {
|
||||
resetButton.style.display = 'none';
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
items.forEach(function (item) {
|
||||
const itemTags = (item.getAttribute('data-tags') || '').split(',').filter(Boolean);
|
||||
item.style.display = itemTags.includes(activeTag) ? '' : 'none';
|
||||
});
|
||||
|
||||
if (resetButton) {
|
||||
resetButton.style.display = activeTag ? '' : 'none';
|
||||
}
|
||||
};
|
||||
|
||||
selectElement.addEventListener('change', function () {
|
||||
applyFilter(selectElement.value || '');
|
||||
});
|
||||
|
||||
if (resetButton) {
|
||||
resetButton.addEventListener('click', function () {
|
||||
slim.setSelected('');
|
||||
applyFilter('');
|
||||
});
|
||||
}
|
||||
|
||||
if (selectElement.value) {
|
||||
applyFilter(selectElement.value);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user