mirror-web/_includes/main-mirror-list.html
Miao Wang 0c40ad5f68 mirror-list: fix aria-label
Signed-off-by: Miao Wang <shankerwangmiao@gmail.com>
2024-05-07 19:16:10 +08:00

87 lines
3.1 KiB
HTML

<div class="flex-row d-flex">
<h3 id="mirror-title" class="align-self-center">{% fa_svg fas.fa-cube %} 镜像列表 </h3>
{% unless include.legacy %}
<SearchBox v-model="filter" />
{% endunless %}
</div>
<table class="table row table-hover" v-if="mirrorList.length">
<thead>
<tr class="row">
<th class="col-8 col-lg-7 col-xl-8">Name</th>
<th class="col-4 col-lg-5 col-xl-4">Last Update</th>
</tr>
</thead>
<tbody class="table-group-divider">
{% if include.legacy %}{% raw %}
{{mirs}}
<tr class="row status-{{status}}">
{% endraw %}{% else %}{% raw %}
<tr v-for="mir in filteredMirrorList" :class="['row', 'status-'+mir.status]" :key="mir.name">
{% endraw %}{% endif %}
<td class="col-8 col-lg-7 col-xl-8">
<a class="mirror-item-label"
{% if include.legacy %}{% raw %}
href="{{url}}" title="{{description}}"
{% endraw %}{% else %}{% raw %}
data-bs-toggle="popover" data-bs-trigger="hover" data-bs-placement="right"
:data-bs-content="mir.description" :href="mir.url" :aria-label="mir.name + (mir.description ? ', ' + mir.description : '')"
v-with-popover
{% endraw %}{% endif %}
>
{% if include.legacy %}{% raw %}
{{name}}
{% endraw %}{% else %}{% raw %}
{{mir.name}}
{% endraw %}{% endif %}
</a>
{% if include.legacy %}{% raw %}
{{if is_new}}
<span
{% endraw %}{% else %}{% raw %}
<span v-if='mir.is_new'
{% endraw %}{% endif %}
class="badge badge-new" >new</span>
{% if include.legacy %}{% raw %}
{{/if}}
{% endraw %}{% endif %}
{% if include.legacy %}{% raw %}
{{if help_url}}
<a href="{{help_url}}"
{% endraw %}{% else %}{% raw %}
<a v-if='mir.help_url' :href="mir.help_url"
{% endraw %}{% endif %}
><i aria-hidden="true" class="question-circle" title="Help">{% fa_svg fas.fa-circle-question %}</i><span class="visually-hidden">[Help]</span></a>
{% if include.legacy %}{% raw %}
{{/if}}
{% endraw %}{% endif %}
{% unless include.legacy %}{% raw %}
<a v-if='mir.github_release' href="javascript:void(0)"><i aria-hidden="true" title="GitHub Release">{% endraw %}{% fa_svg fab.fa-github %}{% raw %}</i><span class="visually-hidden">[GitHub Release]</span></a>
{% endraw %}{% endunless %}
</td>
<td class="col-4 col-lg-5 col-xl-4">
{% if include.legacy %}{% raw %}
{{last_update}}{{if show_status}}<span class="badge badge-status {{label}}">{{status}}</span>{{/if}}
{% endraw %}{% else %}{% raw %}
<UpdateField :mir="mir"></UpdateField>
{% endraw %}{% endif %}
</td>
</tr>
{% if include.legacy %}{% raw %}
{{/mirs}}
{% endraw %}{% endif %}
</tbody>
</table>
{% unless include.legacy %}
<div v-else class="sk-wave">
<div class="sk-rect sk-rect1"></div>
<div class="sk-rect sk-rect2"></div>
<div class="sk-rect sk-rect3"></div>
<div class="sk-rect sk-rect4"></div>
<div class="sk-rect sk-rect5"></div>
</div>
{% endunless %}
<!--
vim: ts=2 sts=2 sw=2 noexpandtab
-->