ui: add complex descriptors selection in problem search (#636)

Co-authored-by: undefined <i@undefined.moe>
Co-authored-by: panda <panda_dtdyy@outlook.com>
This commit is contained in:
authored and GitHub committed 2023-08-24 12:45:33 +08:00
1 parent 301cd8e9d2
commit 5403848bc6
9 files changed
+312 -87

No files matched your search

@@ -0,0 +1,37 @@
<div class="section__body search-container">
{% set pinnedFilter = handler.domain.pinnedFilter|parseYaml %}
{% set categories = (handler.domain.problemCategories or model.system.get('problem.categories'))|parseYaml %}
{% for k, v in pinnedFilter %}
<div class="flex-row flex-cross-center">
<b class="title">{{ k }}: &nbsp;&nbsp;</b>
<div class="chip-list flex-wrap flex-row" data-pinned-container>
{%- for name, t in v -%}
<a class="chip-list__item search-tag__item" data-selection="{{ t }}">{{ name }}</a>
{%- endfor -%}
</div>
</div>
{% endfor %}
<div class="flex-row flex-cross-center">
<b class="title">{{ _('Problem Category') }}: &nbsp;&nbsp;</b>
<div class="chip-list flex-wrap flex-row">
<a class="chip-list__item typo-a dialog-button">{{ _('Select Category') }}</a>
</div>
</div>
<div class="flex-row flex-cross-center">
<div class="subcategory-container__selected flex-row flex-wrap chip-list">
{%- for category, sub_categories in categories -%}
<div class="chip-list__item search-tag__item search-category__item hide selected" data-selection="category:{{ category }}">
{{ category }}
<span class="icon icon-close"></span>
</div>
{%- for sub_category in sub_categories -%}
<div class="chip-list__item search-tag__item search-category__item hide selected" data-selection="category:{{ sub_category }}">
{{ sub_category }}
<span class="icon icon-close"></span>
</div>
{%- endfor -%}
{%- endfor -%}
</div>
</div>
</div>
{% include "partials/problem_category_dialog.html" %}