axum-with-seaorm/templates/category.html

91 lines
4.1 KiB
HTML

{% extends "base.html" %} {% block title %}分类列表{%endblock%} {% block bc %}
<li class="breadcrumb-item"><a href="/category">分类管理</a></li>
{% endblock %} {% block content %}
{%if params.msg.is_some() %}
<div class="alert alert-info" role="alert">
{{ params.msg.clone().unwrap() }}
</div>
{% endif %}
<form class="row" method="get" action="/category">
<div class="col-auto">
<label class="visually-hidden" for="keyword">关键字</label>
<div class="input-group">
<div class="input-group-text">关键字</div>
<input type="text" class="form-control" id="keyword" name="keyword" placeholder="输入关键字" value="{{ params.keyword() }}">
</div>
</div>
<div class="col-auto">
<label class="visually-hidden" for="is_del">是否删除</label>
<select class="form-select" id="is_del" name="is_del">
<option value="-1"{% if params.is_del() == -1%} selected{%endif%}>全部</option>
<option value="0"{% if params.is_del() == 0%} selected{%endif%}>未删除</option>
<option value="1"{% if params.is_del() == 1%} selected{%endif%}>已删除</option>
</select>
</div>
<div class="col-auto">
<label class="visually-hidden" for="sort">排序</label>
<select class="form-select" id="sort" name="sort">
<option value=""{% if params.sort().is_empty() %} selected{%endif%}>默认排序</option>
<option value="asc"{% if params.sort() == "asc" %} selected{%endif%}>升序</option>
<option value="desc"{% if params.sort() == "desc" %} selected{%endif%}>降序</option>
</select>
</div>
<div class="col-auto">
<label class="visually-hidden" for="page_size">每页条数</label>
<select class="form-select" id="page_size" name="page_size">
<option value="0"{% if params.page_size() == 0 %} selected{%endif%}>默认条数</option>
<option value="3"{%if params.page_size() == 3 %} selected{%endif%}>每页3条</option>
<option value="5"{%if params.page_size() == 5 %} selected{%endif%}>每页5条</option>
<option value="10"{%if params.page_size() == 10 %} selected{%endif%}>每页10条</option>
</select>
</div>
<div class="col-auto">
<button type="submit" class="btn btn-primary"><i class="bi bi-search"></i> 搜索</button>
</div>
</form>
<table class="table">
<thead>
<tr>
<th>#</th>
<th>名称</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for category in categories %}
<tr>
<td>{{ category.id }}</td>
<td>{{ category.name }}</td>
<td>
<a href="/category/articles/{{ category.id }}" class="btn btn-success btn-sm">文章列表</a>
<a href="/category/edit/{{ category.id }}" class="btn btn-primary btn-sm">修改</a>
<div class="btn-group">
<button type="button" class="btn btn-danger btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
删除
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/category/del/{{category.id}}" onclick="return confirm('确定删除【{{category.name}}】?')">逻辑删除</a></li>
<li><a class="dropdown-item" href="/category/del/{{category.id}}/true" onclick="return confirm('确定删除【{{category.name}}】?')">物理删除</a></li>
</ul>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<nav>
<ul class="pagination pagination">
{% for page in 0..page_total %}
{% if page == params.page() %}
<li class="page-item active">
<span class="page-link">{{ page + 1}}</span>
</li>
{% else %}
<li class="page-item">
<a class="page-link" href="?page={{page}}&keyword={{params.keyword()}}&is_del={{params.is_del()}}&sort={{params.sort()}}&page_size={{params.page_size()}}">{{ page + 1}}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</nav>
{%endblock%}