81 lines
3.9 KiB
HTML
81 lines
3.9 KiB
HTML
{% extends "base.html" %}
|
||
|
||
{% block title %}Папки — PhotoHost{% endblock %}
|
||
|
||
{% block content %}
|
||
<section class="page-header">
|
||
<div class="container">
|
||
<h1 class="page-header__title">Мои папки</h1>
|
||
<p class="page-header__subtitle">Создавайте папки, делитесь ссылками, защищайте паролем и приглашайте пользователей по email.</p>
|
||
</div>
|
||
</section>
|
||
|
||
{% include "partials/alerts.html" %}
|
||
|
||
<section class="admin-section">
|
||
<div class="container">
|
||
<div class="admin-panel folder-create">
|
||
<h2 class="admin-panel__title">Создать папку</h2>
|
||
<form method="post" action="{{ url_for('folders.create_folder') }}" class="auth-form folder-create__form">
|
||
<div class="form-group">
|
||
<label for="name">Название</label>
|
||
<input type="text" id="name" name="name" required minlength="2" placeholder="Отпуск 2025">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="access_password">Пароль доступа (необязательно)</label>
|
||
<input type="password" id="access_password" name="access_password" minlength="4" placeholder="для приватной папки">
|
||
</div>
|
||
<label class="form-checkbox">
|
||
<input type="checkbox" name="is_private" checked>
|
||
<span>Приватная папка (доступ по ссылке, паролю или приглашению)</span>
|
||
</label>
|
||
<button type="submit" class="btn btn--primary">Создать папку</button>
|
||
</form>
|
||
</div>
|
||
|
||
<h2 class="section-title">Мои папки</h2>
|
||
{% if owned_folders %}
|
||
<div class="folder-grid">
|
||
{% for folder in owned_folders %}
|
||
<article class="folder-card">
|
||
<div class="folder-card__icon">📁</div>
|
||
<h3 class="folder-card__title">{{ folder.name }}</h3>
|
||
<p class="folder-card__meta">
|
||
{{ folder.photo_count }} фото
|
||
{% if folder.is_private %} · приватная{% endif %}
|
||
{% if folder.has_password %} · с паролем{% endif %}
|
||
</p>
|
||
<div class="folder-card__actions">
|
||
<a href="{{ url_for('folders.view_folder', folder_id=folder.id) }}" class="btn btn--ghost btn--sm">Открыть</a>
|
||
<a href="{{ url_for('folders.folder_settings', folder_id=folder.id) }}" class="btn btn--ghost btn--sm">Настройки</a>
|
||
</div>
|
||
</article>
|
||
{% endfor %}
|
||
</div>
|
||
{% else %}
|
||
<div class="empty-state">
|
||
<div class="empty-state__icon">📁</div>
|
||
<h3>У вас пока нет папок</h3>
|
||
<p>Создайте первую папку для организации фото</p>
|
||
</div>
|
||
{% endif %}
|
||
|
||
{% if shared_folders %}
|
||
<h2 class="section-title" style="margin-top: 40px;">Общие со мной</h2>
|
||
<div class="folder-grid">
|
||
{% for folder in shared_folders %}
|
||
<article class="folder-card folder-card--shared">
|
||
<div class="folder-card__icon">🤝</div>
|
||
<h3 class="folder-card__title">{{ folder.name }}</h3>
|
||
<p class="folder-card__meta">@{{ folder.owner.username }} · {{ folder.photo_count }} фото</p>
|
||
<div class="folder-card__actions">
|
||
<a href="{{ url_for('folders.view_folder', folder_id=folder.id) }}" class="btn btn--ghost btn--sm">Открыть</a>
|
||
</div>
|
||
</article>
|
||
{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
</section>
|
||
{% endblock %}
|