+
+{/snippet}
+
+{#if panelPhoto}
+ Действия
+ +
+
+
+
+
+
+
+
+
+
+
+
+ {#if picking}
+
+ {#if album.cover_thumb_url}
+ 
+ {:else}
+
+
+ {#if canEdit}
+
+
+ {#if album.cover_photo_id}
+
+ {/if}
+
+ {/if}
+ {album.title}
+ {#if album.description}{album.description}
{/if} ++ {album.photos_count ?? 0} фото · {album.members_count ?? 0} участников +
+ {#if error}{error}
{/if} +
+ (creating = false)}
+ onCreated={(album) => goto(`/albums/${album.id}`)}
+ />
+ {/if}
+
diff --git a/frontend/src/lib/components/AppShell.svelte b/frontend/src/lib/components/AppShell.svelte
new file mode 100644
index 0000000..1938748
--- /dev/null
+++ b/frontend/src/lib/components/AppShell.svelte
@@ -0,0 +1,227 @@
+
+
+
+ Альбомы
+ {#if auth.isAuthenticated}
+
+ {/if}
+
+
+ {#if !auth.isAuthenticated}
+ Войдите, чтобы видеть альбомы.
+ {:else if albums.loading && albums.list.length === 0} +Загрузка…
+ {:else if albums.list.length === 0} +Альбомов пока нет.
+ {:else} +-
+ {#each albums.list as album (album.id)}
+
-
+ onDragOver(e, album.id)}
+ ondragleave={() => onDragLeave(album.id)}
+ ondrop={(e) => onDrop(e, album.id)}
+ oncontextmenu={(e) => onContextMenu(e, album)}
+ >
+
+ {#if album.cover_thumb_url}
+
+ {/if} + + {album.title} + {album.photos_count ?? 0} + +
+ {/each}
+
+
+
+
+
diff --git a/frontend/src/lib/components/Comments.svelte b/frontend/src/lib/components/Comments.svelte
index 93a0acd..41a51bc 100644
--- a/frontend/src/lib/components/Comments.svelte
+++ b/frontend/src/lib/components/Comments.svelte
@@ -75,18 +75,20 @@
{/each}
{#if auth.isAuthenticated}
-
{/if}
diff --git a/frontend/src/lib/components/ConfirmDialog.svelte b/frontend/src/lib/components/ConfirmDialog.svelte
new file mode 100644
index 0000000..5903918
--- /dev/null
+++ b/frontend/src/lib/components/ConfirmDialog.svelte
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+ {#if panel && panelVisible}
+
+ {/if}
+ {#if auth.isAuthenticated}
+
+
+ {:else}
+
+
+
+ {#if railOpen}
+
+ {/if}
+
+
+
+
+
+ {@render children()}
+
+
+ {#if panel && panelVisible}
+ {#if panelOpen}
+
+ {/if}
+
+
+ {/if}
+
+ {
+ if (e.target === e.currentTarget) onClose();
+ }}
+ onkeydown={onKey}
+>
+
diff --git a/frontend/src/lib/components/ContextMenu.svelte b/frontend/src/lib/components/ContextMenu.svelte
new file mode 100644
index 0000000..7faec7f
--- /dev/null
+++ b/frontend/src/lib/components/ContextMenu.svelte
@@ -0,0 +1,63 @@
+
+
+
+
+{title}
+ {#if message}{message}
{/if} +
+
+
+
+ e.preventDefault()}
+ >
+ {#each contextMenu.items as item (item.label)}
+
+ {/each}
+
+{/if}
diff --git a/frontend/src/lib/components/CoverPicker.svelte b/frontend/src/lib/components/CoverPicker.svelte
new file mode 100644
index 0000000..5941fc6
--- /dev/null
+++ b/frontend/src/lib/components/CoverPicker.svelte
@@ -0,0 +1,114 @@
+
+
+ {
+ if (e.target === e.currentTarget) onClose();
+ }}
+ onkeydown={onKey}
+>
+
diff --git a/frontend/src/lib/components/CreateAlbumDialog.svelte b/frontend/src/lib/components/CreateAlbumDialog.svelte
new file mode 100644
index 0000000..cf3bb40
--- /dev/null
+++ b/frontend/src/lib/components/CreateAlbumDialog.svelte
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+ Выбрать обложку
+ +
+ {#if error}
+ {error}
{/if} + {#if loading} +Загрузка…
+ {:else if photos.length === 0} +В альбоме нет фотографий.
+ {:else} +-
+ {#each photos as photo (photo.id)}
+
- + + + {/each} +
{
+ if (e.target === e.currentTarget) onClose();
+ }}
+ onkeydown={onKey}
+>
+
+
diff --git a/frontend/src/lib/components/DensityControl.svelte b/frontend/src/lib/components/DensityControl.svelte
new file mode 100644
index 0000000..d00ba10
--- /dev/null
+++ b/frontend/src/lib/components/DensityControl.svelte
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/frontend/src/lib/components/Lightbox.svelte b/frontend/src/lib/components/Lightbox.svelte
deleted file mode 100644
index 5af7be3..0000000
--- a/frontend/src/lib/components/Lightbox.svelte
+++ /dev/null
@@ -1,131 +0,0 @@
-
-
- {
- if (e.target === e.currentTarget) onClose();
- }}
- onkeydown={onKey}
- ontouchstart={onTouchStart}
- ontouchend={onTouchEnd}
->
-
diff --git a/frontend/src/lib/components/PanelSection.svelte b/frontend/src/lib/components/PanelSection.svelte
new file mode 100644
index 0000000..828496b
--- /dev/null
+++ b/frontend/src/lib/components/PanelSection.svelte
@@ -0,0 +1,52 @@
+
+
+
- {index + 1} / {photos.length}
-
-
-
- {#if fresh?.download_url}
-
-
-
-
- {#if current}
- 
- {/if}
-
-
-
- {#if current}
-
-
- {/if}
-- {current.uploader.name} · {current.original_filename} -
-
+
+ {#if actions}
+
+ {#if isOpen}
+ {@render actions()}
+ {/if}
+ {@render children()}
+ {/if}
+Пока нет фотографий.
{:else} --
+
-
{#each photos as photo, i (photo.id)}