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.
40 lines
1.4 KiB
40 lines
1.4 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" |
|
/> |
|
<button type="submit"><twig:ux:icon name="iconoir:search" class="icon" /></button> |
|
</label> |
|
<div style="text-align: right"> |
|
<small class="help-text"> |
|
<em>{{ 'credit.balance'|trans({'%count%': credits, 'count': credits}) }}</em> |
|
</small> |
|
</div> |
|
</form> |
|
|
|
<!-- Loading Indicator --> |
|
<div style="text-align: center"> |
|
<div class="spinner" data-loading> |
|
<div class="lds-dual-ring"></div> |
|
</div> |
|
<span data-loading>{{ 'text.searching'|trans }}</span> |
|
</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 %} |
|
|
|
{% block aside %} |
|
{% if credits == 0 %} |
|
<twig:GetCreditsComponent /> |
|
{% endif %} |
|
{% endblock %} |
|
</div>
|
|
|