You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
1.0 KiB
29 lines
1.0 KiB
<div {{ attributes }}> |
|
{% if interactive %} |
|
<form data-live-action-param="search" |
|
data-action="live#action:prevent"> |
|
<label class="search"> |
|
<input type="search" |
|
placeholder="{{ 'text.search'|trans }}" |
|
data-model="norender|query" |
|
value="{{ this.query }}" |
|
/> |
|
<button type="submit"><twig:ux:icon name="iconoir:search" class="icon" /></button> |
|
</label> |
|
</form> |
|
|
|
<!-- Loading Indicator --> |
|
<div style="text-align: center"> |
|
<div class="spinner" data-loading> |
|
<div class="lds-dual-ring"></div> |
|
</div> |
|
</div> |
|
{% endif %} |
|
|
|
<!-- Results --> |
|
{% if this.results is not empty %} |
|
<twig:Organisms:CardList :list="this.results" class="article-list" /> |
|
{% elseif this.query is not empty %} |
|
<p><small>{{ 'text.noResults'|trans }}</small></p> |
|
{% endif %} |
|
</div>
|
|
|