79 lines
3.0 KiB
HTML
79 lines
3.0 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block content %}
|
|
<div class="breadcrumb">
|
|
<a href="/boxes">箱子</a>
|
|
<span>/</span>
|
|
<strong>{{ box.name }}</strong>
|
|
</div>
|
|
<div class="page-header">
|
|
<div>
|
|
<div class="type-tag type-box">Box</div>
|
|
<h1>{{ box.name }}</h1>
|
|
<p class="muted">查看这个箱子的基本信息，以及它下面的直接物品。</p>
|
|
</div>
|
|
<div class="actions">
|
|
<a href="/boxes">返回箱子列表</a>
|
|
<a href="/search">去搜索</a>
|
|
<a class="button" href="/boxes/{{ box.id }}/items/new">添加物品</a>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="card">
|
|
{% if box.image_blob %}
|
|
<img src="/boxes/{{ box.id }}/image" alt="{{ box.name }}" class="detail-image">
|
|
{% endif %}
|
|
<p><strong>房间：</strong> {{ box.room or '-' }}</p>
|
|
<p><strong>状态：</strong> {{ box.status or '-' }}</p>
|
|
<p><strong>备注：</strong> {{ box.note or '-' }}</p>
|
|
<div class="actions">
|
|
<a href="/boxes/{{ box.id }}/edit">编辑箱子</a>
|
|
<form method="post" action="/boxes/{{ box.id }}/delete">
|
|
<button type="submit" class="link-button">删除箱子</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="stack">
|
|
<h2>物品</h2>
|
|
{% if box.items %}
|
|
<div class="dense-list">
|
|
{% for item in box.items %}
|
|
<article class="compact-row {{ 'compact-row-container' if item.is_container else 'compact-row-item' }}">
|
|
{% if item.image_blob %}
|
|
<img src="/items/{{ item.id }}/image" alt="{{ item.name }}" class="thumb-image compact-thumb">
|
|
{% endif %}
|
|
<div class="compact-main">
|
|
<div class="row-title-line">
|
|
<span class="type-tag {{ 'type-container' if item.is_container else 'type-item' }}">
|
|
{{ "容器型 Item" if item.is_container else "Item" }}
|
|
</span>
|
|
<h3><a href="/items/{{ item.id }}">{{ item.name }}</a></h3>
|
|
</div>
|
|
<div class="row-meta-grid">
|
|
<span>数量：{{ item.quantity if item.quantity is not none else 1 }}</span>
|
|
<span>是否容器：{{ "是" if item.is_container else "否" }}</span>
|
|
</div>
|
|
{% if item.note %}<p class="row-note">{{ item.note }}</p>{% endif %}
|
|
</div>
|
|
<div class="row-actions">
|
|
<a href="/items/{{ item.id }}">查看详情</a>
|
|
<a href="/items/{{ item.id }}/edit">编辑</a>
|
|
{% if item.is_container %}
|
|
<a href="/items/{{ item.id }}">查看内部内容</a>
|
|
{% endif %}
|
|
<form method="post" action="/items/{{ item.id }}/delete">
|
|
<button type="submit" class="link-button">删除</button>
|
|
</form>
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<section class="card">
|
|
<p>这个箱子里还没有物品。</p>
|
|
</section>
|
|
{% endif %}
|
|
</section>
|
|
{% endblock %}
|