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.
123 lines
5.5 KiB
123 lines
5.5 KiB
{% from 'macros.html' import follow_area with context %}
|
|
|
|
<nav aria-label="Page navigation">
|
|
<ul class="pagination">
|
|
<li class="page-item">
|
|
<a class="page-link" href="{{ url_for('.photo_previous', photo_id=photo.id) }}">←Previous</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a class="page-link" href="{{ url_for('.photo_next', photo_id=photo.id) }}">Next→</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="card bg-light mb-3 w-100 sidebar-card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<a href="{{ url_for('user.index', username=photo.author.username) }}">
|
|
<img class="sidebar-avatar rounded avatar-m"
|
|
src="{{ url_for('main.get_avatar', filename=photo.author.avatar_m) }}">
|
|
</a>
|
|
<div class="sidebar-profile">
|
|
<h6 class="card-title">
|
|
<a href="{{ url_for('user.index', username=photo.author.username) }}">{{ photo.author.name }}</a>
|
|
</h6>
|
|
<p class="card-subtitle mb-2 text-muted">{{ photo.author.username }}</p>
|
|
{{ follow_area(photo.author) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card bg-light mb-3 w-100">
|
|
<div class="card-body">
|
|
<div id="description">
|
|
<p>
|
|
{% if photo.description %}
|
|
{{ photo.description }}
|
|
{% endif %}
|
|
{% if current_user == photo.author %}
|
|
<a id="description-btn" href="#!">
|
|
<small><span class="oi oi-pencil"></span> 编辑简介</small>
|
|
</a>
|
|
{% endif %}
|
|
</p>
|
|
</div>
|
|
{% if current_user == photo.author %}
|
|
<div id="description-form">
|
|
<form action="{{ url_for('.edit_description', photo_id=photo.id) }}" method="post">
|
|
{{ description_form.csrf_token }}
|
|
{{ render_field(description_form.description) }}
|
|
<a class="btn btn-light btn-sm" id="cancel-description">取消</a>
|
|
{{ render_field(description_form.submit, class='btn btn-success btn-sm') }}
|
|
</form>
|
|
</div>
|
|
{% endif %}
|
|
<div id="tags">
|
|
<p>
|
|
{% if photo.tags %}
|
|
{% for tag in photo.tags %}
|
|
<a class="badge badge-light"
|
|
href="{{ url_for('.show_tag', tag_id=tag.id) }}" target="_blank"><span
|
|
class="oi oi-tag"></span> {{ tag.name }}</a>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if current_user == photo.author %}
|
|
<a id="tag-btn" href="#!">
|
|
<small><span class="oi oi-pencil"></span> 编辑标签</small>
|
|
</a>
|
|
{% endif %}
|
|
</p>
|
|
</div>
|
|
{% if current_user == photo.author %}
|
|
<div id="tag-form">
|
|
<form action="{{ url_for('.new_tag', photo_id=photo.id) }}" method="post">
|
|
{{ tag_form.csrf_token }}
|
|
{{ render_field(tag_form.tag) }}
|
|
<a class="btn btn-light btn-sm" id="cancel-tag">取消</a>
|
|
{{ render_field(tag_form.submit, class='btn btn-success btn-sm') }}
|
|
</form>
|
|
{% if photo.tags %}
|
|
<hr>
|
|
{% for tag in photo.tags %}
|
|
<a class="dead-link" href="#!"
|
|
data-href="{{ url_for('.delete_tag', photo_id=photo.id, tag_id=tag.id) }}"
|
|
data-toggle="modal" data-target="#confirm-delete" title="删除标签">
|
|
<span class="badge badge-danger">
|
|
{{ tag.name }} <span class="oi oi-trash" aria-hidden="true"></span>
|
|
</span>
|
|
</a>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
{% if current_user.is_authenticated %}
|
|
{% if current_user.is_collecting(photo) %}
|
|
<form class="inline" method="post"
|
|
action="{{ url_for('main.uncollect', photo_id=photo.id) }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="btn btn-outline-secondary btn-sm">
|
|
<span class="oi oi-x"></span> 取消收藏
|
|
</button>
|
|
</form>
|
|
{% else %}
|
|
<form class="inline" method="post"
|
|
action="{{ url_for('main.collect', photo_id=photo.id) }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="btn btn-outline-primary btn-sm">
|
|
<span class="oi oi-star"></span> 收藏
|
|
</button>
|
|
</form>
|
|
{% endif %}
|
|
{% else %}
|
|
<form class="inline" method="post" action="{{ url_for('main.collect', photo_id=photo.id) }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="btn btn-primary btn-sm">
|
|
<span class="oi oi-star"></span> 收藏
|
|
</button>
|
|
</form>
|
|
{% endif %}
|
|
{% if photo.collectors %}
|
|
<a href="{{ url_for('main.show_collectors', photo_id=photo.id) }}">{{ photo.collectors|length }}
|
|
收藏者</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|