68 lines
3.3 KiB
HTML
68 lines
3.3 KiB
HTML
{% if photos %}
|
|
<div class="gallery">
|
|
{% for photo in photos %}
|
|
{% set share_url = request.url_root.rstrip('/') ~ photo.url %}
|
|
{% set share_bbcode = '[img]' ~ share_url ~ '[/img]' %}
|
|
{% set share_html = '<img src="' ~ share_url ~ '" alt="' ~ photo.original_name ~ '">' %}
|
|
<article class="photo-card" data-id="{{ photo.id }}">
|
|
<div class="photo-card__image-wrap">
|
|
<img
|
|
src="{{ photo.url }}"
|
|
alt="{{ photo.original_name }}"
|
|
class="photo-card__image"
|
|
loading="lazy"
|
|
>
|
|
<div class="photo-card__overlay">
|
|
<button type="button" class="btn btn--ghost btn--sm copy-btn" data-url="{{ share_url }}">
|
|
Ссылка
|
|
</button>
|
|
<button type="button" class="btn btn--ghost btn--sm copy-btn" data-url="{{ share_bbcode }}">
|
|
BBCode
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="btn btn--ghost btn--sm share-qr-btn"
|
|
data-url="{{ share_url }}"
|
|
data-bbcode="{{ share_bbcode }}"
|
|
data-html="{{ share_html }}"
|
|
data-qr="{{ url_for('main.photo_qr', photo_id=photo.id) }}"
|
|
data-name="{{ photo.original_name }}"
|
|
>
|
|
QR
|
|
</button>
|
|
<a href="{{ photo.url }}" target="_blank" class="btn btn--ghost btn--sm">Открыть</a>
|
|
</div>
|
|
</div>
|
|
<div class="photo-card__info">
|
|
<span class="photo-card__name" title="{{ photo.original_name }}">{{ photo.original_name }}</span>
|
|
<div class="photo-card__meta">
|
|
<span>{{ photo.size_human }}</span>
|
|
<span>{{ photo.created_at.strftime('%d.%m.%Y %H:%M') }}</span>
|
|
</div>
|
|
{% if show_owner and photo.owner %}
|
|
<div class="photo-card__owner">@{{ photo.owner.username }}</div>
|
|
{% endif %}
|
|
{% if delete_mode == 'admin' %}
|
|
<form action="{{ url_for('admin.delete_photo', photo_id=photo.id) }}" method="post" class="photo-card__delete" onsubmit="return confirm('Удалить это фото?');">
|
|
<button type="submit" class="btn btn--danger btn--sm">Удалить</button>
|
|
</form>
|
|
{% elif current_user.is_authenticated and (current_user.is_admin or photo.user_id == current_user.id) %}
|
|
<form action="{{ url_for('main.delete_photo', photo_id=photo.id) }}" method="post" class="photo-card__delete" onsubmit="return confirm('Удалить это фото?');">
|
|
<button type="submit" class="btn btn--danger btn--sm">Удалить</button>
|
|
</form>
|
|
{% endif %}
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<div class="empty-state">
|
|
<div class="empty-state__icon">🖼️</div>
|
|
<h3>{{ empty_title or 'Пока нет фотографий' }}</h3>
|
|
<p>{{ empty_text or 'Загрузите первое изображение — оно появится здесь' }}</p>
|
|
{% if empty_link %}
|
|
<a href="{{ empty_link }}" class="btn btn--primary">{{ empty_link_text or 'Загрузить фото' }}</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|