mirror-web/_layouts/index.html
2020-08-07 16:22:20 +08:00

191 lines
7.5 KiB
HTML

<!DOCTYPE html>
<html>
{% include head.html %}
<body>
{% unless page.legacy %}
{% include legacy_notes.html %}
{% endunless %}
{% include nav.html %}
<div id="mirrors">
<div class="spacing hidden-xs"></div>
<div class="container">
<div class="row">
<div class="col-{% if page.legacy %}xs{% else %}md{% endif %}-8 table-responsive" id="mirror-list">
<div class="row">
<h3 id="mirror-title"><span class="fa fa-cube"></span> 镜像列表 </h3>
{% unless page.legacy %}
<input type="search" v-model="filter" id="search" placeholder="搜索" autocomplete="off">
{% endunless %}
</div>
<table class="table" v-if="mirrorList.length">
<thead>
<tr class="row">
<th class="col-{% if page.legacy %}xs{% else %}sm{% endif %}-8">Name</th>
<th class="col-{% if page.legacy %}xs{% else %}sm{% endif %}-4">Last Update</th>
</tr>
</thead>
<tbody>
{% if page.legacy %}
{% raw %}
{{mirs}}
<tr class="row status-{{status}}">
<td>
<a class="mirror-item-label" href="{{url}}" title="{{description}}">
{{name}}
</a>
{{if is_new}}
<span class="label label-new">new</span>
{{/if}}
{{if help_url}}
<a href="{{help_url}}"><i aria-hidden="true" class="fa fa-question-circle" title="Help"></i><span class="sr-only">[Help]</span></a>
{{/if}}
</td>
<td>
{{last_update}}{{if show_status}}<span class="label label-status {{label}}">{{status}}</span>{{/if}}
</td>
</tr>
{{/mirs}}
{% endraw %}
{% else %}
{% raw %}
<tr v-for="mir in filteredMirrorList" :class="['row', 'status-'+mir.status]" :key="mir.name">
<td class="col-md-8">
<a class="mirror-item-label" data-toggle="popover" data-trigger="hover" data-placement="right"
:data-content="mir.description" :href="getURL(mir)" :aria-label="mir.name + ', ' + mir.description">
{{mir.name}}
<span class="label label-new" v-if='mir.is_new'>new</span>
<a v-if='mir.help_url' :href="mir.help_url"><i aria-hidden="true" class="fa fa-question-circle" title="Help"></i><span class="sr-only">[Help]</span></a>
</a>
</td>
<td class="col-md-4">
{{mir.last_update}}<span v-if="mir.show_status" :class="['label', 'label-status', mir.label, 'hidden-xs']">{{mir.status}}</span>
</td>
</tr>
{% endraw %}
{% endif %}
</tbody>
</table>
{% unless page.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 %}
</div>
<div class="col-{% if page.legacy %}xs{% else %}md{% endif %}-4">
<div class="spacing hidden-xs"></div>
<div id="wizard">
</div>
<div id="news">
<h4><span class="fa fa-bullhorn"></span> 新闻公告 </h4>
<ul>
{% for news in site.categories.news limit: 3%}
<li><a href="/news/#{{news.slug}}"><strong>{{news.date | date: "%Y-%m-%d"}}</strong> {{news.title}}</a></li>
{% endfor %}
</ul>
<div class="text-right"><a href="/news/"> more <span class="fa fa-angle-double-right"></span> </a></div>
</div>
<div class="thuhidden">
<h4> <span class="fa fa-link"></span> 域名选择 </h4>
<ul>
<li><a href="{{ site.url }}">{{ site.url }}</a> 自动选择 </li>
{% if site.urlv6 %}
<li><a href="{{ site.urlv6 }}">{{ site.urlv6 }}</a> 只解析 IPv6</li>
{% endif %}
{% if site.urlv4 %}
<li><a href="{{ site.urlv4 }}">{{ site.urlv4 }}</a> 只解析 IPv4</li>
{% endif %}
</ul>
</div>
{% unless page.legacy or site.hide_download %}
<div id="download-link">
<h4><span class="fa fa-file-archive-o"></span> 下载链接 </h4>
<p>常用发行版 iso 和应用工具安装包直接下载</p>
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#isoModal">
获取下载链接
</button>
</div>
{% endunless %}
<div class="thuhidden">
<h4> <span class="fa fa-envelope-o"></span> 联系我们 </h4>
<ul>
<li><strong>意见反馈</strong> <br /> <a href="https://github.com/tuna/issues">https://github.com/tuna/issues</a></li>
<li><strong>发送邮件</strong> <br /> <a id="eib1gieB"></a></li>
<li><strong>在线交流</strong> <br /> <a href="https://fishroom.tuna.moe/log/tuna/today"> #tuna at freenode </a></li>
</ul>
</div>
<div>
<h4> <span class="fa fa-external-link"></span> 相关链接 </h4>
<ul>
<li><a href="/help/">使用帮助</a></li>
<li><a href="/status/#server-status">服务器状态</a></li>
<li><a href="/status/#syncing-status">同步状态</a></li>
<li class="thuhidden"><a href="https://tuna.moe/">清华大学 TUNA 协会</a></li>
<li><a href="https://github.com/tuna/tunasync">镜像管理器源码</a></li>
<li><a href="https://github.com/tuna/tunasync-scripts">自定义镜像脚本</a></li>
</ul>
</div>
</div>
</div>
</div><!--/container -->
</div><!--/mirrors -->
{% include footer.html %}
{% unless page.legacy %}
<!-- iso download wizard modal -->
<!-- Modal -->
{% raw %}
<div class="modal fade" id="isoModal" tabindex="-1" role="dialog" aria-labelledby="isoModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="isoModalLabel">获取安装镜像</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs">
<li role="presentation" :class="[curCategory === 'os' ? 'active' : '']" @click="switchCategory('os')" v-show="showCategory('os')"><a href="#">操作系统</a></li>
<li role="presentation" :class="[curCategory === 'app' ? 'active' : '']" @click="switchCategory('app')" v-show="showCategory('app')"><a href="#">应用软件</a></li>
<li role="presentation" :class="[curCategory === 'font' ? 'active' : '']" @click="switchCategory('font')" v-show="showCategory('font')"><a href="#">字体</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="nav nav-pills nav-stacked">
<li v-for="distro in curDistroList" :class="[selected.distro == distro.distro ? 'active' : '']">
<a href="#" @click="switchDistro(distro)">{{ distro.distro }}</a>
</li>
</ul>
</div>
<div class="col-md-9">
<h3>{{selected.distro}}</h3>
<ul>
<template v-for="url in selected.urls">
<li><a :href="url.url">{{url.name}}</a></li>
</template>
</ul>
</div>
</div>
</div>
</div>
</div>
</div><!-- /iso download wizard modal -->
{% endraw %}
{% endunless %}
</body>
{% raw %}
{% endraw %}
{% unless page.legacy %}
<script src="/static/js/index.js"></script>
<script src="/static/js/browser-update.js"></script>
{% endunless %}
</html>
<!--
vim: ts=2 sts=2 sw=2 noexpandtab
-->