Sunil Mohan Adapa a5ab31c1af
ui: tags: Add tag search/filter for system page
Tests:

- In apps page, notice that all the tags are displayed as expected.

- Inside an app from apps sections, clicking on an tag shows the apps with that
tag filtered.

- Clicking on the search bar shows the list of all tags.

- Clicking on tag from search list adds that tag to the search list.

- Labels are shown properly in the search bar.

- Clicking on label removes it from search.

- Search results are sorted based on the number of matches.

- Clicking on the close button the tags search input removes filtering.

- All the above tests work for systems page with systems app. Sections are shown
even when apps are filtered by tags. Sections without results are not shown.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2025-03-10 14:25:45 -04:00

44 lines
1.0 KiB
HTML

{% extends 'base.html' %}
{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}
{% load static %}
{% load i18n %}
{% block page_js %}
<script type="text/javascript" src="{% static 'tags.js' %}" defer></script>
{% endblock %}
{% block body_class %}system-page{% endblock %}
{% block container %}
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
{% include 'messages.html' %}
</div>
</div>
</div>
{% block tags %}
{% include "tags.html" %}
{% endblock %}
<div class="container card-container">
{% for section_item in menu_items %}
<div class="system-section-title">{{ section_item.name }}</div>
<div class="row">
<div class="card-list card-list-primary">
{% for item in section_item.items %}
{% if advanced_mode or not item.advanced %}
{% include "card.html" %}
{% endif %}
{% endfor %}
</div>
</div>
{% endfor %}
</div>
{% endblock %}