Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fedd9ac3a0 | |||
| 586b597ae5 | |||
| e4173c73fe | |||
| 22983bee73 | |||
| 87555c9670 | |||
| 844ad5452e | |||
| ff13997bbd | |||
| 726b24e6c3 | |||
| 7facfb0dd5 | |||
| f014ae4d1d |
@@ -0,0 +1,3 @@
|
||||
venv/
|
||||
*__pycache__/
|
||||
.st*
|
||||
@@ -1,55 +0,0 @@
|
||||
# Tanabata File Manager
|
||||
|
||||
Multi-user, tag-based web file manager for images and video.
|
||||
|
||||
## Architecture
|
||||
|
||||
Monorepo: `backend/` (Go) + `frontend/` (SvelteKit).
|
||||
|
||||
- Backend: Go + Gin + pgx v5 + goose migrations. Clean Architecture.
|
||||
- Frontend: SvelteKit SPA + Tailwind CSS + CSS custom properties.
|
||||
- DB: PostgreSQL 14+.
|
||||
- Auth: JWT Bearer tokens.
|
||||
|
||||
## Key documents (read before coding)
|
||||
|
||||
- `openapi.yaml` — full REST API specification (36 paths, 58 operations)
|
||||
- `docs/GO_PROJECT_STRUCTURE.md` — backend architecture, layer rules, DI pattern
|
||||
- `docs/FRONTEND_STRUCTURE.md` — frontend architecture, CSS approach, API client
|
||||
- `docs/Описание.md` — product requirements in Russian
|
||||
- `backend/migrations/001_init.sql` — database schema (4 schemas, 16 tables)
|
||||
|
||||
## Design reference
|
||||
|
||||
The `docs/reference/` directory contains the previous Python/Flask version.
|
||||
Use its visual design as the basis for the new frontend:
|
||||
- Color palette: #312F45 (bg), #9592B5 (accent), #444455 (tag default), #111118 (elevated)
|
||||
- Font: Epilogue (variable weight)
|
||||
- Dark theme is primary
|
||||
- Mobile-first layout with bottom navbar
|
||||
- 160×160 thumbnail grid for files
|
||||
- Colored tag pills
|
||||
- Floating selection bar for multi-select
|
||||
|
||||
## Backend commands
|
||||
```bash
|
||||
cd backend
|
||||
go run ./cmd/server # run dev server
|
||||
go test ./... # run all tests
|
||||
```
|
||||
|
||||
## Frontend commands
|
||||
```bash
|
||||
cd frontend
|
||||
npm run dev # vite dev server
|
||||
npm run build # production build
|
||||
npm run generate:types # regenerate API types from openapi.yaml
|
||||
```
|
||||
|
||||
## Conventions
|
||||
|
||||
- Go: gofmt, no global state, context.Context as first param in all service methods
|
||||
- TypeScript: strict mode, named exports
|
||||
- SQL: snake_case, all migrations via goose
|
||||
- API errors: { code, message, details? }
|
||||
- Git: conventional commits (feat:, fix:, docs:, refactor:)
|
||||
@@ -0,0 +1,22 @@
|
||||
<h1 align="center">🎋 Tanabata File Manager 🎋</h1>
|
||||
|
||||
---
|
||||
|
||||
<!-- [![Release version][release-shield]][release-link] -->
|
||||
|
||||
## Contents
|
||||
|
||||
- [About](#about)
|
||||
|
||||
## About
|
||||
|
||||
Tanabata (_jp._ 七夕) is Japanese festival. People generally celebrate this day (July 7th) by writing wishes, sometimes in the form of poetry, on _tanzaku_ (_jp._ 短冊), small pieces of paper, and hanging them on _sasa_ (_jp._ 笹), bamboo. See [this Wikipedia page](https://en.wikipedia.org/wiki/Tanabata) for more information.
|
||||
|
||||
Tanabata File Manager is a software project that will let you enjoy the Tanabata festival. It allows you to store and organize your files as _sasa_ bamboos, on which you can hang almost any number of _tanzaku_, just like adding tags on it.
|
||||
|
||||
---
|
||||
|
||||
<h6 align="center"><i>© Masahiko AMANO aka H1K0, 2022—present</i></h6>
|
||||
|
||||
<!-- [release-shield]: https://img.shields.io/github/release/H1K0/tanabata/all.svg?style=for-the-badge
|
||||
[release-link]: https://github.com/H1K0/tanabata/releases -->
|
||||
@@ -0,0 +1,5 @@
|
||||
title: Tanabata FM
|
||||
description: Web file manager with tags!
|
||||
remote_theme: pages-themes/merlot@v0.2.0
|
||||
plugins:
|
||||
- jekyll-remote-theme
|
||||
@@ -0,0 +1,374 @@
|
||||
from configparser import ConfigParser
|
||||
from psycopg2.pool import ThreadedConnectionPool
|
||||
from psycopg2.extras import RealDictCursor
|
||||
from contextlib import contextmanager
|
||||
from os import access, W_OK, makedirs, chmod, system
|
||||
from os.path import isfile, join, basename
|
||||
from shutil import move
|
||||
from magic import Magic
|
||||
from preview_generator.manager import PreviewManager
|
||||
|
||||
conf = None
|
||||
|
||||
mage = None
|
||||
previewer = None
|
||||
|
||||
db_pool = None
|
||||
|
||||
DEFAULT_SORTING = {
|
||||
"files": {
|
||||
"key": "created",
|
||||
"asc": False
|
||||
},
|
||||
"tags": {
|
||||
"key": "created",
|
||||
"asc": False
|
||||
},
|
||||
"categories": {
|
||||
"key": "created",
|
||||
"asc": False
|
||||
},
|
||||
"pools": {
|
||||
"key": "created",
|
||||
"asc": False
|
||||
},
|
||||
}
|
||||
|
||||
|
||||
def Initialize(conf_path="/etc/tfm/tfm.conf"):
|
||||
global mage, previewer
|
||||
load_config(conf_path)
|
||||
mage = Magic(mime=True)
|
||||
previewer = PreviewManager(conf["Paths"]["Thumbs"])
|
||||
db_connect(conf["DB.limits"]["MinimumConnections"], conf["DB.limits"]["MaximumConnections"], **conf["DB.params"])
|
||||
|
||||
|
||||
def load_config(path):
|
||||
global conf
|
||||
conf = ConfigParser()
|
||||
conf.read(path)
|
||||
|
||||
|
||||
def db_connect(minconn, maxconn, **kwargs):
|
||||
global db_pool
|
||||
db_pool = ThreadedConnectionPool(minconn, maxconn, **kwargs)
|
||||
|
||||
|
||||
@contextmanager
|
||||
def _db_cursor():
|
||||
global db_pool
|
||||
try:
|
||||
conn = db_pool.getconn()
|
||||
except:
|
||||
raise RuntimeError("Database not connected")
|
||||
try:
|
||||
with conn.cursor(cursor_factory=RealDictCursor) as cur:
|
||||
yield cur
|
||||
conn.commit()
|
||||
except:
|
||||
conn.rollback()
|
||||
raise
|
||||
finally:
|
||||
db_pool.putconn(conn)
|
||||
|
||||
|
||||
def _validate_column_name(cur, table, column):
|
||||
cur.execute("SELECT get_column_names(%s) AS name", (table,))
|
||||
if all([column!=col["name"] for col in cur.fetchall()]):
|
||||
raise RuntimeError("Invalid column name")
|
||||
|
||||
|
||||
def authorize(username, password, useragent):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT tfm_session_request(tfm_user_auth(%s, %s), %s) AS sid", (username, password, useragent))
|
||||
sid = cur.fetchone()["sid"]
|
||||
return TSession(sid)
|
||||
|
||||
|
||||
class TSession:
|
||||
sid = None
|
||||
|
||||
def __init__(self, sid):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT tfm_session_validate(%s) IS NOT NULL AS valid", (sid,))
|
||||
if not cur.fetchone()["valid"]:
|
||||
raise RuntimeError("Invalid sid")
|
||||
self.sid = sid
|
||||
|
||||
def terminate(self):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_session_terminate(%s)", (self.sid,))
|
||||
del self
|
||||
|
||||
@property
|
||||
def username(self):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT tfm_session_username(%s) AS name", (self.sid,))
|
||||
return cur.fetchone()["name"]
|
||||
|
||||
@property
|
||||
def is_admin(self):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT * FROM tfm_user_get_info(%s)", (self.sid,))
|
||||
return cur.fetchone()["can_edit"]
|
||||
|
||||
def get_files(self, order_key=DEFAULT_SORTING["files"]["key"], order_asc=DEFAULT_SORTING["files"]["asc"], offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_files", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_files(%%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid,))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_files_by_filter(self, philter=None, order_key=DEFAULT_SORTING["files"]["key"], order_asc=DEFAULT_SORTING["files"]["asc"], offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_files", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_files_by_filter(%%s, %%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid, philter))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_tags(self, order_key=DEFAULT_SORTING["tags"]["key"], order_asc=DEFAULT_SORTING["tags"]["asc"], offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_tags", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_tags(%%s) ORDER BY %s %s, name ASC OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid,))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_categories(self, order_key=DEFAULT_SORTING["categories"]["key"], order_asc=DEFAULT_SORTING["categories"]["asc"], offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_categories", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_categories(%%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid,))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_pools(self, order_key=DEFAULT_SORTING["pools"]["key"], order_asc=DEFAULT_SORTING["pools"]["asc"], offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_pools", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_pools(%%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid,))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_autotags(self, order_key="child_id", order_asc=True, offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_autotags", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_autotags(%%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid,))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_my_sessions(self, order_key="started", order_asc=False, offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_sessions", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_my_sessions(%%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid,))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_tags_by_file(self, file_id, order_key=DEFAULT_SORTING["tags"]["key"], order_asc=DEFAULT_SORTING["tags"]["asc"], offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_tags", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_tags_by_file(%%s, %%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid, file_id))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_files_by_tag(self, tag_id, order_key=DEFAULT_SORTING["files"]["key"], order_asc=DEFAULT_SORTING["files"]["asc"], offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_files", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_files_by_tag(%%s, %%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid, tag_id))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_files_by_pool(self, pool_id, order_key=DEFAULT_SORTING["files"]["key"], order_asc=DEFAULT_SORTING["files"]["asc"], offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_files", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_files_by_pool(%%s, %%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid, pool_id))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_parent_tags(self, tag_id, order_key=DEFAULT_SORTING["tags"]["key"], order_asc=DEFAULT_SORTING["tags"]["asc"], offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_tags", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_parent_tags(%%s, %%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid, tag_id))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_my_file_views(self, file_id=None, order_key="datetime", order_asc=False, offset=0, limit=None):
|
||||
with _db_cursor() as cur:
|
||||
_validate_column_name(cur, "v_files", order_key)
|
||||
cur.execute("SELECT * FROM tfm_get_my_file_views(%%s, %%s) ORDER BY %s %s OFFSET %s LIMIT %s" % (
|
||||
order_key,
|
||||
"ASC" if order_asc else "DESC",
|
||||
int(offset),
|
||||
int(limit) if limit is not None else "ALL"
|
||||
), (self.sid, file_id))
|
||||
return list(map(dict, cur.fetchall()))
|
||||
|
||||
def get_file(self, file_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT * FROM tfm_get_files(%s) WHERE id=%s", (self.sid, file_id))
|
||||
return cur.fetchone()
|
||||
|
||||
def get_tag(self, tag_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT * FROM tfm_get_tags(%s) WHERE id=%s", (self.sid, tag_id))
|
||||
return cur.fetchone()
|
||||
|
||||
def get_category(self, category_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT * FROM tfm_get_categories(%s) WHERE id=%s", (self.sid, category_id))
|
||||
return cur.fetchone()
|
||||
|
||||
def view_file(self, file_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_view_file(%s, %s)", (self.sid, file_id))
|
||||
|
||||
def add_file(self, path, datetime=None, notes=None, is_private=None, orig_name=True):
|
||||
if not isfile(path):
|
||||
raise FileNotFoundError("No such file '%s'" % path)
|
||||
if not access(conf["Paths"]["Files"], W_OK) or not access(conf["Paths"]["Thumbs"], W_OK):
|
||||
raise PermissionError("Invalid directories for files and thumbs")
|
||||
mime = mage.from_file(path)
|
||||
if orig_name == True:
|
||||
orig_name = basename(path)
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT * FROM tfm_add_file(%s, %s, %s, %s, %s, %s)", (self.sid, mime, datetime, notes, is_private, orig_name))
|
||||
res = cur.fetchone()
|
||||
file_id = res["f_id"]
|
||||
ext = res["ext"]
|
||||
file_path = join(conf["Paths"]["Files"], file_id)
|
||||
move(path, file_path)
|
||||
thumb_path = previewer.get_jpeg_preview(file_path, height=160, width=160)
|
||||
preview_path = previewer.get_jpeg_preview(file_path, height=1080, width=1920)
|
||||
chmod(file_path, 0o664)
|
||||
chmod(thumb_path, 0o664)
|
||||
chmod(preview_path, 0o664)
|
||||
return file_id, ext
|
||||
|
||||
def add_tag(self, name, notes=None, color=None, category_id=None, is_private=None):
|
||||
if color is not None:
|
||||
color = color.replace('#', '')
|
||||
if not category_id:
|
||||
category_id = None
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT tfm_add_tag(%s, %s, %s, %s, %s, %s) AS id", (self.sid, name, notes, color, category_id, is_private))
|
||||
return cur.fetchone()["id"]
|
||||
|
||||
def add_category(self, name, notes=None, color=None, is_private=None):
|
||||
if color is not None:
|
||||
color = color.replace('#', '')
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT tfm_add_category(%s, %s, %s, %s, %s) AS id", (self.sid, name, notes, color, is_private))
|
||||
return cur.fetchone()["id"]
|
||||
|
||||
def add_pool(self, name, notes=None, parent_id=None, is_private=None):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT tfm_add_pool(%s, %s, %s, %s, %s) AS id", (self.sid, name, notes, parent_id, is_private))
|
||||
return cur.fetchone()["id"]
|
||||
|
||||
def add_autotag(self, child_id, parent_id, is_active=None, apply_to_existing=None):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT tfm_add_autotag(%s, %s, %s, %s, %s) AS added", (self.sid, child_id, parent_id, is_active, apply_to_existing))
|
||||
return cur.fetchone()["added"]
|
||||
|
||||
def add_file_to_tag(self, file_id, tag_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT tfm_add_file_to_tag(%s, %s, %s) AS id", (self.sid, file_id, tag_id))
|
||||
return list(map(lambda t: t["id"], cur.fetchall()))
|
||||
|
||||
def add_file_to_pool(self, file_id, pool_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("SELECT tfm_add_file_to_pool(%s, %s, %s) AS added", (self.sid, file_id, pool_id))
|
||||
return cur.fetchone()["added"]
|
||||
|
||||
def edit_file(self, file_id, mime=None, datetime=None, notes=None, is_private=None):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_edit_file(%s, %s, %s, %s, %s, %s)", (self.sid, file_id, mime, datetime, notes, is_private))
|
||||
|
||||
def edit_tag(self, tag_id, name=None, notes=None, color=None, category_id=None, is_private=None):
|
||||
if color is not None:
|
||||
color = color.replace('#', '')
|
||||
if not category_id:
|
||||
category_id = None
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_edit_tag(%s, %s, %s, %s, %s, %s, %s)", (self.sid, tag_id, name, notes, color, category_id, is_private))
|
||||
|
||||
def edit_category(self, category_id, name=None, notes=None, color=None, is_private=None):
|
||||
if color is not None:
|
||||
color = color.replace('#', '')
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_edit_category(%s, %s, %s, %s, %s, %s)", (self.sid, category_id, name, notes, color, is_private))
|
||||
|
||||
def edit_pool(self, pool_id, name=None, notes=None, parent_id=None, is_private=None):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_edit_pool(%s, %s, %s, %s, %s, %s)", (self.sid, pool_id, name, notes, parent_id, is_private))
|
||||
|
||||
def remove_file(self, file_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_remove_file(%s, %s)", (self.sid, file_id))
|
||||
if system("rm %s/%s*" % (conf["Paths"]["Files"], file_id)):
|
||||
raise RuntimeError("Failed to remove file '%s'" % file_id)
|
||||
|
||||
def remove_tag(self, tag_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_remove_tag(%s, %s)", (self.sid, tag_id))
|
||||
|
||||
def remove_category(self, category_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_remove_category(%s, %s)", (self.sid, category_id))
|
||||
|
||||
def remove_pool(self, pool_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_remove_pool(%s, %s)", (self.sid, pool_id))
|
||||
|
||||
def remove_autotag(self, child_id, parent_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_remove_autotag(%s, %s, %s)", (self.sid, child_id, parent_id))
|
||||
|
||||
def remove_file_to_tag(self, file_id, tag_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_remove_file_to_tag(%s, %s, %s)", (self.sid, file_id, tag_id))
|
||||
|
||||
def remove_file_to_pool(self, file_id, pool_id):
|
||||
with _db_cursor() as cur:
|
||||
cur.execute("CALL tfm_remove_file_to_pool(%s, %s, %s)", (self.sid, file_id, pool_id))
|
||||
@@ -1,425 +0,0 @@
|
||||
-- =============================================================================
|
||||
-- Tanabata File Manager — Database Schema v2
|
||||
-- =============================================================================
|
||||
-- PostgreSQL 14+
|
||||
--
|
||||
-- Design decisions:
|
||||
-- • Business logic lives in Go (DDD), no stored procedures
|
||||
-- • UUID v7 for entity PKs (created_at extracted from UUID, no separate column)
|
||||
-- • ACL: is_public flag on objects + acl.permissions table for granular control
|
||||
-- • Schemas: core, data, acl, activity
|
||||
-- • Flat pools (no hierarchy)
|
||||
-- • Soft delete for files only (trash/recycle bin)
|
||||
-- • phash field for future duplicate detection
|
||||
-- • metadata jsonb on all entities
|
||||
-- • Unified audit log with reference tables instead of enums
|
||||
-- =============================================================================
|
||||
|
||||
-- ---------------------------------------------------------------------------
|
||||
-- Extensions
|
||||
-- ---------------------------------------------------------------------------
|
||||
|
||||
CREATE EXTENSION IF NOT EXISTS pgcrypto;
|
||||
CREATE EXTENSION IF NOT EXISTS "uuid-ossp";
|
||||
|
||||
-- ---------------------------------------------------------------------------
|
||||
-- Schemas
|
||||
-- ---------------------------------------------------------------------------
|
||||
|
||||
CREATE SCHEMA IF NOT EXISTS core;
|
||||
CREATE SCHEMA IF NOT EXISTS data;
|
||||
CREATE SCHEMA IF NOT EXISTS acl;
|
||||
CREATE SCHEMA IF NOT EXISTS activity;
|
||||
|
||||
-- ---------------------------------------------------------------------------
|
||||
-- Utility functions
|
||||
-- ---------------------------------------------------------------------------
|
||||
|
||||
-- UUID v7 generator
|
||||
CREATE OR REPLACE FUNCTION public.uuid_v7(cts timestamptz DEFAULT clock_timestamp())
|
||||
RETURNS uuid LANGUAGE plpgsql AS $$
|
||||
DECLARE
|
||||
state text = current_setting('uuidv7.old_tp', true);
|
||||
old_tp text = split_part(state, ':', 1);
|
||||
base int = coalesce(nullif(split_part(state, ':', 4), '')::int, (random()*16777215/2-1)::int);
|
||||
tp text;
|
||||
entropy text;
|
||||
seq text = base;
|
||||
seqn int = split_part(state, ':', 2);
|
||||
ver text = coalesce(split_part(state, ':', 3), to_hex(8+(random()*3)::int));
|
||||
BEGIN
|
||||
base = (random()*16777215/2-1)::int;
|
||||
tp = lpad(to_hex(floor(extract(epoch from cts)*1000)::int8), 12, '0') || '7';
|
||||
IF tp IS DISTINCT FROM old_tp THEN
|
||||
old_tp = tp;
|
||||
ver = to_hex(8+(random()*3)::int);
|
||||
base = (random()*16777215/2-1)::int;
|
||||
seqn = base;
|
||||
ELSE
|
||||
seqn = seqn + (random()*1000)::int;
|
||||
END IF;
|
||||
PERFORM set_config('uuidv7.old_tp', old_tp||':'||seqn||':'||ver||':'||base, false);
|
||||
entropy = md5(gen_random_uuid()::text);
|
||||
seq = lpad(to_hex(seqn), 6, '0');
|
||||
RETURN (tp || substring(seq from 1 for 3) || ver || substring(seq from 4 for 3) ||
|
||||
substring(entropy from 1 for 12))::uuid;
|
||||
END;
|
||||
$$;
|
||||
|
||||
-- Extract timestamp from UUID v7
|
||||
CREATE OR REPLACE FUNCTION public.uuid_extract_timestamp(uuid_val uuid)
|
||||
RETURNS timestamptz LANGUAGE sql IMMUTABLE PARALLEL SAFE AS $$
|
||||
SELECT to_timestamp(
|
||||
('x' || left(replace(uuid_val::text, '-', ''), 12))::bit(48)::bigint / 1000.0
|
||||
);
|
||||
$$;
|
||||
|
||||
-- =============================================================================
|
||||
-- SCHEMA: core
|
||||
-- =============================================================================
|
||||
|
||||
-- Users
|
||||
CREATE TABLE core.users (
|
||||
id smallint GENERATED ALWAYS AS IDENTITY PRIMARY KEY,
|
||||
name varchar(32) NOT NULL,
|
||||
password text NOT NULL, -- bcrypt hash via pgcrypto
|
||||
is_admin boolean NOT NULL DEFAULT false,
|
||||
can_create boolean NOT NULL DEFAULT false,
|
||||
|
||||
CONSTRAINT uni__users__name UNIQUE (name)
|
||||
);
|
||||
|
||||
-- MIME types (whitelist of supported file types)
|
||||
CREATE TABLE core.mime_types (
|
||||
id smallint GENERATED ALWAYS AS IDENTITY PRIMARY KEY,
|
||||
name varchar(127) NOT NULL,
|
||||
extension varchar(16) NOT NULL,
|
||||
|
||||
CONSTRAINT uni__mime_types__name UNIQUE (name)
|
||||
);
|
||||
|
||||
-- Object types (file, tag, category, pool — used in ACL and audit log)
|
||||
CREATE TABLE core.object_types (
|
||||
id smallint GENERATED ALWAYS AS IDENTITY PRIMARY KEY,
|
||||
name varchar(32) NOT NULL,
|
||||
|
||||
CONSTRAINT uni__object_types__name UNIQUE (name)
|
||||
);
|
||||
|
||||
-- =============================================================================
|
||||
-- SCHEMA: data
|
||||
-- =============================================================================
|
||||
|
||||
-- Categories (logical grouping of tags)
|
||||
CREATE TABLE data.categories (
|
||||
id uuid NOT NULL DEFAULT public.uuid_v7() PRIMARY KEY,
|
||||
name varchar(256) NOT NULL,
|
||||
notes text,
|
||||
color char(6),
|
||||
metadata jsonb,
|
||||
creator_id smallint NOT NULL REFERENCES core.users(id)
|
||||
ON UPDATE CASCADE ON DELETE RESTRICT,
|
||||
is_public boolean NOT NULL DEFAULT false,
|
||||
|
||||
CONSTRAINT uni__categories__name UNIQUE (name),
|
||||
CONSTRAINT chk__categories__color_hex
|
||||
CHECK (color IS NULL OR color ~* '^[A-Fa-f0-9]{6}$')
|
||||
);
|
||||
|
||||
-- Tags
|
||||
CREATE TABLE data.tags (
|
||||
id uuid NOT NULL DEFAULT public.uuid_v7() PRIMARY KEY,
|
||||
name varchar(256) NOT NULL,
|
||||
notes text,
|
||||
color char(6),
|
||||
category_id uuid REFERENCES data.categories(id)
|
||||
ON UPDATE CASCADE ON DELETE SET NULL,
|
||||
metadata jsonb,
|
||||
creator_id smallint NOT NULL REFERENCES core.users(id)
|
||||
ON UPDATE CASCADE ON DELETE RESTRICT,
|
||||
is_public boolean NOT NULL DEFAULT false,
|
||||
|
||||
CONSTRAINT uni__tags__name UNIQUE (name),
|
||||
CONSTRAINT chk__tags__color_hex
|
||||
CHECK (color IS NULL OR color ~* '^[A-Fa-f0-9]{6}$')
|
||||
);
|
||||
|
||||
-- Tag rules (when when_tag is added to a file, then_tag is also added)
|
||||
CREATE TABLE data.tag_rules (
|
||||
when_tag_id uuid NOT NULL REFERENCES data.tags(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
then_tag_id uuid NOT NULL REFERENCES data.tags(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
is_active boolean NOT NULL DEFAULT true,
|
||||
|
||||
PRIMARY KEY (when_tag_id, then_tag_id)
|
||||
);
|
||||
|
||||
-- Files
|
||||
CREATE TABLE data.files (
|
||||
id uuid NOT NULL DEFAULT public.uuid_v7() PRIMARY KEY,
|
||||
original_name varchar(256), -- original filename at upload time
|
||||
mime_id smallint NOT NULL REFERENCES core.mime_types(id)
|
||||
ON UPDATE CASCADE ON DELETE RESTRICT,
|
||||
content_datetime timestamptz NOT NULL DEFAULT clock_timestamp(), -- content datetime (e.g. photo taken)
|
||||
notes text,
|
||||
metadata jsonb, -- user-editable key-value data
|
||||
exif jsonb NOT NULL DEFAULT '{}'::jsonb, -- EXIF data extracted at upload (immutable)
|
||||
phash bigint, -- perceptual hash for duplicate detection (future)
|
||||
creator_id smallint NOT NULL REFERENCES core.users(id)
|
||||
ON UPDATE CASCADE ON DELETE RESTRICT,
|
||||
is_public boolean NOT NULL DEFAULT false,
|
||||
is_deleted boolean NOT NULL DEFAULT false -- soft delete (trash)
|
||||
);
|
||||
|
||||
-- File ↔ Tag (many-to-many)
|
||||
CREATE TABLE data.file_tag (
|
||||
file_id uuid NOT NULL REFERENCES data.files(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
tag_id uuid NOT NULL REFERENCES data.tags(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
|
||||
PRIMARY KEY (file_id, tag_id)
|
||||
);
|
||||
|
||||
-- Pools (ordered collections of files)
|
||||
CREATE TABLE data.pools (
|
||||
id uuid NOT NULL DEFAULT public.uuid_v7() PRIMARY KEY,
|
||||
name varchar(256) NOT NULL,
|
||||
notes text,
|
||||
metadata jsonb,
|
||||
creator_id smallint NOT NULL REFERENCES core.users(id)
|
||||
ON UPDATE CASCADE ON DELETE RESTRICT,
|
||||
is_public boolean NOT NULL DEFAULT false,
|
||||
|
||||
CONSTRAINT uni__pools__name UNIQUE (name)
|
||||
);
|
||||
|
||||
-- File ↔ Pool (many-to-many, with ordering)
|
||||
-- `position` uses integer with gaps (e.g. 1000, 2000, 3000) to allow
|
||||
-- insertions without renumbering. Compact when gaps get too small.
|
||||
CREATE TABLE data.file_pool (
|
||||
file_id uuid NOT NULL REFERENCES data.files(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
pool_id uuid NOT NULL REFERENCES data.pools(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
position integer NOT NULL DEFAULT 0,
|
||||
|
||||
PRIMARY KEY (file_id, pool_id)
|
||||
);
|
||||
|
||||
-- =============================================================================
|
||||
-- SCHEMA: acl
|
||||
-- =============================================================================
|
||||
|
||||
-- Granular permissions
|
||||
-- If is_public=true on the object, it is accessible to everyone (ACL ignored).
|
||||
-- If is_public=false, only creator and users with can_view=true see it.
|
||||
-- Admins bypass all ACL checks.
|
||||
CREATE TABLE acl.permissions (
|
||||
user_id smallint NOT NULL REFERENCES core.users(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
object_type_id smallint NOT NULL REFERENCES core.object_types(id)
|
||||
ON UPDATE CASCADE ON DELETE RESTRICT,
|
||||
object_id uuid NOT NULL,
|
||||
can_view boolean NOT NULL DEFAULT true,
|
||||
can_edit boolean NOT NULL DEFAULT false,
|
||||
|
||||
PRIMARY KEY (user_id, object_type_id, object_id)
|
||||
);
|
||||
|
||||
-- =============================================================================
|
||||
-- SCHEMA: activity
|
||||
-- =============================================================================
|
||||
|
||||
-- Action types (reference table for audit log)
|
||||
CREATE TABLE activity.action_types (
|
||||
id smallint GENERATED ALWAYS AS IDENTITY PRIMARY KEY,
|
||||
name varchar(64) NOT NULL,
|
||||
|
||||
CONSTRAINT uni__action_types__name UNIQUE (name)
|
||||
);
|
||||
|
||||
-- Sessions
|
||||
CREATE TABLE activity.sessions (
|
||||
id integer GENERATED ALWAYS AS IDENTITY PRIMARY KEY,
|
||||
token_hash text NOT NULL, -- hashed session token
|
||||
user_id smallint NOT NULL REFERENCES core.users(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
user_agent varchar(256) NOT NULL,
|
||||
started_at timestamptz NOT NULL DEFAULT statement_timestamp(),
|
||||
expires_at timestamptz,
|
||||
last_activity timestamptz NOT NULL DEFAULT statement_timestamp(),
|
||||
|
||||
CONSTRAINT uni__sessions__token_hash UNIQUE (token_hash)
|
||||
);
|
||||
|
||||
-- File views (analytics)
|
||||
CREATE TABLE activity.file_views (
|
||||
file_id uuid NOT NULL REFERENCES data.files(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
user_id smallint NOT NULL REFERENCES core.users(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
viewed_at timestamptz NOT NULL DEFAULT statement_timestamp(),
|
||||
|
||||
PRIMARY KEY (file_id, viewed_at, user_id)
|
||||
);
|
||||
|
||||
-- Pool views (analytics)
|
||||
CREATE TABLE activity.pool_views (
|
||||
pool_id uuid NOT NULL REFERENCES data.pools(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
user_id smallint NOT NULL REFERENCES core.users(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
viewed_at timestamptz NOT NULL DEFAULT statement_timestamp(),
|
||||
|
||||
PRIMARY KEY (pool_id, viewed_at, user_id)
|
||||
);
|
||||
|
||||
-- Tag usage tracking (when tag is used as filter)
|
||||
CREATE TABLE activity.tag_uses (
|
||||
tag_id uuid NOT NULL REFERENCES data.tags(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
user_id smallint NOT NULL REFERENCES core.users(id)
|
||||
ON UPDATE CASCADE ON DELETE CASCADE,
|
||||
used_at timestamptz NOT NULL DEFAULT statement_timestamp(),
|
||||
is_included boolean NOT NULL, -- true=included in filter, false=excluded
|
||||
|
||||
PRIMARY KEY (tag_id, used_at, user_id)
|
||||
);
|
||||
|
||||
-- Audit log (unified journal for all user actions)
|
||||
CREATE TABLE activity.audit_log (
|
||||
id bigint GENERATED ALWAYS AS IDENTITY PRIMARY KEY,
|
||||
user_id smallint NOT NULL REFERENCES core.users(id)
|
||||
ON UPDATE CASCADE ON DELETE RESTRICT,
|
||||
action_type_id smallint NOT NULL REFERENCES activity.action_types(id)
|
||||
ON UPDATE CASCADE ON DELETE RESTRICT,
|
||||
object_type_id smallint REFERENCES core.object_types(id)
|
||||
ON UPDATE CASCADE ON DELETE RESTRICT,
|
||||
object_id uuid,
|
||||
details jsonb, -- action-specific payload
|
||||
performed_at timestamptz NOT NULL DEFAULT statement_timestamp()
|
||||
);
|
||||
|
||||
-- =============================================================================
|
||||
-- SEED DATA
|
||||
-- =============================================================================
|
||||
|
||||
-- Object types
|
||||
INSERT INTO core.object_types (name) VALUES
|
||||
('file'), ('tag'), ('category'), ('pool');
|
||||
|
||||
-- Action types
|
||||
INSERT INTO activity.action_types (name) VALUES
|
||||
-- Auth
|
||||
('user_login'), ('user_logout'),
|
||||
-- Files
|
||||
('file_create'), ('file_edit'), ('file_delete'), ('file_restore'),
|
||||
('file_permanent_delete'), ('file_replace'),
|
||||
-- Tags
|
||||
('tag_create'), ('tag_edit'), ('tag_delete'),
|
||||
-- Categories
|
||||
('category_create'), ('category_edit'), ('category_delete'),
|
||||
-- Pools
|
||||
('pool_create'), ('pool_edit'), ('pool_delete'),
|
||||
-- Relations
|
||||
('file_tag_add'), ('file_tag_remove'),
|
||||
('file_pool_add'), ('file_pool_remove'),
|
||||
-- ACL
|
||||
('acl_change'),
|
||||
-- Admin
|
||||
('user_create'), ('user_delete'), ('user_block'), ('user_unblock'),
|
||||
('user_role_change'),
|
||||
-- Sessions
|
||||
('session_terminate');
|
||||
|
||||
-- =============================================================================
|
||||
-- INDEXES
|
||||
-- =============================================================================
|
||||
|
||||
-- core
|
||||
CREATE INDEX idx__users__name ON core.users USING hash (name);
|
||||
|
||||
-- data.categories
|
||||
CREATE INDEX idx__categories__creator_id ON data.categories USING hash (creator_id);
|
||||
|
||||
-- data.tags
|
||||
CREATE INDEX idx__tags__category_id ON data.tags USING hash (category_id);
|
||||
CREATE INDEX idx__tags__creator_id ON data.tags USING hash (creator_id);
|
||||
|
||||
-- data.tag_rules
|
||||
CREATE INDEX idx__tag_rules__when ON data.tag_rules USING hash (when_tag_id);
|
||||
CREATE INDEX idx__tag_rules__then ON data.tag_rules USING hash (then_tag_id);
|
||||
|
||||
-- data.files
|
||||
CREATE INDEX idx__files__mime_id ON data.files USING hash (mime_id);
|
||||
CREATE INDEX idx__files__creator_id ON data.files USING hash (creator_id);
|
||||
CREATE INDEX idx__files__content_datetime ON data.files USING btree (content_datetime DESC NULLS LAST);
|
||||
CREATE INDEX idx__files__is_deleted ON data.files USING btree (is_deleted) WHERE is_deleted = true;
|
||||
CREATE INDEX idx__files__phash ON data.files USING btree (phash) WHERE phash IS NOT NULL;
|
||||
|
||||
-- data.file_tag
|
||||
CREATE INDEX idx__file_tag__tag_id ON data.file_tag USING hash (tag_id);
|
||||
CREATE INDEX idx__file_tag__file_id ON data.file_tag USING hash (file_id);
|
||||
|
||||
-- data.pools
|
||||
CREATE INDEX idx__pools__creator_id ON data.pools USING hash (creator_id);
|
||||
|
||||
-- data.file_pool
|
||||
CREATE INDEX idx__file_pool__pool_id ON data.file_pool USING hash (pool_id);
|
||||
CREATE INDEX idx__file_pool__file_id ON data.file_pool USING hash (file_id);
|
||||
|
||||
-- acl.permissions
|
||||
CREATE INDEX idx__acl__object ON acl.permissions USING btree (object_type_id, object_id);
|
||||
CREATE INDEX idx__acl__user ON acl.permissions USING hash (user_id);
|
||||
|
||||
-- activity.sessions
|
||||
CREATE INDEX idx__sessions__user_id ON activity.sessions USING hash (user_id);
|
||||
CREATE INDEX idx__sessions__token_hash ON activity.sessions USING hash (token_hash);
|
||||
|
||||
-- activity.file_views
|
||||
CREATE INDEX idx__file_views__user_id ON activity.file_views USING hash (user_id);
|
||||
|
||||
-- activity.pool_views
|
||||
CREATE INDEX idx__pool_views__user_id ON activity.pool_views USING hash (user_id);
|
||||
|
||||
-- activity.tag_uses
|
||||
CREATE INDEX idx__tag_uses__user_id ON activity.tag_uses USING hash (user_id);
|
||||
|
||||
-- activity.audit_log
|
||||
CREATE INDEX idx__audit_log__user_id ON activity.audit_log USING hash (user_id);
|
||||
CREATE INDEX idx__audit_log__action_type_id ON activity.audit_log USING hash (action_type_id);
|
||||
CREATE INDEX idx__audit_log__object ON activity.audit_log USING btree (object_type_id, object_id)
|
||||
WHERE object_id IS NOT NULL;
|
||||
CREATE INDEX idx__audit_log__performed_at ON activity.audit_log USING btree (performed_at DESC);
|
||||
|
||||
-- =============================================================================
|
||||
-- COMMENTS
|
||||
-- =============================================================================
|
||||
|
||||
COMMENT ON TABLE core.users IS 'Application users';
|
||||
COMMENT ON TABLE core.mime_types IS 'Whitelist of supported MIME types';
|
||||
COMMENT ON TABLE core.object_types IS 'Reference: entity types for ACL and audit log';
|
||||
COMMENT ON TABLE data.categories IS 'Logical grouping of tags';
|
||||
COMMENT ON TABLE data.tags IS 'File labels/tags';
|
||||
COMMENT ON TABLE data.tag_rules IS 'Auto-tagging rules: when when_tag is assigned, then_tag follows';
|
||||
COMMENT ON TABLE data.files IS 'Managed files; actual content stored on disk as {id}.{ext}';
|
||||
COMMENT ON TABLE data.file_tag IS 'Many-to-many: files <-> tags';
|
||||
COMMENT ON TABLE data.pools IS 'Ordered collections of files';
|
||||
COMMENT ON TABLE data.file_pool IS 'Many-to-many: files <-> pools, with ordering';
|
||||
COMMENT ON TABLE acl.permissions IS 'Per-object permissions (used when is_public=false)';
|
||||
COMMENT ON TABLE activity.action_types IS 'Reference: types of auditable user actions';
|
||||
COMMENT ON TABLE activity.sessions IS 'Active user sessions';
|
||||
COMMENT ON TABLE activity.file_views IS 'File view history';
|
||||
COMMENT ON TABLE activity.pool_views IS 'Pool view history';
|
||||
COMMENT ON TABLE activity.tag_uses IS 'Tag usage in filters';
|
||||
COMMENT ON TABLE activity.audit_log IS 'Unified audit trail for all user actions';
|
||||
|
||||
COMMENT ON COLUMN data.files.original_name IS 'Original filename at upload time';
|
||||
COMMENT ON COLUMN data.files.content_datetime IS 'Content datetime (e.g. when photo was taken); falls back to EXIF DateTimeOriginal';
|
||||
COMMENT ON COLUMN data.files.metadata IS 'User-editable key-value metadata';
|
||||
COMMENT ON COLUMN data.files.exif IS 'EXIF data extracted at upload time (immutable, system-managed)';
|
||||
COMMENT ON COLUMN data.files.phash IS 'Perceptual hash for image/video duplicate detection';
|
||||
COMMENT ON COLUMN data.files.is_deleted IS 'Soft-deleted files (trash); true = in recycle bin';
|
||||
COMMENT ON COLUMN data.file_pool.position IS 'Manual ordering within pool; uses gapped integers';
|
||||
@@ -0,0 +1,178 @@
|
||||
#!../venv/bin/python3
|
||||
|
||||
import telebot
|
||||
import sys
|
||||
import os
|
||||
import atexit
|
||||
import signal
|
||||
from time import sleep
|
||||
from socket import getaddrinfo
|
||||
from requests import get
|
||||
from subprocess import check_output
|
||||
import logging as log
|
||||
from json import loads as ljson
|
||||
from datetime import datetime
|
||||
import pytz
|
||||
|
||||
sys.path.append(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
|
||||
import api.tfm_api as tfm_api
|
||||
|
||||
# set logger
|
||||
log.basicConfig(
|
||||
level=log.INFO,
|
||||
filename="/var/log/tfm/tfm-tb.log",
|
||||
filemode="a",
|
||||
format="%(asctime)s | %(threadName)s | %(levelname)s | %(message)s"
|
||||
)
|
||||
|
||||
# actions to do on exit
|
||||
exit_actions = []
|
||||
defer = exit_actions.append
|
||||
def finalize(*args):
|
||||
exec('\n'.join(exit_actions))
|
||||
os._exit(0)
|
||||
atexit.register(finalize)
|
||||
signal.signal(signal.SIGTERM, finalize)
|
||||
signal.signal(signal.SIGINT, finalize)
|
||||
|
||||
# initialize TFM API
|
||||
try:
|
||||
tfm_api.Initialize()
|
||||
tfm = tfm_api.TSession("af6dde9b-7be1-46f2-872e-9a06ce3d3358")
|
||||
except Exception as e:
|
||||
log.critical(f"failed to initialize TFM API: {str(e)}")
|
||||
exit(1)
|
||||
|
||||
# initialize bot
|
||||
tfm_tb = telebot.TeleBot(tfm_api.conf["Telebot"]["Token"])
|
||||
|
||||
TZ = pytz.timezone("Europe/Moscow")
|
||||
|
||||
|
||||
# check if user is authorized and if chat exists in db
|
||||
def check_chat(message):
|
||||
return message.from_user.id == 924090228
|
||||
|
||||
|
||||
# file handler
|
||||
@tfm_tb.message_handler(content_types=['document', 'photo', 'audio', 'video', 'voice', 'animation'])
|
||||
def file_handler(message):
|
||||
if not check_chat(message):
|
||||
return
|
||||
notes = None
|
||||
orig_name = None
|
||||
if message.forward_from_chat:
|
||||
notes = f"Telegram origin: \"{message.forward_from_chat.title}\" ({message.forward_from_chat.username})"
|
||||
if message.photo:
|
||||
fname = f"{message.photo[-1].file_unique_id}"
|
||||
log.info(f"got photo '{fname}'")
|
||||
file_info = tfm_tb.get_file(message.photo[-1].file_id)
|
||||
file_path = os.path.join(tfm_api.conf["Telebot"]["SaveFolder"], fname)
|
||||
with open(file_path, 'wb') as f:
|
||||
f.write(tfm_tb.download_file(file_info.file_path))
|
||||
elif message.video:
|
||||
fname = f"{message.video.file_unique_id}"
|
||||
log.info(f"got video '{fname}'")
|
||||
file_info = tfm_tb.get_file(message.video.file_id)
|
||||
file_path = os.path.join(tfm_api.conf["Telebot"]["SaveFolder"], fname)
|
||||
with open(file_path, 'wb') as f:
|
||||
f.write(tfm_tb.download_file(file_info.file_path))
|
||||
else:
|
||||
file = None
|
||||
if message.document:
|
||||
file = message.document
|
||||
elif message.animation:
|
||||
file = message.animation
|
||||
else:
|
||||
tfm_tb.reply_to(message, "Unsupported file type.")
|
||||
return
|
||||
log.info(f"got file '{file.file_name}'")
|
||||
orig_name = file.file_name
|
||||
file_info = tfm_tb.get_file(file.file_id)
|
||||
file_path = os.path.join(tfm_api.conf["Telebot"]["SaveFolder"], f"{file.file_unique_id}")
|
||||
try:
|
||||
with open(file_path, 'wb') as f:
|
||||
f.write(tfm_tb.download_file(file_info.file_path))
|
||||
log.info(f"downloaded file '{file_path}'")
|
||||
exif = ljson(os.popen(f"exiftool -json \"{file_path}\"").read())[0]
|
||||
dt = exif["FileModifyDate"]
|
||||
if "SubSecCreateDate" in exif.keys():
|
||||
dt = exif["SubSecCreateDate"]
|
||||
if '.' in dt:
|
||||
dt = datetime.strptime(dt, "%Y:%m:%d %H:%M:%S.%f%z")
|
||||
else:
|
||||
dt = datetime.strptime(dt, "%Y:%m:%d %H:%M:%S%z")
|
||||
file_id, ext = tfm.add_file(file_path, dt, notes, orig_name=orig_name)
|
||||
tfm.add_file_to_tag(file_id, "d6d8129a-984d-4451-8c83-d04523ced8a8")
|
||||
except Exception as e:
|
||||
tfm_tb.reply_to(message, "Error: %s" % str(e).split('\n')[0])
|
||||
log.info(f"Error: %s" % str(e).split('\n')[0])
|
||||
os.remove(file_path)
|
||||
log.info(f"removed file '{file_path}'")
|
||||
else:
|
||||
tfm_tb.reply_to(message, "File saved.")
|
||||
log.info(f"imported file '{file_path}'")
|
||||
|
||||
|
||||
# folder scanner
|
||||
@tfm_tb.message_handler(commands=['scan'])
|
||||
def scan(message):
|
||||
tfm_tb.reply_to(message, "Scanning...")
|
||||
log.info("Scanning...")
|
||||
scan_dir = "/srv/share/hfs/misc/tfm_temp/scan"
|
||||
files = []
|
||||
for file in os.listdir(scan_dir):
|
||||
new_file = {"name": file}
|
||||
file = os.path.join(scan_dir, file)
|
||||
if not os.path.isfile(file):
|
||||
continue
|
||||
new_file["path"] = file
|
||||
try:
|
||||
exif = ljson(os.popen(f"exiftool -json \"{file}\"").read())[0]
|
||||
except Exception as e:
|
||||
log.error("Error while parsing EXIF for file '%s': %s" % (file, e))
|
||||
continue
|
||||
dt = exif["FileModifyDate"]
|
||||
if "SubSecDateTimeOriginal" in exif.keys():
|
||||
dt = exif["SubSecDateTimeOriginal"]
|
||||
elif "DateTimeOriginal" in exif.keys():
|
||||
dt = exif["DateTimeOriginal"]
|
||||
if '.' in dt:
|
||||
try:
|
||||
dt = datetime.strptime(dt, "%Y:%m:%d %H:%M:%S.%f%z")
|
||||
except:
|
||||
dt = TZ.localize(datetime.strptime(dt, "%Y:%m:%d %H:%M:%S.%f"))
|
||||
else:
|
||||
try:
|
||||
try:
|
||||
dt = datetime.strptime(dt, "%Y:%m:%d %H:%M:%S%z")
|
||||
except:
|
||||
dt = TZ.localize(datetime.strptime(dt[:19], "%Y:%m:%d %H:%M:%S"))
|
||||
except:
|
||||
log.error("Broken date: %s\t%s" % (new_file, dt))
|
||||
continue
|
||||
new_file["datetime"] = dt
|
||||
files.append(new_file)
|
||||
tfm_tb.reply_to(message, f"{len(files)} files found.")
|
||||
log.info(f"{len(files)} files found.")
|
||||
files.sort(key=lambda f: f["datetime"])
|
||||
for file in files:
|
||||
try:
|
||||
file_id, ext = tfm.add_file(file["path"], file["datetime"])
|
||||
tfm.add_file_to_tag(file_id, "d6d8129a-984d-4451-8c83-d04523ced8a8")
|
||||
except Exception as e:
|
||||
tfm_tb.reply_to(message, f"Error adding file '{file['name']}': {str(e)}")
|
||||
log.error(f"Error adding file '{file['name']}': {str(e)}")
|
||||
tfm_tb.reply_to(message, "Files added.")
|
||||
log.info("Files added.")
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
log.info("tfm-tb started")
|
||||
defer("log.info(\"tfm-tb stopped\")")
|
||||
while True:
|
||||
try:
|
||||
tfm_tb.polling(none_stop=True)
|
||||
except Exception as e:
|
||||
log.exception("exception on polling")
|
||||
sleep(1)
|
||||
@@ -1,383 +0,0 @@
|
||||
# Tanabata File Manager — Frontend Structure
|
||||
|
||||
## Stack
|
||||
|
||||
- **Framework**: SvelteKit (SPA mode, `ssr: false`)
|
||||
- **Language**: TypeScript
|
||||
- **CSS**: Tailwind CSS + CSS custom properties (hybrid)
|
||||
- **API types**: Auto-generated via openapi-typescript
|
||||
- **PWA**: Service worker + web manifest
|
||||
- **Font**: Epilogue (variable weight)
|
||||
- **Package manager**: npm
|
||||
|
||||
## Monorepo Layout
|
||||
|
||||
```
|
||||
tanabata/
|
||||
├── backend/ ← Go project (go.mod in here)
|
||||
│ ├── cmd/
|
||||
│ ├── internal/
|
||||
│ ├── migrations/
|
||||
│ ├── go.mod
|
||||
│ └── go.sum
|
||||
│
|
||||
├── frontend/ ← SvelteKit project (package.json in here)
|
||||
│ └── (see below)
|
||||
│
|
||||
├── openapi.yaml ← Shared API contract (root level)
|
||||
├── docker-compose.yml
|
||||
├── Dockerfile
|
||||
├── .env.example
|
||||
└── README.md
|
||||
```
|
||||
|
||||
`openapi.yaml` lives at repository root — both backend and frontend
|
||||
reference it. The frontend generates types from it; the backend
|
||||
validates its handlers against it.
|
||||
|
||||
## Frontend Directory Layout
|
||||
|
||||
```
|
||||
frontend/
|
||||
├── package.json
|
||||
├── svelte.config.js
|
||||
├── vite.config.ts
|
||||
├── tsconfig.json
|
||||
├── tailwind.config.ts
|
||||
├── postcss.config.js
|
||||
│
|
||||
├── src/
|
||||
│ ├── app.html # Shell HTML (PWA meta, font preload)
|
||||
│ ├── app.css # Tailwind directives + CSS custom properties
|
||||
│ ├── hooks.server.ts # Server hooks (not used in SPA mode)
|
||||
│ ├── hooks.client.ts # Client hooks (global error handling)
|
||||
│ │
|
||||
│ ├── lib/ # Shared code ($lib/ alias)
|
||||
│ │ │
|
||||
│ │ ├── api/ # API client layer
|
||||
│ │ │ ├── client.ts # Base fetch wrapper: auth headers, token refresh,
|
||||
│ │ │ │ # error parsing, base URL
|
||||
│ │ │ ├── files.ts # listFiles, getFile, uploadFile, deleteFile, etc.
|
||||
│ │ │ ├── tags.ts # listTags, createTag, getTag, updateTag, etc.
|
||||
│ │ │ ├── categories.ts # Category API functions
|
||||
│ │ │ ├── pools.ts # Pool API functions
|
||||
│ │ │ ├── auth.ts # login, logout, refresh, listSessions
|
||||
│ │ │ ├── acl.ts # getPermissions, setPermissions
|
||||
│ │ │ ├── users.ts # getMe, updateMe, admin user CRUD
|
||||
│ │ │ ├── audit.ts # queryAuditLog
|
||||
│ │ │ ├── schema.ts # AUTO-GENERATED from openapi.yaml (do not edit)
|
||||
│ │ │ └── types.ts # Friendly type aliases:
|
||||
│ │ │ # export type File = components["schemas"]["File"]
|
||||
│ │ │ # export type Tag = components["schemas"]["Tag"]
|
||||
│ │ │
|
||||
│ │ ├── components/ # Reusable UI components
|
||||
│ │ │ │
|
||||
│ │ │ ├── layout/ # App shell
|
||||
│ │ │ │ ├── Navbar.svelte # Bottom navigation bar (mobile-first)
|
||||
│ │ │ │ ├── Header.svelte # Section header with sorting controls
|
||||
│ │ │ │ ├── SelectionBar.svelte # Floating bar for multi-select actions
|
||||
│ │ │ │ └── Loader.svelte # Full-screen loading overlay
|
||||
│ │ │ │
|
||||
│ │ │ ├── file/ # File-related components
|
||||
│ │ │ │ ├── FileGrid.svelte # Thumbnail grid with infinite scroll
|
||||
│ │ │ │ ├── FileCard.svelte # Single thumbnail (160×160, selectable)
|
||||
│ │ │ │ ├── FileViewer.svelte # Full-screen preview with prev/next navigation
|
||||
│ │ │ │ ├── FileUpload.svelte # Upload form + drag-and-drop zone
|
||||
│ │ │ │ ├── FileDetail.svelte # Metadata editor (notes, datetime, tags)
|
||||
│ │ │ │ └── FilterBar.svelte # DSL filter builder UI
|
||||
│ │ │ │
|
||||
│ │ │ ├── tag/ # Tag-related components
|
||||
│ │ │ │ ├── TagBadge.svelte # Colored pill with tag name
|
||||
│ │ │ │ ├── TagPicker.svelte # Searchable tag selector (add/remove)
|
||||
│ │ │ │ ├── TagList.svelte # Tag grid for section view
|
||||
│ │ │ │ └── TagRuleEditor.svelte # Auto-tag rule management
|
||||
│ │ │ │
|
||||
│ │ │ ├── pool/ # Pool-related components
|
||||
│ │ │ │ ├── PoolCard.svelte # Pool preview card
|
||||
│ │ │ │ ├── PoolFileList.svelte # Ordered file list with drag reorder
|
||||
│ │ │ │ └── PoolDetail.svelte # Pool metadata editor
|
||||
│ │ │ │
|
||||
│ │ │ ├── acl/ # Access control components
|
||||
│ │ │ │ └── PermissionEditor.svelte # User permission grid
|
||||
│ │ │ │
|
||||
│ │ │ └── common/ # Shared primitives
|
||||
│ │ │ ├── Button.svelte
|
||||
│ │ │ ├── Modal.svelte
|
||||
│ │ │ ├── ConfirmDialog.svelte
|
||||
│ │ │ ├── Toast.svelte
|
||||
│ │ │ ├── InfiniteScroll.svelte
|
||||
│ │ │ ├── Pagination.svelte
|
||||
│ │ │ ├── SortDropdown.svelte
|
||||
│ │ │ ├── SearchInput.svelte
|
||||
│ │ │ ├── ColorPicker.svelte
|
||||
│ │ │ ├── Checkbox.svelte # Three-state: checked, unchecked, partial
|
||||
│ │ │ └── EmptyState.svelte
|
||||
│ │ │
|
||||
│ │ ├── stores/ # Svelte stores (global state)
|
||||
│ │ │ ├── auth.ts # Current user, JWT tokens, isAuthenticated
|
||||
│ │ │ ├── selection.ts # Selected item IDs, selection mode toggle
|
||||
│ │ │ ├── sorting.ts # Per-section sort key + order (persisted to localStorage)
|
||||
│ │ │ ├── theme.ts # Dark/light mode (persisted, respects prefers-color-scheme)
|
||||
│ │ │ └── toast.ts # Notification queue (success, error, info)
|
||||
│ │ │
|
||||
│ │ └── utils/ # Pure helper functions
|
||||
│ │ ├── format.ts # formatDate, formatFileSize, formatDuration
|
||||
│ │ ├── dsl.ts # Filter DSL builder: UI state → query string
|
||||
│ │ ├── pwa.ts # PWA reset, cache clear, update prompt
|
||||
│ │ └── keyboard.ts # Keyboard shortcut helpers (Ctrl+A, Escape, etc.)
|
||||
│ │
|
||||
│ ├── routes/ # SvelteKit file-based routing
|
||||
│ │ │
|
||||
│ │ ├── +layout.svelte # Root layout: Navbar, theme wrapper, toast container
|
||||
│ │ ├── +layout.ts # Root load: auth guard → redirect to /login if no token
|
||||
│ │ │
|
||||
│ │ ├── +page.svelte # / → redirect to /files
|
||||
│ │ │
|
||||
│ │ ├── login/
|
||||
│ │ │ └── +page.svelte # Login form (decorative Tanabata images)
|
||||
│ │ │
|
||||
│ │ ├── files/
|
||||
│ │ │ ├── +page.svelte # File grid: filter bar, sort, multi-select, upload
|
||||
│ │ │ ├── +page.ts # Load: initial file list (cursor page)
|
||||
│ │ │ ├── [id]/
|
||||
│ │ │ │ ├── +page.svelte # File view: preview, metadata, tags, ACL
|
||||
│ │ │ │ └── +page.ts # Load: file detail + tags
|
||||
│ │ │ └── trash/
|
||||
│ │ │ ├── +page.svelte # Trash: restore / permanent delete
|
||||
│ │ │ └── +page.ts
|
||||
│ │ │
|
||||
│ │ ├── tags/
|
||||
│ │ │ ├── +page.svelte # Tag list: search, sort, multi-select
|
||||
│ │ │ ├── +page.ts
|
||||
│ │ │ ├── new/
|
||||
│ │ │ │ └── +page.svelte # Create tag form
|
||||
│ │ │ └── [id]/
|
||||
│ │ │ ├── +page.svelte # Tag detail: edit, category, rules, parent tags
|
||||
│ │ │ └── +page.ts
|
||||
│ │ │
|
||||
│ │ ├── categories/
|
||||
│ │ │ ├── +page.svelte # Category list
|
||||
│ │ │ ├── +page.ts
|
||||
│ │ │ ├── new/
|
||||
│ │ │ │ └── +page.svelte
|
||||
│ │ │ └── [id]/
|
||||
│ │ │ ├── +page.svelte # Category detail: edit, view tags
|
||||
│ │ │ └── +page.ts
|
||||
│ │ │
|
||||
│ │ ├── pools/
|
||||
│ │ │ ├── +page.svelte # Pool list
|
||||
│ │ │ ├── +page.ts
|
||||
│ │ │ ├── new/
|
||||
│ │ │ │ └── +page.svelte
|
||||
│ │ │ └── [id]/
|
||||
│ │ │ ├── +page.svelte # Pool detail: files (reorderable), filter, edit
|
||||
│ │ │ └── +page.ts
|
||||
│ │ │
|
||||
│ │ ├── settings/
|
||||
│ │ │ ├── +page.svelte # Profile: name, password, active sessions
|
||||
│ │ │ └── +page.ts
|
||||
│ │ │
|
||||
│ │ └── admin/
|
||||
│ │ ├── +layout.svelte # Admin layout: restrict to is_admin
|
||||
│ │ ├── users/
|
||||
│ │ │ ├── +page.svelte # User management list
|
||||
│ │ │ ├── +page.ts
|
||||
│ │ │ └── [id]/
|
||||
│ │ │ ├── +page.svelte # User detail: role, block/unblock
|
||||
│ │ │ └── +page.ts
|
||||
│ │ └── audit/
|
||||
│ │ ├── +page.svelte # Audit log with filters
|
||||
│ │ └── +page.ts
|
||||
│ │
|
||||
│ └── service-worker.ts # PWA: offline cache for pinned files, app shell caching
|
||||
│
|
||||
└── static/
|
||||
├── favicon.png
|
||||
├── favicon.ico
|
||||
├── manifest.webmanifest # PWA manifest (name, icons, theme_color)
|
||||
├── images/
|
||||
│ ├── tanabata-left.png # Login page decorations (from current design)
|
||||
│ ├── tanabata-right.png
|
||||
│ └── icons/ # PWA icons (192×192, 512×512, etc.)
|
||||
└── fonts/
|
||||
└── Epilogue-VariableFont_wght.ttf
|
||||
```
|
||||
|
||||
## Key Architecture Decisions
|
||||
|
||||
### CSS Hybrid: Tailwind + Custom Properties
|
||||
|
||||
Theme colors defined as CSS custom properties in `app.css`:
|
||||
|
||||
```css
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
:root {
|
||||
--color-bg-primary: #312F45;
|
||||
--color-bg-secondary: #181721;
|
||||
--color-bg-elevated: #111118;
|
||||
--color-accent: #9592B5;
|
||||
--color-accent-hover: #7D7AA4;
|
||||
--color-text-primary: #f0f0f0;
|
||||
--color-text-muted: #9999AD;
|
||||
--color-danger: #DB6060;
|
||||
--color-info: #4DC7ED;
|
||||
--color-warning: #F5E872;
|
||||
--color-tag-default: #444455;
|
||||
}
|
||||
|
||||
:root[data-theme="light"] {
|
||||
--color-bg-primary: #f5f5f5;
|
||||
--color-bg-secondary: #ffffff;
|
||||
/* ... */
|
||||
}
|
||||
```
|
||||
|
||||
Tailwind references them in `tailwind.config.ts`:
|
||||
|
||||
```ts
|
||||
export default {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
bg: {
|
||||
primary: 'var(--color-bg-primary)',
|
||||
secondary: 'var(--color-bg-secondary)',
|
||||
elevated: 'var(--color-bg-elevated)',
|
||||
},
|
||||
accent: {
|
||||
DEFAULT: 'var(--color-accent)',
|
||||
hover: 'var(--color-accent-hover)',
|
||||
},
|
||||
// ...
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ['Epilogue', 'sans-serif'],
|
||||
},
|
||||
},
|
||||
},
|
||||
darkMode: 'class', // controlled via data-theme attribute
|
||||
};
|
||||
```
|
||||
|
||||
Usage in components: `<div class="bg-bg-primary text-text-primary rounded-xl p-4">`.
|
||||
Complex cases use scoped `<style>` inside `.svelte` files.
|
||||
|
||||
### API Client Pattern
|
||||
|
||||
`client.ts` — thin wrapper around fetch:
|
||||
|
||||
```ts
|
||||
// $lib/api/client.ts
|
||||
import { authStore } from '$lib/stores/auth';
|
||||
|
||||
const BASE = '/api/v1';
|
||||
|
||||
async function request<T>(path: string, init?: RequestInit): Promise<T> {
|
||||
const token = get(authStore).accessToken;
|
||||
const res = await fetch(BASE + path, {
|
||||
...init,
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
...(token && { Authorization: `Bearer ${token}` }),
|
||||
...init?.headers,
|
||||
},
|
||||
});
|
||||
if (res.status === 401) {
|
||||
// attempt refresh, retry once
|
||||
}
|
||||
if (!res.ok) {
|
||||
const err = await res.json();
|
||||
throw new ApiError(res.status, err.code, err.message, err.details);
|
||||
}
|
||||
if (res.status === 204) return undefined as T;
|
||||
return res.json();
|
||||
}
|
||||
|
||||
export const api = {
|
||||
get: <T>(path: string) => request<T>(path),
|
||||
post: <T>(path: string, body?: unknown) =>
|
||||
request<T>(path, { method: 'POST', body: JSON.stringify(body) }),
|
||||
patch: <T>(path: string, body?: unknown) =>
|
||||
request<T>(path, { method: 'PATCH', body: JSON.stringify(body) }),
|
||||
put: <T>(path: string, body?: unknown) =>
|
||||
request<T>(path, { method: 'PUT', body: JSON.stringify(body) }),
|
||||
delete: <T>(path: string) => request<T>(path, { method: 'DELETE' }),
|
||||
upload: <T>(path: string, formData: FormData) =>
|
||||
request<T>(path, { method: 'POST', body: formData, headers: {} }),
|
||||
};
|
||||
```
|
||||
|
||||
Domain-specific modules use it:
|
||||
|
||||
```ts
|
||||
// $lib/api/files.ts
|
||||
import { api } from './client';
|
||||
import type { File, FileCursorPage } from './types';
|
||||
|
||||
export function listFiles(params: Record<string, string>) {
|
||||
const qs = new URLSearchParams(params).toString();
|
||||
return api.get<FileCursorPage>(`/files?${qs}`);
|
||||
}
|
||||
|
||||
export function uploadFile(formData: FormData) {
|
||||
return api.upload<File>('/files', formData);
|
||||
}
|
||||
```
|
||||
|
||||
### Type Generation
|
||||
|
||||
Script in `package.json`:
|
||||
|
||||
```json
|
||||
{
|
||||
"scripts": {
|
||||
"generate:types": "openapi-typescript ../openapi.yaml -o src/lib/api/schema.ts",
|
||||
"dev": "npm run generate:types && vite dev",
|
||||
"build": "npm run generate:types && vite build"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Friendly aliases in `types.ts`:
|
||||
|
||||
```ts
|
||||
import type { components } from './schema';
|
||||
|
||||
export type File = components['schemas']['File'];
|
||||
export type Tag = components['schemas']['Tag'];
|
||||
export type Category = components['schemas']['Category'];
|
||||
export type Pool = components['schemas']['Pool'];
|
||||
export type FileCursorPage = components['schemas']['FileCursorPage'];
|
||||
export type TagOffsetPage = components['schemas']['TagOffsetPage'];
|
||||
export type Error = components['schemas']['Error'];
|
||||
// ...
|
||||
```
|
||||
|
||||
### SPA Mode
|
||||
|
||||
`svelte.config.js`:
|
||||
|
||||
```js
|
||||
import adapter from '@sveltejs/adapter-static';
|
||||
|
||||
export default {
|
||||
kit: {
|
||||
adapter: adapter({ fallback: 'index.html' }),
|
||||
// SPA: all routes handled client-side
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
The Go backend serves `index.html` for all non-API routes (SPA fallback).
|
||||
In development, Vite dev server proxies `/api` to the Go backend.
|
||||
|
||||
### PWA
|
||||
|
||||
`service-worker.ts` handles:
|
||||
- App shell caching (HTML, CSS, JS, fonts)
|
||||
- User-pinned file caching (explicit, via UI button)
|
||||
- Cache versioning and cleanup on update
|
||||
- Reset function (clear all caches except pinned files)
|
||||
@@ -1,320 +0,0 @@
|
||||
# Tanabata File Manager — Go Project Structure
|
||||
|
||||
## Stack
|
||||
|
||||
- **Router**: Gin
|
||||
- **Database**: pgx v5 (pgxpool)
|
||||
- **Migrations**: goose v3 + go:embed (auto-migrate on startup)
|
||||
- **Auth**: JWT (golang-jwt/jwt/v5)
|
||||
- **Config**: environment variables via .env (joho/godotenv)
|
||||
- **Logging**: slog (stdlib, Go 1.21+)
|
||||
- **Validation**: go-playground/validator/v10
|
||||
- **EXIF**: rwcarlsen/goexif or dsoprea/go-exif
|
||||
- **Image processing**: disintegration/imaging (thumbnails, previews)
|
||||
- **Architecture**: Clean Architecture (domain → service → repository/handler)
|
||||
|
||||
## Monorepo Layout
|
||||
|
||||
```
|
||||
tanabata/
|
||||
├── backend/ ← Go project
|
||||
├── frontend/ ← SvelteKit project
|
||||
├── openapi.yaml ← Shared API contract
|
||||
├── docker-compose.yml
|
||||
├── Dockerfile
|
||||
├── .env.example
|
||||
└── README.md
|
||||
```
|
||||
|
||||
## Backend Directory Layout
|
||||
|
||||
```
|
||||
backend/
|
||||
├── cmd/
|
||||
│ └── server/
|
||||
│ └── main.go # Entrypoint: config → DB → migrate → wire → run
|
||||
│
|
||||
├── internal/
|
||||
│ │
|
||||
│ ├── domain/ # Pure business entities & value objects
|
||||
│ │ ├── file.go # File, FileFilter, FilePage
|
||||
│ │ ├── tag.go # Tag, TagRule
|
||||
│ │ ├── category.go # Category
|
||||
│ │ ├── pool.go # Pool, PoolFile
|
||||
│ │ ├── user.go # User, Session
|
||||
│ │ ├── acl.go # Permission, ObjectType
|
||||
│ │ ├── audit.go # AuditEntry, ActionType
|
||||
│ │ └── errors.go # Domain error types (ErrNotFound, ErrForbidden, etc.)
|
||||
│ │
|
||||
│ ├── port/ # Interfaces (ports) — contracts between layers
|
||||
│ │ ├── repository.go # FileRepo, TagRepo, CategoryRepo, PoolRepo,
|
||||
│ │ │ # UserRepo, SessionRepo, ACLRepo, AuditRepo,
|
||||
│ │ │ # MimeRepo, TagRuleRepo
|
||||
│ │ └── storage.go # FileStorage interface (disk operations)
|
||||
│ │
|
||||
│ ├── service/ # Business logic (use cases)
|
||||
│ │ ├── file_service.go # Upload, update, delete, trash/restore, replace,
|
||||
│ │ │ # import, filter/list, duplicate detection
|
||||
│ │ ├── tag_service.go # CRUD + auto-tag application logic
|
||||
│ │ ├── category_service.go # CRUD (thin, delegates to repo + ACL + audit)
|
||||
│ │ ├── pool_service.go # CRUD + file ordering, add/remove files
|
||||
│ │ ├── auth_service.go # Login, logout, JWT issue/refresh, session management
|
||||
│ │ ├── acl_service.go # Permission checks, grant/revoke
|
||||
│ │ ├── audit_service.go # Log actions, query audit log
|
||||
│ │ └── user_service.go # Profile update, admin CRUD, block/unblock
|
||||
│ │
|
||||
│ ├── handler/ # HTTP layer (Gin handlers)
|
||||
│ │ ├── router.go # Route registration, middleware wiring
|
||||
│ │ ├── middleware.go # Auth middleware (JWT extraction → context)
|
||||
│ │ ├── request.go # Common request parsing helpers
|
||||
│ │ ├── response.go # Error/success response builders
|
||||
│ │ ├── file_handler.go # /files endpoints
|
||||
│ │ ├── tag_handler.go # /tags endpoints
|
||||
│ │ ├── category_handler.go # /categories endpoints
|
||||
│ │ ├── pool_handler.go # /pools endpoints
|
||||
│ │ ├── auth_handler.go # /auth endpoints
|
||||
│ │ ├── acl_handler.go # /acl endpoints
|
||||
│ │ ├── user_handler.go # /users endpoints
|
||||
│ │ └── audit_handler.go # /audit endpoints
|
||||
│ │
|
||||
│ ├── db/ # Database adapters
|
||||
│ │ ├── db.go # Common helpers: pagination, repo factory, transactor base
|
||||
│ │ └── postgres/ # PostgreSQL implementation
|
||||
│ │ ├── postgres.go # pgxpool init, tx-from-context helpers
|
||||
│ │ ├── file_repo.go # FileRepo implementation
|
||||
│ │ ├── tag_repo.go # TagRepo + TagRuleRepo implementation
|
||||
│ │ ├── category_repo.go # CategoryRepo implementation
|
||||
│ │ ├── pool_repo.go # PoolRepo implementation
|
||||
│ │ ├── user_repo.go # UserRepo implementation
|
||||
│ │ ├── session_repo.go # SessionRepo implementation
|
||||
│ │ ├── acl_repo.go # ACLRepo implementation
|
||||
│ │ ├── audit_repo.go # AuditRepo implementation
|
||||
│ │ ├── mime_repo.go # MimeRepo implementation
|
||||
│ │ └── filter_parser.go # DSL → SQL WHERE clause builder
|
||||
│ │
|
||||
│ ├── storage/ # File storage adapter
|
||||
│ │ └── disk.go # FileStorage implementation (read/write/delete on disk)
|
||||
│ │
|
||||
│ └── config/ # Configuration
|
||||
│ └── config.go # Struct + loader from env vars
|
||||
│
|
||||
├── migrations/ # SQL migration files (goose format)
|
||||
│ ├── 001_init_schemas.sql
|
||||
│ ├── 002_core_tables.sql
|
||||
│ ├── 003_data_tables.sql
|
||||
│ ├── 004_acl_tables.sql
|
||||
│ ├── 005_activity_tables.sql
|
||||
│ ├── 006_indexes.sql
|
||||
│ └── 007_seed_data.sql
|
||||
│
|
||||
├── go.mod
|
||||
└── go.sum
|
||||
```
|
||||
|
||||
## Layer Dependency Rules
|
||||
|
||||
```
|
||||
handler → service → port (interfaces) ← db/postgres / storage
|
||||
↓
|
||||
domain (entities, value objects, errors)
|
||||
```
|
||||
|
||||
- **domain/**: zero imports from other internal packages. Only stdlib.
|
||||
- **port/**: imports only domain/. Defines interfaces.
|
||||
- **service/**: imports domain/ and port/. Never imports db/ or handler/.
|
||||
- **handler/**: imports domain/ and service/. Never imports db/.
|
||||
- **db/postgres/**: imports domain/, port/, and db/ (common helpers). Implements port interfaces.
|
||||
- **db/**: imports domain/ and port/. Shared utilities for all DB adapters.
|
||||
- **storage/**: imports domain/ and port/. Implements FileStorage.
|
||||
|
||||
No layer may import a layer above it. No circular dependencies.
|
||||
|
||||
## Key Design Decisions
|
||||
|
||||
### Dependency Injection (Wiring)
|
||||
|
||||
Manual wiring in `cmd/server/main.go`. No DI frameworks.
|
||||
|
||||
```go
|
||||
// Pseudocode
|
||||
pool := postgres.NewPool(cfg.DatabaseURL)
|
||||
goose.Up(pool, migrations)
|
||||
|
||||
// Repos (all from internal/db/postgres/)
|
||||
fileRepo := postgres.NewFileRepo(pool)
|
||||
tagRepo := postgres.NewTagRepo(pool)
|
||||
// ...
|
||||
|
||||
// Storage
|
||||
diskStore := storage.NewDiskStorage(cfg.FilesPath)
|
||||
|
||||
// Services
|
||||
aclSvc := service.NewACLService(aclRepo, objectTypeRepo)
|
||||
auditSvc := service.NewAuditService(auditRepo, actionTypeRepo)
|
||||
fileSvc := service.NewFileService(fileRepo, mimeRepo, tagRepo, diskStore, aclSvc, auditSvc)
|
||||
tagSvc := service.NewTagService(tagRepo, tagRuleRepo, aclSvc, auditSvc)
|
||||
// ...
|
||||
|
||||
// Handlers
|
||||
fileHandler := handler.NewFileHandler(fileSvc, tagSvc)
|
||||
// ...
|
||||
|
||||
router := handler.NewRouter(cfg, fileHandler, tagHandler, ...)
|
||||
router.Run(cfg.ListenAddr)
|
||||
```
|
||||
|
||||
### Context Propagation
|
||||
|
||||
Every service method receives `context.Context` as the first argument.
|
||||
The handler extracts user info from JWT (via middleware) and puts it
|
||||
into context. Services read the current user from context for ACL checks
|
||||
and audit logging.
|
||||
|
||||
```go
|
||||
// middleware.go
|
||||
func (m *AuthMiddleware) Handle(c *gin.Context) {
|
||||
claims := parseJWT(c.GetHeader("Authorization"))
|
||||
ctx := domain.WithUser(c.Request.Context(), claims.UserID, claims.IsAdmin)
|
||||
c.Request = c.Request.WithContext(ctx)
|
||||
c.Next()
|
||||
}
|
||||
|
||||
// domain/context.go
|
||||
type ctxKey int
|
||||
const userKey ctxKey = iota
|
||||
func WithUser(ctx context.Context, userID int16, isAdmin bool) context.Context { ... }
|
||||
func UserFromContext(ctx context.Context) (userID int16, isAdmin bool) { ... }
|
||||
```
|
||||
|
||||
### Transaction Management
|
||||
|
||||
Repository interfaces include a `Transactor`:
|
||||
|
||||
```go
|
||||
// port/repository.go
|
||||
type Transactor interface {
|
||||
WithTx(ctx context.Context, fn func(ctx context.Context) error) error
|
||||
}
|
||||
```
|
||||
|
||||
The postgres implementation wraps `pgxpool.Pool.BeginTx`. Inside `fn`,
|
||||
all repo calls use the transaction from context. This allows services
|
||||
to compose multiple repo calls in a single transaction:
|
||||
|
||||
```go
|
||||
// service/file_service.go
|
||||
func (s *FileService) Upload(ctx context.Context, input UploadInput) (*domain.File, error) {
|
||||
return s.tx.WithTx(ctx, func(ctx context.Context) error {
|
||||
file, err := s.fileRepo.Create(ctx, ...) // uses tx
|
||||
if err != nil { return err }
|
||||
for _, tagID := range input.TagIDs {
|
||||
s.tagRepo.AddFileTag(ctx, file.ID, tagID) // same tx
|
||||
}
|
||||
s.auditRepo.Log(ctx, ...) // same tx
|
||||
return nil
|
||||
})
|
||||
}
|
||||
```
|
||||
|
||||
### ACL Check Pattern
|
||||
|
||||
ACL logic is centralized in `ACLService`. Other services call it before
|
||||
any data mutation or retrieval:
|
||||
|
||||
```go
|
||||
// service/acl_service.go
|
||||
func (s *ACLService) CanView(ctx context.Context, objectType string, objectID uuid.UUID) error {
|
||||
userID, isAdmin := domain.UserFromContext(ctx)
|
||||
if isAdmin { return nil }
|
||||
// Check is_public on the object
|
||||
// If not public, check creator_id == userID
|
||||
// If not creator, check acl.permissions
|
||||
// Return domain.ErrForbidden if none match
|
||||
}
|
||||
```
|
||||
|
||||
### Error Mapping
|
||||
|
||||
Domain errors → HTTP status codes (handled in handler/response.go):
|
||||
|
||||
| Domain Error | HTTP Status | Error Code |
|
||||
|-----------------------|-------------|-------------------|
|
||||
| ErrNotFound | 404 | not_found |
|
||||
| ErrForbidden | 403 | forbidden |
|
||||
| ErrUnauthorized | 401 | unauthorized |
|
||||
| ErrConflict | 409 | conflict |
|
||||
| ErrValidation | 400 | validation_error |
|
||||
| ErrUnsupportedMIME | 415 | unsupported_mime |
|
||||
| (unexpected) | 500 | internal_error |
|
||||
|
||||
### Filter DSL
|
||||
|
||||
The DSL parser lives in `db/postgres/filter_parser.go` because it produces
|
||||
SQL WHERE clauses — it is a PostgreSQL-specific adapter concern.
|
||||
The service layer passes the raw DSL string to the repository; the
|
||||
repository parses it and builds the query.
|
||||
|
||||
For a different DBMS, a corresponding parser would live in
|
||||
`db/<dbms>/filter_parser.go`.
|
||||
|
||||
The interface:
|
||||
```go
|
||||
// port/repository.go
|
||||
type FileRepo interface {
|
||||
List(ctx context.Context, params FileListParams) (*domain.FilePage, error)
|
||||
// ...
|
||||
}
|
||||
|
||||
// domain/file.go
|
||||
type FileListParams struct {
|
||||
Filter string // raw DSL string
|
||||
Sort string
|
||||
Order string
|
||||
Cursor string
|
||||
Anchor *uuid.UUID
|
||||
Direction string // "forward" or "backward"
|
||||
Limit int
|
||||
Trash bool
|
||||
Search string
|
||||
}
|
||||
```
|
||||
|
||||
### JWT Structure
|
||||
|
||||
```go
|
||||
type Claims struct {
|
||||
jwt.RegisteredClaims
|
||||
UserID int16 `json:"uid"`
|
||||
IsAdmin bool `json:"adm"`
|
||||
SessionID int `json:"sid"`
|
||||
}
|
||||
```
|
||||
|
||||
Access token: short-lived (15 min). Refresh token: long-lived (30 days),
|
||||
stored as hash in `activity.sessions.token_hash`.
|
||||
|
||||
### Configuration (.env)
|
||||
|
||||
```env
|
||||
# Server
|
||||
LISTEN_ADDR=:8080
|
||||
JWT_SECRET=<random-32-bytes>
|
||||
JWT_ACCESS_TTL=15m
|
||||
JWT_REFRESH_TTL=720h
|
||||
|
||||
# Database
|
||||
DATABASE_URL=postgres://user:pass@host:5432/tanabata?sslmode=disable
|
||||
|
||||
# Storage
|
||||
FILES_PATH=/data/files
|
||||
THUMBS_CACHE_PATH=/data/thumbs
|
||||
|
||||
# Thumbnails
|
||||
THUMB_WIDTH=160
|
||||
THUMB_HEIGHT=160
|
||||
PREVIEW_WIDTH=1920
|
||||
PREVIEW_HEIGHT=1080
|
||||
|
||||
# Import
|
||||
IMPORT_PATH=/data/import
|
||||
```
|
||||
@@ -1,148 +0,0 @@
|
||||
## О проекте
|
||||
|
||||
Tanabata File Manager или сокращенно TFM — многопользовательский веб-файловый менеджер, организующий файлы по тегам. Работает на клиент-серверной архитектуре, управляется через веб-интерфейс. Главная цель проекта — обеспечить централизованное хранение файлов на сервере, доступ к ним и управление ими через веб как с компьютера, так и со смартфона. В первую очередь данное приложение ориентировано на изображения и видео.
|
||||
|
||||
## Общая архитектура
|
||||
|
||||
- File storage
|
||||
- Relational database (PostgreSQL)
|
||||
- REST API service (Go)
|
||||
- Frontend (SvelteKit)
|
||||
|
||||
Приложение предполагается разворачивать внутри контейнера Docker. Фронтенд и бэкенд - в одном контейнере, СУБД - отдельно (на моем сервере планируется подключать к СУБД на хосте). Все файлы, управляемые Танабатой, будут храниться кучей в одной папке. Имя файла на диске совпадает с его UUID в БД.
|
||||
|
||||
Приложение является PWA, которое можно установить на компьютер или смартфон.
|
||||
|
||||
В будущих версиях планируется введение поддержки других СУБД.
|
||||
|
||||
## Основные понятия
|
||||
|
||||
**Файл** — один файл на сервере. Может иметь сколько угодно тегов, может принадлежать скольким угодно пулам. Имеет автора, а также может иметь настройки доступа (пользователь (может быть null - таким образом можно делать файл публичным), флаг права на чтение, флаг права на изменение). Имеет оригинальное название и метаданные (ключ-значение, в том числе все данные EXIF).
|
||||
|
||||
**Тег** — метка файла. Может быть привязан к скольким угодно файлам, может быть привязан к одной категории. Имеет название, описание, метаданные (ключ-значение). Может иметь автотеги.
|
||||
|
||||
**Автотег** — правило, согласно которому при привязке к файлу условного тега А к этому же файлу автоматически привязывается условный тег Б.
|
||||
|
||||
**Категория** — сущность, логически объединяющая собой несколько тегов. Имеет название, описание, метаданные (ключ-значение).
|
||||
|
||||
**Пул** — логическое объединение файлов. Имеет название, описание, метаданные (ключ-значение). Файлы внутри могут быть как отсортированы автоматически, так и расположены в порядке, заданном пользователем вручную.
|
||||
|
||||
## Функциональные требования
|
||||
|
||||
1. Управление файлами
|
||||
1. Просмотр списка файлов (lazy load, pagination)
|
||||
2. Фильтрация файлов по тегам и метаданным
|
||||
3. Просмотр и редактирование настроек сортировки (сохраняется для каждого пользователя)
|
||||
4. Выделение нескольких файлов (Ctrl, Shift) и действия с ними
|
||||
1. Привязка/отвязка тегов
|
||||
2. Копирование/вставка тегов
|
||||
3. Добавление в пул
|
||||
4. Просмотр и редактирование настроек доступа
|
||||
5. Удаление (с запросом подтверждения)
|
||||
5. Просмотр одного файла
|
||||
6. Действия с одним файлом
|
||||
1. Привязка/отвязка тегов
|
||||
2. Копирование/вставка тегов
|
||||
3. Добавление в пул
|
||||
4. Просмотр и редактирование настроек доступа
|
||||
5. Замена файла (загрузка нового под таким же ID)
|
||||
6. Удаление (с запросом подтверждения)
|
||||
7. Листание файлов, как в галерее
|
||||
8. Загрузка новых файлов через веб-интерфейс (через форму или drag-n-drop прямо на список)
|
||||
9. Импорт новых файлов из папки на сервере
|
||||
10. Выявление дубликатов, в частности, изображений и видео
|
||||
1. Отображение групп дубликатов
|
||||
2. Возможность отвязывания фальшивых дубликатов (чтобы приложение запомнило, что изображение А не является дубликатом изображения Б)
|
||||
3. Возможность выбора дубликата для удаления/сохранения
|
||||
4. Возможность выбора, какие поля от какого дубликата подтягивать
|
||||
11. Корзина
|
||||
1. Просмотр файлов в корзине
|
||||
2. Восстановление из корзины
|
||||
3. Окончательное удаление
|
||||
2. Управление тегами
|
||||
1. Просмотр списка тегов (lazy load, pagination)
|
||||
2. Поиск по названию
|
||||
3. Просмотр и редактирование настроек сортировки (сохраняется для каждого пользователя)
|
||||
4. Выделение нескольких тегов (Ctrl, Shift) и действия с ними
|
||||
1. Назначение автотегов
|
||||
2. Изменение категории
|
||||
3. Удаление (с запросом подтверждения)
|
||||
5. Просмотр одного тега
|
||||
6. Действия с одним тегом
|
||||
1. Редактирование названия, описания и метаданных (ключ-значение)
|
||||
2. Изменение категории
|
||||
3. Назначение автотегов
|
||||
4. Удаление (с запросом подтверждения)
|
||||
7. Создание тега
|
||||
1. Внесение названия, описания и метаданных (ключ-значение)
|
||||
2. Назначение категории (опционально)
|
||||
3. Назначение автотегов
|
||||
3. Управление категориями
|
||||
1. Просмотр списка категорий (lazy load, pagination)
|
||||
2. Поиск по названию
|
||||
3. Просмотр и редактирование настроек сортировки (сохраняется для каждого пользователя)
|
||||
4. Выделение нескольких категорий (Ctrl, Shift) и действия с ними
|
||||
1. Просмотр привязанных общих тегов и тегов, привязанных к некоторым, но не ко всем
|
||||
2. Привязка/отвязка тегов
|
||||
3. Удаление (с запросом подтверждения)
|
||||
5. Просмотр одной категории
|
||||
6. Действия с одной категорией
|
||||
1. Редактирование названия, описания и метаданных (ключ-значение)
|
||||
2. Просмотр привязанных тегов
|
||||
3. Привязка/отвязка тегов
|
||||
4. Удаление (с запросом подтверждения)
|
||||
7. Создание категории
|
||||
1. Внесение названия, описания и метаданных (ключ-значение)
|
||||
2. Привязка тегов
|
||||
4. Управление пулами
|
||||
1. Просмотр списка пулов (lazy load, pagination)
|
||||
2. Поиск по названию
|
||||
3. Просмотр и редактирование настроек сортировки (сохраняется для каждого пользователя)
|
||||
4. Выделение нескольких пулов (Ctrl, Shift) и действия с ними
|
||||
1. Просмотр и редактирование настроек доступа
|
||||
2. Удаление (с запросом подтверждения)
|
||||
5. Просмотр одного пула
|
||||
6. Действия с одним пулом
|
||||
1. Редактирование названия, описания и метаданных (ключ-значение)
|
||||
2. Просмотр и редактирование настроек доступа
|
||||
3. Просмотр всех файлов, входящих в пул
|
||||
4. Фильтрация файлов по тегам
|
||||
5. Изменение настройки сортировки файлов (в том числе можно отключить автоматическую сортировку)
|
||||
6. Ручное изменение порядка файлов (при отключенной сортировке)
|
||||
7. Удаление (с запросом подтверждения)
|
||||
7. Создание категории
|
||||
1. Внесение названия, описания и метаданных (ключ-значение)
|
||||
2. Привязка тегов
|
||||
5. Управление пользовательскими настройками
|
||||
1. Имя пользователя
|
||||
2. Пароль
|
||||
3. Сессии
|
||||
1. Завершение сессии
|
||||
4. Путь к папке на сервере, которая будет сканироваться при импорта файлов
|
||||
6. Управление настройками сервера (админка)
|
||||
1. Пользователи
|
||||
1. Просмотр списка
|
||||
2. Просмотр одного
|
||||
3. Создание
|
||||
4. Удаление
|
||||
5. Блокировка/разблокировка
|
||||
6. Установка роли (читатель/редактор)
|
||||
7. Журналирование пользовательских действий в БД
|
||||
1. Просмотры файлов
|
||||
2. Смены настроек доступа к файлам
|
||||
3. Создание/редактирование/удаление файла, тега, категории, пула, связи файл-тег
|
||||
4. Создание/блокировка/разблокировка/удаление пользователя
|
||||
5. Смена роли пользователя
|
||||
6. Авторизация/логаут пользователя
|
||||
7. Завершение сессии
|
||||
|
||||
## Нефункциональные требования
|
||||
|
||||
1. Интерфейс должен быть максимально простым и удобным, все необходимое должно быть под рукой, доступным за минимальное количество действий
|
||||
2. Интерфейс должен быть адаптирован под десктоп и под мобильные устройства
|
||||
3. Интерфейс должен иметь темную и светлую темы
|
||||
4. Использование технологии PWA (также должна быть кнопка, при нажатии которой PWA будет полностью сбрасываться (кроме кэша) и заново загружаться с сервера)
|
||||
5. Возможность сохранять некоторые файлы в кэш и просматривать их оффлайн при использовании установленного PWA
|
||||
6. При первичном запуске приложение должно требовать минимума действий: автоматическая миграция БД, заранее готовый файл docker compose, файл .env с настраиваемыми параметрами установки
|
||||
7. Использование подхода DDD для сервера API
|
||||
8. Не принимать файлы, чей MIME отсутствует в БД (нет в БД — нет поддержки)
|
||||
@@ -0,0 +1,25 @@
|
||||
blinker==1.9.0
|
||||
certifi==2024.12.14
|
||||
charset-normalizer==3.4.1
|
||||
click==8.1.8
|
||||
ffmpeg-python==0.2.0
|
||||
filelock==3.16.1
|
||||
Flask==3.1.0
|
||||
Flask-Cors==5.0.0
|
||||
future==1.0.0
|
||||
idna==3.10
|
||||
itsdangerous==2.2.0
|
||||
Jinja2==3.1.5
|
||||
MarkupSafe==3.0.2
|
||||
preview_generator==0.29
|
||||
psycopg2-binary==2.9.10
|
||||
pyexifinfo==0.4.0
|
||||
pyTelegramBotAPI==4.25.0
|
||||
python-magic==0.4.27
|
||||
pytz==2024.2
|
||||
requests==2.32.3
|
||||
ua-parser==1.0.0
|
||||
ua-parser-builtins==0.18.0.post1
|
||||
urllib3==2.3.0
|
||||
Wand==0.6.13
|
||||
Werkzeug==3.1.3
|
||||
@@ -0,0 +1,36 @@
|
||||
body {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.decoration {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.decoration.left {
|
||||
left: 0;
|
||||
width: 20vw;
|
||||
}
|
||||
|
||||
.decoration.right {
|
||||
right: 0;
|
||||
width: 20vw;
|
||||
}
|
||||
|
||||
#auth {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#auth h1 {
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
#auth .form-control {
|
||||
margin: 14px 0;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
#login {
|
||||
margin-top: 20px;
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #312F45;
|
||||
color: #f0f0f0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
font-family: Epilogue;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
border-radius: 14px;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: #9592B5;
|
||||
border-color: #454261;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background-color: #7D7AA4;
|
||||
border-color: #454261;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background-color: #DB6060;
|
||||
border-color: #851E1E;
|
||||
}
|
||||
|
||||
.btn-danger:hover {
|
||||
background-color: #D64848;
|
||||
border-color: #851E1E;
|
||||
}
|
||||
|
||||
.btn-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
@@ -0,0 +1,388 @@
|
||||
header, footer {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 20px;
|
||||
box-shadow: 0 5px 5px #0004;
|
||||
}
|
||||
|
||||
.icon-header {
|
||||
height: .8em;
|
||||
}
|
||||
|
||||
#select {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sorting {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#sorting {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.highlighted {
|
||||
color: #9999AD;
|
||||
}
|
||||
|
||||
#icon-expand {
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
#sorting-options {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 114%;
|
||||
padding: 4px 10px;
|
||||
box-sizing: border-box;
|
||||
background-color: #111118;
|
||||
border-radius: 10px;
|
||||
text-align: left;
|
||||
box-shadow: 0 0 10px black;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.sorting-option {
|
||||
padding: 4px 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.sorting-option input[type="radio"] {
|
||||
float: unset;
|
||||
margin-left: 1.8em;
|
||||
}
|
||||
|
||||
.filtering-wrapper {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.filtering-block {
|
||||
position: absolute;
|
||||
top: 128px;
|
||||
left: 14px;
|
||||
right: 14px;
|
||||
padding: 14px;
|
||||
background-color: #111118;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 10px 4px #0004;
|
||||
z-index: 9998;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-content: flex-start;
|
||||
align-items: flex-start;
|
||||
flex-wrap: wrap;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
main:after {
|
||||
content: "";
|
||||
flex: auto;
|
||||
}
|
||||
|
||||
.item-preview {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.item-selected:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
background-image: url("/static/images/icon-select.svg");
|
||||
background-size: contain;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.file-preview {
|
||||
margin: 1px 0;
|
||||
padding: 0;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
max-width: calc(33vw - 7px);
|
||||
max-height: calc(33vw - 7px);
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.file-thumb {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
object-position: center;
|
||||
}
|
||||
|
||||
.file-preview .overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: #0002;
|
||||
}
|
||||
|
||||
.file-preview:hover .overlay {
|
||||
background-color: #0004;
|
||||
}
|
||||
|
||||
.tag-preview, .filtering-token {
|
||||
margin: 5px 5px;
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #444455;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.category-preview {
|
||||
margin: 5px 5px;
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #444455;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.file {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-width: 100vw;
|
||||
min-height: 100vh;
|
||||
max-width: 100vw;
|
||||
max-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.file .preview-img {
|
||||
max-width: 100vw;
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
.selection-manager {
|
||||
position: fixed;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 65px;
|
||||
box-sizing: border-box;
|
||||
max-height: 40vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 15px 10px;
|
||||
background-color: #181721;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 5px #0008;
|
||||
}
|
||||
|
||||
.selection-manager hr {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.selection-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.selection-header > * {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#selection-edit-tags {
|
||||
color: #4DC7ED;
|
||||
}
|
||||
|
||||
#selection-add-to-pool {
|
||||
color: #F5E872;
|
||||
}
|
||||
|
||||
#selection-delete {
|
||||
color: #DB6060;
|
||||
}
|
||||
|
||||
.selection-tags {
|
||||
max-height: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
input[type="color"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tags-container, .filtering-operators, .filtering-tokens {
|
||||
padding: 5px;
|
||||
background-color: #212529;
|
||||
border: 1px solid #495057;
|
||||
border-radius: .375rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-content: flex-start;
|
||||
align-items: flex-start;
|
||||
flex-wrap: wrap;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.filtering-operators {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.tags-container, .filtering-tokens {
|
||||
margin: 15px 0;
|
||||
height: 200px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.tags-container:after, .filtering-tokens:after {
|
||||
content: "";
|
||||
flex: auto;
|
||||
}
|
||||
|
||||
.tags-container-selected {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#files-filter {
|
||||
margin-bottom: 0;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.viewer-wrapper {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #000a;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
/* overflow-y: scroll;*/
|
||||
}
|
||||
|
||||
.viewer-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.viewer-nav:hover {
|
||||
background-color: #b4adff40;
|
||||
}
|
||||
|
||||
.viewer-nav-prev {
|
||||
left: 0;
|
||||
right: 80vw;
|
||||
}
|
||||
|
||||
.viewer-nav-next {
|
||||
left: 80vw;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.viewer-nav-close {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: unset;
|
||||
height: 15vh;
|
||||
}
|
||||
|
||||
.viewer-nav-icon {
|
||||
width: 20px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.viewer-nav-close > .viewer-nav-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
#viewer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.sessions-wrapper {
|
||||
padding: 14px;
|
||||
background-color: #111118;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.btn-terminate {
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #0007;
|
||||
}
|
||||
|
||||
.nav {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
width: 18vw;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-radius: 10px;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.nav.curr, .nav:hover {
|
||||
background-color: #343249;
|
||||
}
|
||||
|
||||
.navicon {
|
||||
display: block;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#loader {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #000a;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.loader-wrapper {
|
||||
padding: 15px;
|
||||
border-radius: 12px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.loader-img {
|
||||
max-width: 20vw;
|
||||
max-height: 20vh;
|
||||
}
|
||||
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 8.3 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 158 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.51245 10.9993C4.51245 10.7415 4.61483 10.4944 4.79705 10.3122C4.97928 10.1299 5.22644 10.0276 5.48415 10.0276H10.0097V5.50203C10.0097 5.24432 10.112 4.99717 10.2943 4.81494C10.4765 4.63271 10.7237 4.53033 10.9814 4.53033C11.2391 4.53033 11.4862 4.63271 11.6685 4.81494C11.8507 4.99717 11.9531 5.24432 11.9531 5.50203V10.0276H16.4786C16.7363 10.0276 16.9835 10.1299 17.1657 10.3122C17.3479 10.4944 17.4503 10.7415 17.4503 10.9993C17.4503 11.257 17.3479 11.5041 17.1657 11.6863C16.9835 11.8686 16.7363 11.971 16.4786 11.971H11.9531V16.4965C11.9531 16.7542 11.8507 17.0013 11.6685 17.1836C11.4862 17.3658 11.2391 17.4682 10.9814 17.4682C10.7237 17.4682 10.4765 17.3658 10.2943 17.1836C10.112 17.0013 10.0097 16.7542 10.0097 16.4965V11.971H5.48415C5.22644 11.971 4.97928 11.8686 4.79705 11.6863C4.61483 11.5041 4.51245 11.257 4.51245 10.9993Z" fill="#9999AD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.91409 0.335277C8.9466 -0.111759 13.0162 -0.111759 17.0487 0.335277C19.4157 0.599579 21.3267 2.46394 21.604 4.84396C22.0834 8.93416 22.0834 13.0658 21.604 17.156C21.3254 19.536 19.4144 21.3991 17.0487 21.6647C13.0162 22.1118 8.9466 22.1118 4.91409 21.6647C2.54704 21.3991 0.636031 19.536 0.358773 17.156C-0.119591 13.0659 -0.119591 8.93404 0.358773 4.84396C0.636031 2.46394 2.54833 0.599579 4.91409 0.335277ZM16.8336 2.26572C12.944 1.83459 9.01873 1.83459 5.12916 2.26572C4.40913 2.3456 3.73705 2.66589 3.2215 3.17486C2.70595 3.68383 2.37704 4.35174 2.28792 5.07069C1.82714 9.01056 1.82714 12.9907 2.28792 16.9306C2.37732 17.6493 2.70634 18.3169 3.22186 18.8256C3.73739 19.3343 4.40932 19.6544 5.12916 19.7343C8.98616 20.1644 12.9766 20.1644 16.8336 19.7343C17.5532 19.6542 18.2248 19.3339 18.7401 18.8253C19.2554 18.3166 19.5842 17.6491 19.6735 16.9306C20.1343 12.9907 20.1343 9.01056 19.6735 5.07069C19.5839 4.3524 19.255 3.68524 18.7397 3.17681C18.2245 2.66839 17.553 2.34835 16.8336 2.26831" fill="#9999AD"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,5 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18.875 9.25C21.1532 9.25 23 7.40317 23 5.125C23 2.84683 21.1532 1 18.875 1C16.5968 1 14.75 2.84683 14.75 5.125C14.75 7.40317 16.5968 9.25 18.875 9.25Z" stroke="#9999AD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5.125 23C7.40317 23 9.25 21.1532 9.25 18.875C9.25 16.5968 7.40317 14.75 5.125 14.75C2.84683 14.75 1 16.5968 1 18.875C1 21.1532 2.84683 23 5.125 23Z" stroke="#9999AD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M14.75 14.75H23V21.625C23 21.9897 22.8551 22.3394 22.5973 22.5973C22.3394 22.8551 21.9897 23 21.625 23H16.125C15.7603 23 15.4106 22.8551 15.1527 22.5973C14.8949 22.3394 14.75 21.9897 14.75 21.625V14.75ZM1 1H9.25V7.875C9.25 8.23967 9.10513 8.58941 8.84727 8.84727C8.58941 9.10513 8.23967 9.25 7.875 9.25H2.375C2.01033 9.25 1.66059 9.10513 1.40273 8.84727C1.14487 8.58941 1 8.23967 1 7.875V1Z" stroke="#9999AD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.10279 7.27726L14.8104 0.579294C14.8755 0.513843 14.9531 0.462123 15.0386 0.427199C15.1241 0.392275 15.2157 0.374857 15.308 0.375976C15.4003 0.377095 15.4915 0.396729 15.5761 0.433714C15.6607 0.470699 15.737 0.524284 15.8005 0.591294C15.9306 0.728358 16.0022 0.910756 15.9999 1.09973C15.9977 1.2887 15.9219 1.46935 15.7885 1.60329L8.58484 8.79625C8.5202 8.86132 8.44324 8.91285 8.35845 8.94783C8.27366 8.98282 8.18275 9.00055 8.09103 8.99999C7.99931 8.99943 7.90862 8.98059 7.82427 8.94458C7.73991 8.90857 7.66359 8.8561 7.59975 8.79025L0.204043 1.21929C0.0731536 1.08376 0 0.902704 0 0.714294C0 0.525883 0.0731536 0.344832 0.204043 0.209296C0.268362 0.143072 0.345316 0.0904251 0.43035 0.0544745C0.515384 0.0185239 0.606768 0 0.69909 0C0.791413 0 0.882797 0.0185239 0.967831 0.0544745C1.05286 0.0904251 1.12982 0.143072 1.19414 0.209296L8.10279 7.27726Z" fill="#9999AD"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 985 B |
@@ -0,0 +1,4 @@
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.0465 20.4651H8.95346V22H13.0465V20.4651ZM1.53488 13.0465V8.95352H1.29521e-06V13.0465H1.53488ZM20.4651 12.5994V13.0465H21.9999V12.5994H20.4651ZM13.9582 3.43921L18.0092 7.08506L19.0356 5.94311L14.9855 2.29726L13.9582 3.43921ZM21.9999 12.5994C21.9999 10.8711 22.0153 9.77621 21.5804 8.79798L20.1775 9.42319C20.4497 10.0351 20.4651 10.736 20.4651 12.5994H21.9999ZM18.0092 7.08506C19.3937 8.33138 19.9053 8.81231 20.1775 9.42319L21.5804 8.79798C21.1445 7.81873 20.3208 7.09938 19.0356 5.94311L18.0092 7.08506ZM8.98416 1.53494C10.6029 1.53494 11.2138 1.54722 11.7572 1.75596L12.3077 0.323405C11.4359 -0.012222 10.4863 5.70826e-05 8.98416 5.70826e-05V1.53494ZM14.9855 2.29828C13.8743 1.29856 13.1795 0.656985 12.3077 0.323405L11.7582 1.75596C12.3026 1.9647 12.761 2.36172 13.9582 3.43921L14.9855 2.29828ZM8.95346 20.4651C7.00212 20.4651 5.61664 20.4631 4.56371 20.3219C3.53534 20.1837 2.94185 19.9238 2.50902 19.491L1.42437 20.5756C2.18976 21.3431 3.16083 21.6818 4.36008 21.8434C5.53682 22.002 7.04612 22 8.95346 22V20.4651ZM1.29521e-06 13.0465C1.29521e-06 14.9539 -0.00204521 16.4621 0.156559 17.6399C0.318233 18.8392 0.657953 19.8102 1.42335 20.5766L2.50799 19.492C2.07618 19.0581 1.81627 18.4646 1.67814 17.4353C1.53693 16.3844 1.53488 14.9979 1.53488 13.0465H1.29521e-06ZM13.0465 22C14.9538 22 16.4621 22.002 17.6399 21.8434C18.8391 21.6818 19.8102 21.342 20.5766 20.5766L19.4919 19.492C19.0581 19.9238 18.4646 20.1837 17.4352 20.3219C16.3843 20.4631 14.9978 20.4651 13.0465 20.4651V22ZM20.4651 13.0465C20.4651 14.9979 20.463 16.3844 20.3218 17.4363C20.1837 18.4647 19.9238 19.0581 19.4909 19.491L20.5756 20.5756C21.343 19.8102 21.6817 18.8392 21.8434 17.6399C22.002 16.4632 21.9999 14.9539 21.9999 13.0465H20.4651ZM1.53488 8.95352C1.53488 7.00217 1.53693 5.61669 1.67814 4.56376C1.81627 3.53539 2.07618 2.94191 2.50902 2.50907L1.42437 1.42442C0.656929 2.18982 0.318233 3.16088 0.156559 4.36014C-0.00204521 5.53688 1.29521e-06 7.04617 1.29521e-06 8.95352H1.53488ZM8.98416 5.70826e-05C7.06556 5.70826e-05 5.55012 -0.00198942 4.36827 0.156615C3.1639 0.318289 2.18976 0.658009 1.42335 1.4234L2.50799 2.50805C2.94185 2.07624 3.53636 1.81633 4.57189 1.67819C5.62891 1.53698 7.02258 1.53494 8.98416 1.53494V5.70826e-05Z" fill="#9999AD"/>
|
||||
<path d="M12.0232 1.27905V3.83718C12.0232 6.24899 12.0232 7.45541 12.7722 8.20443C13.5212 8.95345 14.7276 8.95345 17.1395 8.95345H21.2325" stroke="#9999AD" stroke-width="1.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.07102 2.7508H4.64702C4.80588 1.9743 5.22797 1.27646 5.84196 0.775241C6.45595 0.274027 7.22417 0.000183205 8.01676 0H16.7276C18.1259 0 19.467 0.55548 20.4558 1.54424C21.4445 2.533 22 3.87405 22 5.27237V13.9832C22 14.7743 21.7273 15.5411 21.2279 16.1546C20.7285 16.7681 20.033 17.1907 19.2584 17.3511V15.9253C19.6583 15.7816 20.0042 15.518 20.2487 15.1704C20.4932 14.8228 20.6245 14.4082 20.6246 13.9832V5.27237C20.6246 4.23883 20.214 3.24762 19.4832 2.5168C18.7524 1.78597 17.7612 1.3754 16.7276 1.3754H8.01676C7.59001 1.37527 7.17373 1.50748 6.82525 1.75381C6.47678 2.00014 6.21327 2.34846 6.07102 2.7508ZM3.4385 3.66774C2.52656 3.66774 1.65196 4.03001 1.00711 4.67485C0.36227 5.3197 0 6.19429 0 7.10624V18.5679C0 19.4799 0.36227 20.3545 1.00711 20.9993C1.65196 21.6442 2.52656 22.0064 3.4385 22.0064H14.9002C15.8121 22.0064 16.6867 21.6442 17.3316 20.9993C17.9764 20.3545 18.3387 19.4799 18.3387 18.5679V7.10624C18.3387 6.19429 17.9764 5.3197 17.3316 4.67485C16.6867 4.03001 15.8121 3.66774 14.9002 3.66774H3.4385ZM1.3754 7.10624C1.3754 6.55907 1.59276 6.03431 1.97967 5.64741C2.36658 5.2605 2.89133 5.04314 3.4385 5.04314H14.9002C15.4473 5.04314 15.9721 5.2605 16.359 5.64741C16.7459 6.03431 16.9633 6.55907 16.9633 7.10624V18.5679C16.9633 19.1151 16.7459 19.6398 16.359 20.0268C15.9721 20.4137 15.4473 20.631 14.9002 20.631H3.4385C2.89133 20.631 2.36658 20.4137 1.97967 20.0268C1.59276 19.6398 1.3754 19.1151 1.3754 18.5679V7.10624Z" fill="#9999AD"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="31" height="23" viewBox="0 0 31 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.414 7.97C1.78906 7.59506 2.29767 7.38443 2.828 7.38443C3.35833 7.38443 3.86695 7.59506 4.242 7.97L11.314 15.042L25.454 0.900004C25.6397 0.714184 25.8602 0.566757 26.1028 0.466141C26.3455 0.365526 26.6056 0.313692 26.8683 0.313599C27.131 0.313506 27.3911 0.365156 27.6339 0.4656C27.8766 0.566044 28.0972 0.713315 28.283 0.899004C28.4688 1.08469 28.6163 1.30516 28.7169 1.54783C28.8175 1.79049 28.8693 2.0506 28.8694 2.3133C28.8695 2.57599 28.8179 2.83614 28.7174 3.07887C28.617 3.32161 28.4697 3.54218 28.284 3.728L11.314 20.698L1.414 10.798C1.03906 10.4229 0.82843 9.91433 0.82843 9.384C0.82843 8.85368 1.03906 8.34506 1.414 7.97Z" fill="white" stroke="black" stroke-width="1"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 794 B |
@@ -0,0 +1,4 @@
|
||||
<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.371 15.3C13.1935 15.3 14.671 13.8226 14.671 12C14.671 10.1775 13.1935 8.70001 11.371 8.70001C9.54844 8.70001 8.07098 10.1775 8.07098 12C8.07098 13.8226 9.54844 15.3 11.371 15.3Z" stroke="#9999AD" stroke-width="1.5"/>
|
||||
<path d="M13.3125 1.1672C12.9088 1 12.3962 1 11.371 1C10.3458 1 9.8332 1 9.4295 1.1672C9.1624 1.27776 8.91971 1.43989 8.7153 1.6443C8.51089 1.84871 8.34877 2.0914 8.2382 2.3585C8.137 2.6038 8.0963 2.8909 8.0809 3.3078C8.07405 3.60919 7.9907 3.90389 7.8387 4.16423C7.68669 4.42456 7.47101 4.642 7.2119 4.7961C6.94889 4.94355 6.65271 5.02171 6.35119 5.02325C6.04967 5.02479 5.75271 4.94965 5.4882 4.8049C5.1186 4.6091 4.8513 4.5013 4.5862 4.4661C4.00795 4.39006 3.42317 4.54674 2.9604 4.9017C2.615 5.169 2.3576 5.6123 1.845 6.5C1.3324 7.3877 1.075 7.831 1.0189 8.2655C0.981102 8.552 1.00012 8.84314 1.07486 9.12228C1.1496 9.40143 1.2786 9.66312 1.4545 9.8924C1.6173 10.1036 1.845 10.2807 2.1981 10.5029C2.7184 10.8296 3.0528 11.3862 3.0528 12C3.0528 12.6138 2.7184 13.1704 2.1981 13.496C1.845 13.7193 1.6162 13.8964 1.4545 14.1076C1.2786 14.3369 1.1496 14.5986 1.07486 14.8777C1.00012 15.1569 0.981102 15.448 1.0189 15.7345C1.0761 16.1679 1.3324 16.6123 1.8439 17.5C2.3576 18.3877 2.6139 18.831 2.9604 19.0983C3.18968 19.2742 3.45137 19.4032 3.73052 19.4779C4.00967 19.5527 4.30081 19.5717 4.5873 19.5339C4.8513 19.4987 5.1186 19.3909 5.4882 19.1951C5.75271 19.0503 6.04967 18.9752 6.35119 18.9767C6.65271 18.9783 6.94889 19.0565 7.2119 19.2039C7.7432 19.5119 8.0589 20.0784 8.0809 20.6922C8.0963 21.1102 8.1359 21.3962 8.2382 21.6415C8.34877 21.9086 8.51089 22.1513 8.7153 22.3557C8.91971 22.5601 9.1624 22.7222 9.4295 22.8328C9.8332 23 10.3458 23 11.371 23C12.3962 23 12.9088 23 13.3125 22.8328C13.5796 22.7222 13.8223 22.5601 14.0267 22.3557C14.2311 22.1513 14.3932 21.9086 14.5038 21.6415C14.605 21.3962 14.6457 21.1102 14.6611 20.6922C14.6831 20.0784 14.9988 19.5108 15.5301 19.2039C15.7931 19.0565 16.0893 18.9783 16.3908 18.9767C16.6923 18.9752 16.9893 19.0503 17.2538 19.1951C17.6234 19.3909 17.8907 19.4987 18.1547 19.5339C18.4412 19.5717 18.7323 19.5527 19.0115 19.4779C19.2906 19.4032 19.5523 19.2742 19.7816 19.0983C20.1281 18.8321 20.3844 18.3877 20.897 17.5C21.4096 16.6123 21.667 16.169 21.7231 15.7345C21.7609 15.448 21.7419 15.1569 21.6672 14.8777C21.5924 14.5986 21.4634 14.3369 21.2875 14.1076C21.1247 13.8964 20.897 13.7193 20.5439 13.4971C20.2862 13.3405 20.0726 13.1209 19.9231 12.859C19.7736 12.5971 19.6931 12.3015 19.6892 12C19.6892 11.3862 20.0236 10.8296 20.5439 10.504C20.897 10.2807 21.1258 10.1036 21.2875 9.8924C21.4634 9.66312 21.5924 9.40143 21.6672 9.12228C21.7419 8.84314 21.7609 8.552 21.7231 8.2655C21.6659 7.8321 21.4096 7.3877 20.8981 6.5C20.3844 5.6123 20.1281 5.169 19.7816 4.9017C19.5523 4.7258 19.2906 4.59679 19.0115 4.52205C18.7323 4.44731 18.4412 4.4283 18.1547 4.4661C17.8907 4.5013 17.6234 4.6091 17.2527 4.8049C16.9883 4.94946 16.6916 5.02449 16.3903 5.02295C16.089 5.02141 15.793 4.94335 15.5301 4.7961C15.271 4.642 15.0553 4.42456 14.9033 4.16423C14.7513 3.90389 14.668 3.60919 14.6611 3.3078C14.6457 2.8898 14.6061 2.6038 14.5038 2.3585C14.3932 2.0914 14.2311 1.84871 14.0267 1.6443C13.8223 1.43989 13.5796 1.27776 13.3125 1.1672Z" stroke="#9999AD" stroke-width="1.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
@@ -0,0 +1,5 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.00067 16.5511C2.30116 14.8505 1.45086 14.0013 1.13515 12.8979C0.818352 11.7946 1.08895 10.6231 1.63016 8.28122L1.94146 6.93041C2.39576 4.9592 2.62346 3.97359 3.29777 3.29819C3.97317 2.62388 4.95878 2.39618 6.92999 1.94188L8.2808 1.62947C10.6238 1.08937 11.7942 0.818769 12.8975 1.13447C14.0008 1.45127 14.85 2.30158 16.5496 4.00109L18.5626 6.0141C21.5227 8.97312 23 10.4515 23 12.2885C23 14.1267 21.5216 15.6051 18.5637 18.563C15.6046 21.522 14.1262 23.0004 12.2881 23.0004C10.4511 23.0004 8.97161 21.522 6.01369 18.5641L4.00067 16.5511Z" stroke="#9999AD" stroke-width="1.5"/>
|
||||
<path d="M9.82325 10.1229C10.6824 9.26375 10.6824 7.87077 9.82325 7.01161C8.96409 6.15246 7.57112 6.15246 6.71196 7.01162C5.8528 7.87077 5.8528 9.26375 6.71196 10.1229C7.57112 10.9821 8.96409 10.9821 9.82325 10.1229Z" stroke="#9999AD" stroke-width="1.5"/>
|
||||
<path d="M11.4962 19.1504L19.1731 11.4724" stroke="#9999AD" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.5 25C5.59625 25 0 19.4037 0 12.5C0 5.59625 5.59625 0 12.5 0C19.4037 0 25 5.59625 25 12.5C25 19.4037 19.4037 25 12.5 25ZM12.5 22.5C15.1522 22.5 17.6957 21.4464 19.5711 19.5711C21.4464 17.6957 22.5 15.1522 22.5 12.5C22.5 9.84783 21.4464 7.3043 19.5711 5.42893C17.6957 3.55357 15.1522 2.5 12.5 2.5C9.84783 2.5 7.3043 3.55357 5.42893 5.42893C3.55357 7.3043 2.5 9.84783 2.5 12.5C2.5 15.1522 3.55357 17.6957 5.42893 19.5711C7.3043 21.4464 9.84783 22.5 12.5 22.5ZM6.25 11.25H18.75V13.75H6.25V11.25Z" fill="#DB6060"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 626 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 972 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 149 KiB |
|
After Width: | Height: | Size: 110 KiB |
@@ -0,0 +1,22 @@
|
||||
$(document).on("submit", "#object-add", function (e) {
|
||||
e.preventDefault();
|
||||
$("#loader").css("display", "");
|
||||
$.ajax({
|
||||
url: location.pathname,
|
||||
type: "POST",
|
||||
data: $(this).serialize(),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
location.href = location.pathname.substring(0, location.pathname.lastIndexOf("/"));
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,22 @@
|
||||
$(document).on("submit", "#object-add", function (e) {
|
||||
e.preventDefault();
|
||||
$("#loader").css("display", "");
|
||||
$.ajax({
|
||||
url: location.pathname,
|
||||
type: "POST",
|
||||
data: $(this).serialize(),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
location.href = location.pathname.substring(0, location.pathname.lastIndexOf("/"));
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,19 @@
|
||||
$("#auth").on("submit", function submit(e) {
|
||||
e.preventDefault();
|
||||
$.ajax({
|
||||
url: "/auth",
|
||||
type: "POST",
|
||||
data: $("#auth").serialize(),
|
||||
dataType: "json",
|
||||
success: function(resp) {
|
||||
if (resp.status) {
|
||||
location.reload();
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function(err) {
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,20 @@
|
||||
$(document).on("submit", "#object-edit", function (e) {
|
||||
e.preventDefault();
|
||||
$("#loader").css("display", "");
|
||||
$.ajax({
|
||||
url: location.pathname + "/edit",
|
||||
type: "POST",
|
||||
data: $(this).serialize(),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (!resp.status) {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,88 @@
|
||||
$(document).on("input", "#file-tags-filter", function (e) {
|
||||
let filter = $(this).val().toLowerCase();
|
||||
let unfiltered = $("#file-tags-other > .tag-preview");
|
||||
if (filter === "") {
|
||||
unfiltered.css("display", "");
|
||||
return;
|
||||
}
|
||||
unfiltered.each((index, element) => {
|
||||
let current = $(element);
|
||||
if (current.text().toLowerCase().includes(filter)) {
|
||||
current.css("display", "");
|
||||
} else {
|
||||
current.css("display", "none");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("click", "#file-tags-other > .tag-preview", function (e) {
|
||||
$("#loader").css("display", "");
|
||||
$.ajax({
|
||||
url: location.pathname + "/tag",
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({add: true, tag_id: $(this).attr("tag_id")}),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
resp.tags.forEach((tag_id) => {
|
||||
$(`#file-tags-other > .tag-preview[tag_id='${tag_id}']`).css("display", "none");
|
||||
$(`#file-tags-selected > .tag-preview[tag_id='${tag_id}']`).css("display", "");
|
||||
});
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("click", "#file-tags-selected > .tag-preview", function (e) {
|
||||
$("#loader").css("display", "");
|
||||
let tag_id = $(this).attr("tag_id");
|
||||
$.ajax({
|
||||
url: location.pathname + "/tag",
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({add: false, tag_id: $(this).attr("tag_id")}),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
$(`#file-tags-selected > .tag-preview[tag_id='${tag_id}']`).css("display", "none");
|
||||
$(`#file-tags-other > .tag-preview[tag_id='${tag_id}']`).css("display", "");
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("submit", "#object-edit", function (e) {
|
||||
e.preventDefault();
|
||||
$("#loader").css("display", "");
|
||||
$.ajax({
|
||||
url: location.pathname + "/edit",
|
||||
type: "POST",
|
||||
data: $(this).serialize(),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (!resp.status) {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,130 @@
|
||||
var curr_page = 0;
|
||||
var load_lock = false;
|
||||
var init_filter = null;
|
||||
|
||||
function files_load() {
|
||||
if (load_lock) {
|
||||
return;
|
||||
}
|
||||
load_lock = true;
|
||||
let container = $("main");
|
||||
$("#loader").css("display", "");
|
||||
$.ajax({
|
||||
url: "/api/files?limit=50&offset=" + curr_page*50 + (init_filter ? "&filter=" + encodeURIComponent("{" + init_filter + "}") : ""),
|
||||
type: "GET",
|
||||
contentType: "application/json",
|
||||
async: false,
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
resp.forEach((file) => {
|
||||
container.append(`<div class="item-preview file-preview" file_id="${file.id}"><img src="/static/thumbs/${file.id}" alt="" class="file-thumb"><div class="overlay"></div></div>`);
|
||||
});
|
||||
if (resp.length == 50) {
|
||||
load_lock = false;
|
||||
}
|
||||
},
|
||||
error: function (xhr, status) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(xhr.responseText);
|
||||
location.href = "/files";
|
||||
}
|
||||
});
|
||||
curr_page++;
|
||||
}
|
||||
|
||||
function tags_load(target) {
|
||||
$("#loader").css("display", "");
|
||||
$.ajax({
|
||||
url: "/api/tags",
|
||||
type: "GET",
|
||||
contentType: "application/json",
|
||||
async: false,
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
resp.forEach((tag) => {
|
||||
target.append(`<div class="filtering-token" val="t=${tag.id}" style="background-color: #${tag.category_color}">${escapeHTML(tag.name)}</div>`);
|
||||
});
|
||||
},
|
||||
error: function (xhr, status) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(status);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function filter_load() {
|
||||
if (!init_filter) {
|
||||
return;
|
||||
}
|
||||
$("#files-filter").html("");
|
||||
let filtering_tokens = init_filter.split(',');
|
||||
filtering_tokens.forEach((element) => {
|
||||
$(`.filtering-block .filtering-token[val='${element}']`).clone().appendTo("#files-filter");
|
||||
});
|
||||
}
|
||||
|
||||
$(window).on("load", function (e) {
|
||||
init_filter = /filter=\{([^\}]+)/.exec(decodeURIComponent(location.search));
|
||||
init_filter = init_filter ? init_filter[1] : null;
|
||||
let container = $("main");
|
||||
while (!load_lock && container.scrollTop() + container.innerHeight() >= container[0].scrollHeight) {
|
||||
files_load();
|
||||
}
|
||||
tags_load($("#filtering-tokens-all"));
|
||||
filter_load();
|
||||
});
|
||||
|
||||
$("main").scroll(function (e) {
|
||||
if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight - 100) {
|
||||
files_load();
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on("click", "#files-filter", function (e) {
|
||||
if ($(".filtering-block").is(":hidden")) {
|
||||
$(".filtering-block").slideDown("fast");
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on("click", "#filtering-apply", function (e) {
|
||||
let filtering_tokens = [];
|
||||
$("#files-filter > .filtering-token").each((index, element) => {
|
||||
filtering_tokens.push($(element).attr("val"));
|
||||
});
|
||||
location.href = "/files?filter=" + encodeURIComponent("{" + filtering_tokens.join(',') + "}");
|
||||
});
|
||||
|
||||
$(document).on("click", "#filtering-reset", function (e) {
|
||||
$(".filtering-block").slideUp("fast");
|
||||
filter_load();
|
||||
$("#filter-filtering").val("").trigger("input");
|
||||
});
|
||||
|
||||
$(document).on("click", ".filtering-block .filtering-token", function (e) {
|
||||
$(this).clone().appendTo("#files-filter");
|
||||
});
|
||||
|
||||
$(document).on("click", "#files-filter > .filtering-token", function (e) {
|
||||
$(this).remove();
|
||||
});
|
||||
|
||||
$(document).on("input", "#filter-filtering", function (e) {
|
||||
let filter = $(this).val().toLowerCase();
|
||||
let unfiltered = $("#filtering-tokens-all > .filtering-token");
|
||||
if (filter === "") {
|
||||
unfiltered.css("display", "");
|
||||
return;
|
||||
}
|
||||
unfiltered.each((index, element) => {
|
||||
let current = $(element);
|
||||
if (current.text().toLowerCase().includes(filter)) {
|
||||
current.css("display", "");
|
||||
} else {
|
||||
current.css("display", "none");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("click", "#filter-filtering", function (e) {
|
||||
$(this).val("").trigger("input");
|
||||
});
|
||||
@@ -0,0 +1,363 @@
|
||||
var lazy_loader;
|
||||
|
||||
function escapeHTML(unsafe) {
|
||||
return unsafe
|
||||
.replace(/&/g, "&")
|
||||
.replace(/</g, "<")
|
||||
.replace(/>/g, ">")
|
||||
.replace(/"/g, """)
|
||||
.replace(/'/g, "'");
|
||||
}
|
||||
|
||||
function beautify_date(date_string) {
|
||||
if (date_string == null) {
|
||||
return null;
|
||||
}
|
||||
let ts = new Date(date_string).getTime();
|
||||
let tz = new Date().getTimezoneOffset();
|
||||
return new Date(ts-tz*60000).toISOString().slice(0, 19).replace("T", " ");
|
||||
}
|
||||
|
||||
function close_select_manager() {
|
||||
$(".item-selected").removeClass("item-selected");
|
||||
$(".selection-manager").css("display", "none");
|
||||
$("#selection-count").text(0);
|
||||
$("main").css("padding-bottom", "");
|
||||
$("#selection-tags-other > .tag-preview").css("display", "");
|
||||
$("#selection-tags-selected > .tag-preview").css("display", "none");
|
||||
$("#selection-tags-filter").val("").trigger("input");
|
||||
$(".selection-tags").css("display", "none");
|
||||
}
|
||||
|
||||
function refresh_selection_tags() {
|
||||
$("#loader").css("display", "");
|
||||
let file_id_list = [];
|
||||
$("main > .file-preview.item-selected").each((index, element) => {
|
||||
file_id_list.push($(element).attr("file_id"));
|
||||
});
|
||||
$("#selection-tags-other > .tag-preview").css("display", "");
|
||||
$("#selection-tags-selected > .tag-preview").css("display", "none");
|
||||
$.ajax({
|
||||
url: location.pathname + "/tags",
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({action: "get", file_id_list: file_id_list}),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
resp.tag_id_list.forEach((tag_id) => {
|
||||
$(`#selection-tags-other > .tag-preview[tag_id='${tag_id}']`).css("display", "none");
|
||||
$(`#selection-tags-selected > .tag-preview[tag_id='${tag_id}']`).css("display", "");
|
||||
});
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function select_handler(curr) {
|
||||
let selection_count = +$("#selection-count").text();
|
||||
if (curr.hasClass("item-selected")) {
|
||||
curr.removeClass("item-selected");
|
||||
selection_count--;
|
||||
$("#selection-count").text(selection_count);
|
||||
if (!selection_count) {
|
||||
close_select_manager();
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
curr.addClass("item-selected");
|
||||
$(".selection-manager").css("display", "");
|
||||
$("main").css("padding-bottom", "80px");
|
||||
selection_count++;
|
||||
$("#selection-count").text(selection_count);
|
||||
}
|
||||
refresh_selection_tags();
|
||||
}
|
||||
|
||||
// $(window).on("load", function () {
|
||||
// lazy_loader = $(".file-thumb").Lazy({
|
||||
// scrollDirection: "vertical",
|
||||
// effect: "fadeIn",
|
||||
// visibleOnly: true,
|
||||
// appendScroll: $("main")[0],
|
||||
// chainable: false,
|
||||
// });
|
||||
// });
|
||||
|
||||
$(document).keyup(function (e) {
|
||||
switch (e.key) {
|
||||
case "Esc":
|
||||
case "Escape":
|
||||
close_select_manager();
|
||||
break;
|
||||
// case "Left":
|
||||
// case "ArrowLeft":
|
||||
// if (current_sasa_index >= 0) {
|
||||
// file_prev();
|
||||
// }
|
||||
// break;
|
||||
// case "Right":
|
||||
// case "ArrowRight":
|
||||
// if (current_sasa_index >= 0) {
|
||||
// file_next();
|
||||
// }
|
||||
// break;
|
||||
default:
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on("selectstart", ".item-preview", function (e) {
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
$(document).on("click", "#select", function (e) {
|
||||
if ($(".selection-manager").is(":visible")) {
|
||||
close_select_manager();
|
||||
return;
|
||||
}
|
||||
$(".selection-manager").css("display", "");
|
||||
$("main").css("padding-bottom", "80px");
|
||||
selection_count++;
|
||||
$("#selection-count").text(selection_count);
|
||||
});
|
||||
|
||||
$(document).on("click", "main > .file-preview", function (e) {
|
||||
e.preventDefault();
|
||||
if ($(".selection-manager").is(":visible")) {
|
||||
select_handler($(this));
|
||||
return;
|
||||
}
|
||||
let id = $(this).attr("file_id");
|
||||
$("#viewer").attr("src", "/files/" + id);
|
||||
$("#view-prev").attr("file_id", $(this).prev(":visible").attr("file_id"));
|
||||
$("#view-next").attr("file_id", $(this).next(":visible").attr("file_id"));
|
||||
$(".viewer-wrapper").css("display", "");
|
||||
});
|
||||
|
||||
$(document).on("click", "main > .tag-preview", function (e) {
|
||||
e.preventDefault();
|
||||
if ($(".selection-manager").is(":visible")) {
|
||||
select_handler($(this));
|
||||
return;
|
||||
}
|
||||
let id = $(this).attr("tag_id");
|
||||
location.href = "/tags/" + id;
|
||||
});
|
||||
|
||||
$(document).on("click", "main > .category-preview", function (e) {
|
||||
e.preventDefault();
|
||||
if ($(".selection-manager").is(":visible")) {
|
||||
select_handler($(this));
|
||||
return;
|
||||
}
|
||||
let id = $(this).attr("category_id");
|
||||
location.href = "/categories/" + id;
|
||||
});
|
||||
|
||||
$(document).on("click", "#sorting", function (e) {
|
||||
$("#sorting-options").slideToggle("fast");
|
||||
if ($("#sorting-options").is(":visible")) {
|
||||
key_prev = $("input[name='sorting'][prev-checked]").val();
|
||||
key_curr = $("input[name='sorting']:checked").val();
|
||||
asc_prev = $("input[name='order'][prev-checked]").val();
|
||||
asc_curr = $("input[name='order']:checked").val();
|
||||
if (key_curr != key_prev || asc_curr != asc_prev) {
|
||||
$.ajax({
|
||||
url: "/settings/sorting",
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({[location.pathname.split('/')[1]]: {key: key_curr, asc: (asc_curr == "asc")}}),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
if (resp.status) {
|
||||
location.reload();
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on("input", "#filter", function (e) {
|
||||
let filter = $(this).val().toLowerCase();
|
||||
let unfiltered = $("main > .item-preview");
|
||||
if (filter === "") {
|
||||
unfiltered.css("display", "");
|
||||
return;
|
||||
}
|
||||
unfiltered.each((index, element) => {
|
||||
let current = $(element);
|
||||
if (current.text().toLowerCase().includes(filter)) {
|
||||
current.css("display", "");
|
||||
} else {
|
||||
current.css("display", "none");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("click", ".filtering", function (e) {
|
||||
$(this).val("").trigger("input");
|
||||
})
|
||||
|
||||
$(document).on("click", "#selection-info", function (e) {
|
||||
close_select_manager();
|
||||
});
|
||||
|
||||
$(document).on("click", "#selection-edit-tags", function (e) {
|
||||
$(".selection-tags").slideToggle("fast");
|
||||
});
|
||||
|
||||
$(document).on("click", "#selection-delete", function (e) {
|
||||
if (!confirm("Delete selected?")) {
|
||||
return;
|
||||
}
|
||||
let file_id_list = [];
|
||||
$("main > .file-preview.item-selected").each((index, element) => {
|
||||
file_id_list.push($(element).attr("file_id"));
|
||||
});
|
||||
$.ajax({
|
||||
url: location.pathname + "/delete",
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({file_id_list: file_id_list}),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
location.reload();
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("click", "#selection-tags-other > .tag-preview", function (e) {
|
||||
$("#loader").css("display", "");
|
||||
let tag_id = $(this).attr("tag_id");
|
||||
let file_id_list = [];
|
||||
$("main > .file-preview.item-selected").each((index, element) => {
|
||||
file_id_list.push($(element).attr("file_id"));
|
||||
});
|
||||
$.ajax({
|
||||
url: location.pathname + "/tags",
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({action: "add", file_id_list: file_id_list, tag_id: tag_id}),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
resp.tag_id_list.forEach((tag_id) => {
|
||||
$(`#selection-tags-other > .tag-preview[tag_id='${tag_id}']`).css("display", "none");
|
||||
$(`#selection-tags-selected > .tag-preview[tag_id='${tag_id}']`).css("display", "");
|
||||
});
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("click", "#selection-tags-selected > .tag-preview", function (e) {
|
||||
$("#loader").css("display", "");
|
||||
let tag_id = $(this).attr("tag_id");
|
||||
let file_id_list = [];
|
||||
$("main > .file-preview.item-selected").each((index, element) => {
|
||||
file_id_list.push($(element).attr("file_id"));
|
||||
});
|
||||
$.ajax({
|
||||
url: location.pathname + "/tags",
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({action: "remove", file_id_list: file_id_list, tag_id: tag_id}),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
$(`#selection-tags-selected > .tag-preview[tag_id='${tag_id}']`).css("display", "none");
|
||||
$(`#selection-tags-other > .tag-preview[tag_id='${tag_id}']`).css("display", "");
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("input", "#selection-tags-filter", function (e) {
|
||||
let filter = $(this).val().toLowerCase();
|
||||
let unfiltered = $("#selection-tags-other > .item-preview");
|
||||
if (filter === "") {
|
||||
unfiltered.css("display", "");
|
||||
return;
|
||||
}
|
||||
unfiltered.each((index, element) => {
|
||||
let current = $(element);
|
||||
if (current.text().toLowerCase().includes(filter)) {
|
||||
current.css("display", "");
|
||||
} else {
|
||||
current.css("display", "none");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("scroll", $("#viewer").contents(), function (e) {
|
||||
let pos = $(this).scrollTop();
|
||||
$(window.parent.document).find(".viewer-nav").css({
|
||||
top: (-pos) + "px",
|
||||
bottom: pos + "px"
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("click", "#view-next", function (e) {
|
||||
let id = $(this).attr("file_id");
|
||||
if (!id) {
|
||||
return;
|
||||
}
|
||||
let curr = $(`.file-preview[file_id='${id}']`)
|
||||
$("#viewer").attr("src", "/files/" + id);
|
||||
$("#view-prev").attr("file_id", curr.prev(":visible").attr("file_id"));
|
||||
$("#view-next").attr("file_id", curr.next(":visible").attr("file_id"));
|
||||
$(".viewer-wrapper").css("display", "");
|
||||
});
|
||||
|
||||
$(document).on("click", "#view-prev", function (e) {
|
||||
let id = $(this).attr("file_id");
|
||||
if (!id) {
|
||||
return;
|
||||
}
|
||||
let curr = $(`.file-preview[file_id='${id}']`)
|
||||
$("#viewer").attr("src", "/files/" + id);
|
||||
$("#view-prev").attr("file_id", curr.prev(":visible").attr("file_id"));
|
||||
$("#view-next").attr("file_id", curr.next(":visible").attr("file_id"));
|
||||
$(".viewer-wrapper").css("display", "");
|
||||
});
|
||||
|
||||
$(document).on("click", "#view-close", function (e) {
|
||||
$(".viewer-wrapper").css("display", "none");
|
||||
});
|
||||
@@ -0,0 +1,18 @@
|
||||
$(window).on("load", function () {
|
||||
$.ajax({
|
||||
url: "/api/get_my_sessions",
|
||||
type: "GET",
|
||||
contentType: "application/json",
|
||||
success: function (resp) {
|
||||
let timezone_offset = new Date().getTimezoneOffset();
|
||||
resp.forEach((session) => {
|
||||
let s_started = beautify_date(session.started);
|
||||
let s_expires = beautify_date(session.expires);
|
||||
$("#sessions-table").append(`<tr><td>${session.user_agent_name}</td><td>${s_started}</td><td>${s_expires === null ? "-" : session.expires}</td><td align="right"><img src="/static/images/icon-terminate.svg" alt="Terminate" class="btn-terminate" session_id="${session.id}"></td></tr>`);
|
||||
});
|
||||
},
|
||||
failure: function (err) {
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,89 @@
|
||||
$(document).on("input", "#parent-tags-filter", function (e) {
|
||||
let filter = $(this).val().toLowerCase();
|
||||
let unfiltered = $("#parent-tags-other > .tag-preview");
|
||||
if (filter === "") {
|
||||
unfiltered.css("display", "");
|
||||
return;
|
||||
}
|
||||
unfiltered.each((index, element) => {
|
||||
let current = $(element);
|
||||
if (current.text().toLowerCase().includes(filter)) {
|
||||
current.css("display", "");
|
||||
} else {
|
||||
current.css("display", "none");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("click", "#parent-tags-other > .tag-preview", function (e) {
|
||||
$("#loader").css("display", "");
|
||||
let tag_id = $(this).attr("tag_id");
|
||||
$.ajax({
|
||||
url: location.pathname + "/parent",
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({add: true, tag_id: $(this).attr("tag_id")}),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
$(`#parent-tags-other > .tag-preview[tag_id='${tag_id}']`).css("display", "none");
|
||||
$(`#parent-tags-selected > .tag-preview[tag_id='${tag_id}']`).css("display", "");
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("click", "#parent-tags-selected > .tag-preview", function (e) {
|
||||
$("#loader").css("display", "");
|
||||
let tag_id = $(this).attr("tag_id");
|
||||
$.ajax({
|
||||
url: location.pathname + "/parent",
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({add: false, tag_id: $(this).attr("tag_id")}),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
$(`#parent-tags-selected > .tag-preview[tag_id='${tag_id}']`).css("display", "none");
|
||||
$(`#parent-tags-other > .tag-preview[tag_id='${tag_id}']`).css("display", "");
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("submit", "#object-edit", function (e) {
|
||||
e.preventDefault();
|
||||
$("#loader").css("display", "");
|
||||
$.ajax({
|
||||
url: location.pathname + "/edit",
|
||||
type: "POST",
|
||||
data: $(this).serialize(),
|
||||
dataType: "json",
|
||||
success: function (resp) {
|
||||
$("#loader").css("display", "none");
|
||||
if (resp.status) {
|
||||
location.href = location.pathname.substring(0, location.pathname.lastIndexOf("/"));
|
||||
} else {
|
||||
alert(resp.error);
|
||||
}
|
||||
},
|
||||
failure: function (err) {
|
||||
$("#loader").css("display", "none");
|
||||
alert(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square70x70logo src="/images/ms-icon-70x70.png" />
|
||||
<square150x150logo src="/images/ms-icon-150x150.png" />
|
||||
<square310x310logo src="/images/ms-icon-310x310.png" />
|
||||
<TileColor>#615880</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
|
After Width: | Height: | Size: 20 KiB |
@@ -0,0 +1,2 @@
|
||||
User-agent: *
|
||||
Disallow: /
|
||||
@@ -0,0 +1,49 @@
|
||||
{
|
||||
"name": "Tanabata File Manager",
|
||||
"short_name": "Tanabata",
|
||||
"lang": "en-US",
|
||||
"description": "Tanabata File Manager PWA",
|
||||
"start_url": "/",
|
||||
"scope": "/",
|
||||
"display": "standalone",
|
||||
"theme_color": "#615880",
|
||||
"background_color": "#312F45",
|
||||
"icons": [
|
||||
{
|
||||
"src": "\/images\/android-icon-36x36.png",
|
||||
"sizes": "36x36",
|
||||
"type": "image\/png",
|
||||
"density": "0.75"
|
||||
},
|
||||
{
|
||||
"src": "\/images\/android-icon-48x48.png",
|
||||
"sizes": "48x48",
|
||||
"type": "image\/png",
|
||||
"density": "1.0"
|
||||
},
|
||||
{
|
||||
"src": "\/images\/android-icon-72x72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image\/png",
|
||||
"density": "1.5"
|
||||
},
|
||||
{
|
||||
"src": "\/images\/android-icon-96x96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image\/png",
|
||||
"density": "2.0"
|
||||
},
|
||||
{
|
||||
"src": "\/images\/android-icon-144x144.png",
|
||||
"sizes": "144x144",
|
||||
"type": "image\/png",
|
||||
"density": "3.0"
|
||||
},
|
||||
{
|
||||
"src": "\/images\/android-icon-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image\/png",
|
||||
"density": "4.0"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include 'head.html' %}
|
||||
<title>Welcome to Tanabata File Manager!</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/auth.css') }}">
|
||||
</head>
|
||||
<body data-bs-theme="dark">
|
||||
<img src="{{ url_for('static', filename='images/tanabata-left.png') }}" alt="" class="decoration left">
|
||||
<img src="{{ url_for('static', filename='images/tanabata-right.png') }}" alt="" class="decoration right">
|
||||
<form id="auth">
|
||||
<h1>Welcome to Tanabata File Manager!</h1>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control form-control-lg" id="username" name="username" placeholder="Username..." required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="password" class="form-control form-control-lg" id="password" name="password" placeholder="Password..." required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary" id="login">Log in</button>
|
||||
</div>
|
||||
</form>
|
||||
<script src="{{ url_for('static', filename='js/auth.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,29 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="{{ url_for('static', filename='images/apple-icon-57x57.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="{{ url_for('static', filename='images/apple-icon-60x60.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{{ url_for('static', filename='images/apple-icon-72x72.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{{ url_for('static', filename='images/apple-icon-76x76.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{{ url_for('static', filename='images/apple-icon-114x114.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="{{ url_for('static', filename='images/apple-icon-120x120.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{{ url_for('static', filename='images/apple-icon-144x144.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="{{ url_for('static', filename='images/apple-icon-152x152.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='images/apple-icon-180x180.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="{{ url_for('static', filename='images/android-icon-192x192.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/favicon-32x32.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="{{ url_for('static', filename='images/favicon-96x96.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='images/favicon-16x16.png') }}">
|
||||
<link rel="manifest" href="/tanabata.webmanifest">
|
||||
<meta name="msapplication-TileColor" content="#615880">
|
||||
<meta name="msapplication-TileImage" content="{{ url_for('static', filename='images/ms-icon-144x144.png') }}">
|
||||
<meta name="theme-color" content="#615880">
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: Epilogue;
|
||||
src: url({{ url_for('static', filename='fonts/Epilogue-VariableFont_wght.ttf') }});
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/general.css') }}">
|
||||
<script src="{{ url_for('static', filename='js/jquery-3.6.0.min.js') }}"></script>
|
||||
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include 'head.html' %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/interface.css') }}">
|
||||
<title>New category | Tanabata File Manager</title>
|
||||
</head>
|
||||
<body data-bs-theme="dark">
|
||||
<header>
|
||||
<h1><img src="{{ url_for('static', filename='images/icon-category.svg') }}" alt="Category -" class="icon-header"> New category</h1>
|
||||
<form id="object-add" method="POST" action="/categories/new">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-10">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" name="name" id="name" required>
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label for="color">Color</label>
|
||||
<input type="color" class="form-control form-control-color" name="color" id="color" value="#444455">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="notes">Notes</label>
|
||||
<textarea class="form-control" name="notes" id="notes" rows="3"></textarea>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label for="is_private" class="form-check-label">Is private</label>
|
||||
<input type="checkbox" name="is_private" id="is_private" class="form-check-input" checked>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary">Add category</button>
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<div id="loader" style="display: none">
|
||||
<div class="loader-wrapper">
|
||||
<img src="{{ url_for('static', filename='images/loader.gif') }}" alt="Loading..." class="loader-img">
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ url_for('static', filename='js/interface.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/add-category.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,82 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include 'head.html' %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/interface.css') }}">
|
||||
<title>New file | Tanabata File Manager</title>
|
||||
<style>
|
||||
.tags-container {
|
||||
margin: 15px 0;
|
||||
padding: 10px;
|
||||
height: 200px;
|
||||
background-color: #212529;
|
||||
border: 1px solid #495057;
|
||||
border-radius: .375rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-content: flex-start;
|
||||
align-items: flex-start;
|
||||
flex-wrap: wrap;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.tags-container:after {
|
||||
content: "";
|
||||
flex: auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body data-bs-theme="dark">
|
||||
<div class="file">
|
||||
<a href="/static/files/{{ file['id'] }}.{{ file['extension'] }}" class="preview-link" target="_blank">
|
||||
<img src="/static/previews/{{ file['id'] }}.{{ file['extension'] }}" alt="{{ file['id'] }}.{{ file['extension'] }}" class="preview-img">
|
||||
</a>
|
||||
</div>
|
||||
<header>
|
||||
<form id="object-edit">
|
||||
<div class="form-group">
|
||||
<label for="notes">Notes</label>
|
||||
<textarea class="form-control" name="init-notes" rows="3" hidden>{{ file['notes'] }}</textarea>
|
||||
<textarea class="form-control" id="notes" name="notes" rows="3">{{ file['notes'] }}</textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="datetime">Datetime</label>
|
||||
<input type="datetime-local" class="form-control" name="init-datetime" step="1" value="{{ file['datetime'] }}" hidden>
|
||||
<input type="datetime-local" class="form-control" id="datetime" name="datetime" step="1" value="{{ file['datetime'] }}" required>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label for="is-private" class="form-check-label">Is private</label>
|
||||
<input type="checkbox" class="form-check-input" name="init-is_private" {% if file['is_private'] %}checked{% endif %} hidden>
|
||||
<input type="checkbox" class="form-check-input" name="is_private" {% if file['is_private'] %}checked{% endif %}>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="file-tags">
|
||||
<div class="tags-container tags-container-selected" id="file-tags-selected">
|
||||
{% for tag in tags %}
|
||||
<div class="tag-preview" tag_id="{{ tag['id'] }}"{% if tag['color'] %} style="background-color: #{{ tag['color'] }}"{% elif tag['category_color'] %} style="background-color: #{{ tag['category_color'] }}"{% endif %}>{{ tag['name'] }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<input type="text" class="form-control" id="file-tags-filter" placeholder="Filter tags...">
|
||||
<div class="tags-container" id="file-tags-other">
|
||||
{% for tag in tags_all %}
|
||||
{% if tag not in tags %}
|
||||
<div class="tag-preview" tag_id="{{ tag['id'] }}"{% if tag['color'] %} style="background-color: #{{ tag['color'] }}"{% elif tag['category_color'] %} style="background-color: #{{ tag['category_color'] }}"{% endif %}>{{ tag['name'] }}</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div id="loader" style="display: none">
|
||||
<div class="loader-wrapper">
|
||||
<img src="{{ url_for('static', filename='images/loader.gif') }}" alt="Loading..." class="loader-img">
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ url_for('static', filename='js/interface.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/file.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include 'head.html' %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/interface.css') }}">
|
||||
<title>New tag | Tanabata File Manager</title>
|
||||
</head>
|
||||
<body data-bs-theme="dark">
|
||||
<header>
|
||||
<h1><img src="{{ url_for('static', filename='images/icon-tag.svg') }}" alt="Tag -" class="icon-header"> New tag</h1>
|
||||
<form id="object-add" method="POST" action="/tags/new">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-10">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" name="name" id="name" required>
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label for="color">Color</label>
|
||||
<input type="color" class="form-control form-control-color" name="color" id="color" value="#444455">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="notes">Notes</label>
|
||||
<textarea class="form-control" name="notes" id="notes" rows="3"></textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="category">Category</label>
|
||||
<select name="category_id" class="form-control" id="category">
|
||||
<option></option>
|
||||
{% for category in categories %}
|
||||
<option value="{{ category['id'] }}">{{ category['name'] }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label for="is_private" class="form-check-label">Is private</label>
|
||||
<input type="checkbox" name="is_private" id="is_private" class="form-check-input" checked>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary">Add tag</button>
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<div id="loader" style="display: none">
|
||||
<div class="loader-wrapper">
|
||||
<img src="{{ url_for('static', filename='images/loader.gif') }}" alt="Loading..." class="loader-img">
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ url_for('static', filename='js/interface.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/add-tag.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
{% extends 'section.html' %}
|
||||
{% set section = 'categories' %}
|
||||
{% set sorting_options = ['name', 'color', 'created'] %}
|
||||
|
||||
{% block Header %}
|
||||
<div class="filtering-wrapper">
|
||||
<input type="text" class="form-control filtering" id="filter" placeholder="Filter {{ section }}...">
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block Main %}
|
||||
{% for category in categories %}
|
||||
<div class="item-preview category-preview" category_id="{{ category['id'] }}"{% if category['color'] %} style="background-color: #{{ category['color'] }}"{% endif %}>{{ category['name'] }}</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,33 @@
|
||||
{% extends 'section.html' %}
|
||||
{% set section = 'files' %}
|
||||
{% set sorting_options = ['mime_name', 'datetime', 'created'] %}
|
||||
|
||||
{% block Header %}
|
||||
<div class="filtering-wrapper">
|
||||
<div class="filtering-tokens" id="files-filter"></div>
|
||||
</div>
|
||||
<div class="filtering-block" style="display: none">
|
||||
<div class="filtering-operators">
|
||||
<div class="filtering-token" val="("><i>(</i></div>
|
||||
<div class="filtering-token" val="&"><i>AND</i></div>
|
||||
<div class="filtering-token" val="!"><i>NOT</i></div>
|
||||
<div class="filtering-token" val="|"><i>OR</i></div>
|
||||
<div class="filtering-token" val=")"><i>)</i></div>
|
||||
</div>
|
||||
<div class="filtering-filter">
|
||||
<input type="text" class="form-control filtering" id="filter-filtering" placeholder="Filter tags...">
|
||||
</div>
|
||||
<div class="filtering-tokens" id="filtering-tokens-all">
|
||||
<div class="filtering-token" val="t=00000000-0000-0000-0000-000000000000"><i>Untagged</i></div>
|
||||
<div class="filtering-token" val="m~image%"><i>MIME: image/*</i></div>
|
||||
<div class="filtering-token" val="m~video%"><i>MIME: video/*</i></div>
|
||||
</div>
|
||||
<div class="form-group btn-row">
|
||||
<button class="btn btn-primary" id="filtering-apply" style="width: 48%;">Apply</button>
|
||||
<button class="btn btn-danger" id="filtering-reset" style="width: 48%;">Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block Main %}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,35 @@
|
||||
{% extends 'section.html' %}
|
||||
{% set section = 'settings' %}
|
||||
|
||||
{% block Main %}
|
||||
<form id="settings-user">
|
||||
<h2>User settings</h2>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="username">Username</label>
|
||||
<input type="text" class="form-control" name="username" id="username" value="{{ 'aboba' }}" required>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" class="form-control" name="password" id="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" style="margin-top: 14px">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sessions-wrapper">
|
||||
<h2>Sessions</h2>
|
||||
<table class="table table-dark table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>User agent</th>
|
||||
<th>Started</th>
|
||||
<th>Expires</th>
|
||||
<th>Terminate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="sessions-table"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,15 @@
|
||||
{% extends 'section.html' %}
|
||||
{% set section = 'tags' %}
|
||||
{% set sorting_options = ['name', 'color', 'category_name', 'created'] %}
|
||||
|
||||
{% block Header %}
|
||||
<div class="filtering-wrapper">
|
||||
<input type="text" class="form-control filtering" id="filter" placeholder="Filter {{ section }}...">
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block Main %}
|
||||
{% for tag in tags %}
|
||||
<div class="item-preview tag-preview" tag_id="{{ tag['id'] }}"{% if tag['color'] %} style="background-color: #{{ tag['color'] }}"{% elif tag['category_color'] %} style="background-color: #{{ tag['category_color'] }}"{% endif %}>{{ tag['name'] }}</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include 'head.html' %}
|
||||
<title>{{ section[0]|upper() }}{{ section[1:] }} | Tanabata File Manager</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/interface.css') }}">
|
||||
{% if section == 'files' %}
|
||||
<!-- <script src="{{ url_for('static', filename='js/jquery.lazy.min.js') }}"></script> -->
|
||||
{% endif %}
|
||||
</head>
|
||||
<body data-bs-theme="dark">
|
||||
{% if section != 'settings' %}
|
||||
<header>
|
||||
<div class="sorting">
|
||||
<div class="highlighted" id="select">Select</div>
|
||||
<div id="sorting">Sorting by <span class="highlighted" id="attribute">{{ sorting['key'] }} ({% if sorting['asc'] %}asc{% else %}desc{% endif %})</span> <img src="{{ url_for('static', filename='images/icon-expand.svg') }}" alt="" id="icon-expand"></div>
|
||||
<form id="sorting-options" style="display: none">
|
||||
{% for opt in sorting_options %}
|
||||
<div class="form-check sorting-option">
|
||||
<label class="form-check-label" for="{{ opt }}">{{ opt }}</label>
|
||||
<input type="radio" class="form-check-input" name="sorting" value="{{ opt }}" id="{{ opt }}" {% if opt == sorting['key'] %}checked prev-checked{% endif %}>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<hr>
|
||||
<div class="form-check sorting-option">
|
||||
<label class="form-check-label" for="asc">ascending</label>
|
||||
<input type="radio" class="form-check-input" name="order" value="asc" id="asc" {% if sorting['asc'] %}checked prev-checked{% endif %}>
|
||||
</div>
|
||||
<div class="form-check sorting-option">
|
||||
<label class="form-check-label" for="desc">descending</label>
|
||||
<input type="radio" class="form-check-input" name="order" value="desc" id="desc" {% if not sorting['asc'] %}checked prev-checked{% endif %}>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% block Header %}{% endblock %}
|
||||
</header>
|
||||
{% endif %}
|
||||
<main>
|
||||
{% block Main %}{% endblock %}
|
||||
</main>
|
||||
{% if section != 'settings' %}
|
||||
<div class="selection-manager" style="display: none">
|
||||
<div class="selection-header">
|
||||
<div id="selection-info"><span id="selection-count">0</span> selected</div>
|
||||
{% if section == 'files' %}
|
||||
<div id="selection-edit-tags">Edit tags</div>
|
||||
<div id="selection-add-to-pool">Add to pool</div>
|
||||
{% endif %}
|
||||
<div id="selection-delete">Delete</div>
|
||||
</div>
|
||||
<hr>
|
||||
{% if section == 'files' %}
|
||||
<div class="selection-tags" style="display: none">
|
||||
<div class="tags-container tags-container-selected" id="selection-tags-selected">
|
||||
{% for tag in tags_all %}
|
||||
<div class="tag-preview" tag_id="{{ tag['id'] }}" style="{% if tag['color'] %}background-color: #{{ tag['color'] }};{% elif tag['category_color'] %}background-color: #{{ tag['category_color'] }};{% endif %};display: none">{{ tag['name'] }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<input type="text" class="form-control filtering" id="selection-tags-filter" placeholder="Filter tags...">
|
||||
<div class="tags-container" id="selection-tags-other">
|
||||
{% for tag in tags_all %}
|
||||
<div class="item-preview tag-preview" tag_id="{{ tag['id'] }}"{% if tag['color'] %} style="background-color: #{{ tag['color'] }}"{% elif tag['category_color'] %} style="background-color: #{{ tag['category_color'] }}"{% endif %}>{{ tag['name'] }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if section == 'files' %}
|
||||
<div class="viewer-wrapper" style="display: none">
|
||||
<div class="viewer-nav viewer-nav-close" id="view-close">
|
||||
<div class="viewer-nav-icon" style="background-image: url({{ url_for('static', filename='images/layer-controls.png') }}); background-position: -3px 0;"></div>
|
||||
</div>
|
||||
<div class="viewer-nav viewer-nav-prev" id="view-prev">
|
||||
<div class="viewer-nav-icon" style="background-image: url({{ url_for('static', filename='images/layer-controls.png') }}); background-position: 0-25px;"></div>
|
||||
</div>
|
||||
<div class="viewer-nav viewer-nav-next" id="view-next">
|
||||
<div class="viewer-nav-icon" style="background-image: url({{ url_for('static', filename='images/layer-controls.png') }}); background-position: 0-63px;"></div>
|
||||
</div>
|
||||
<iframe src="" frameborder="0" id="viewer"></iframe>
|
||||
</div>
|
||||
{% endif %}
|
||||
<footer>
|
||||
{% if section == 'categories' %}
|
||||
<a href="/categories/new" class="nav curr"><img src="{{ url_for('static', filename='images/icon-add.svg') }}" alt="Add category" class="navicon"></a>
|
||||
{% else %}
|
||||
<a href="/categories" class="nav"><img src="{{ url_for('static', filename='images/icon-category.svg') }}" alt="Categories" class="navicon"></a>
|
||||
{% endif %}
|
||||
|
||||
{% if section == 'tags' %}
|
||||
<a href="/tags/new" class="nav curr"><img src="{{ url_for('static', filename='images/icon-add.svg') }}" alt="Add tag" class="navicon"></a>
|
||||
{% else %}
|
||||
<a href="/tags" class="nav"><img src="{{ url_for('static', filename='images/icon-tag.svg') }}" alt="Tags" class="navicon"></a>
|
||||
{% endif %}
|
||||
|
||||
{% if section == 'files' %}
|
||||
<a href="/files/new" class="nav curr"><img src="{{ url_for('static', filename='images/icon-add.svg') }}" alt="Add file" class="navicon"></a>
|
||||
{% else %}
|
||||
<a href="/files" class="nav"><img src="{{ url_for('static', filename='images/icon-file.svg') }}" alt="Files" class="navicon"></a>
|
||||
{% endif %}
|
||||
|
||||
{% if section == 'pools' %}
|
||||
<a href="/pools/new" class="nav curr"><img src="{{ url_for('static', filename='images/icon-add.svg') }}" alt="Add pool" class="navicon"></a>
|
||||
{% else %}
|
||||
<a href="/pools" class="nav"><img src="{{ url_for('static', filename='images/icon-pool.svg') }}" alt="Pools" class="navicon"></a>
|
||||
{% endif %}
|
||||
|
||||
{% if section == 'settings' %}
|
||||
<a href="/settings" class="nav curr"><img src="{{ url_for('static', filename='images/icon-settings.svg') }}" alt="Settings" class="navicon"></a>
|
||||
{% else %}
|
||||
<a href="/settings" class="nav"><img src="{{ url_for('static', filename='images/icon-settings.svg') }}" alt="Settings" class="navicon"></a>
|
||||
{% endif %}
|
||||
</footer>
|
||||
<script src="{{ url_for('static', filename='js/interface.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/'+ section + '.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include 'head.html' %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/interface.css') }}">
|
||||
<title>Category - {{ category['name'] }} | Tanabata File Manager</title>
|
||||
</head>
|
||||
<body data-bs-theme="dark">
|
||||
<header>
|
||||
<h1><img src="{{ url_for('static', filename='images/icon-category.svg') }}" alt="Category -" class="icon-header"> {{ category['name'] }}</h1>
|
||||
<form id="object-edit">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-10">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" name="name" id="name" value="{{ category['name'] }}" required>
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label for="color">Color</label>
|
||||
<input type="color" class="form-control form-control-color" name="color" id="color" value="#{% if category['color'] %}{{ category['color'] }}{% else %}444455{% endif %}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="notes">Notes</label>
|
||||
<textarea class="form-control" name="notes" id="notes" rows="3">{{ category['notes'] }}</textarea>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label for="is_private" class="form-check-label">Is private</label>
|
||||
<input type="checkbox" name="is_private" id="is_private" class="form-check-input" {% if category['is_private'] %}checked{% endif %}>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<div id="loader" style="display: none">
|
||||
<div class="loader-wrapper">
|
||||
<img src="{{ url_for('static', filename='images/loader.gif') }}" alt="Loading..." class="loader-img">
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ url_for('static', filename='js/interface.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/category.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include 'head.html' %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/interface.css') }}">
|
||||
<title>File - {{ file['id'] }}.{{ file['extension'] }} | Tanabata File Manager</title>
|
||||
</head>
|
||||
<body data-bs-theme="dark">
|
||||
<div class="file">
|
||||
<a href="/static/files/{{ file['id'] }}" class="preview-link" target="_blank">
|
||||
<img src="/static/previews/{{ file['id'] }}" alt="{{ file['id'] }}" class="preview-img">
|
||||
</a>
|
||||
</div>
|
||||
<header>
|
||||
<form id="object-edit">
|
||||
<div class="form-group">
|
||||
<label for="notes">Notes</label>
|
||||
<textarea class="form-control" name="init-notes" rows="3" hidden>{{ file['notes'] }}</textarea>
|
||||
<textarea class="form-control" id="notes" name="notes" rows="3">{{ file['notes'] }}</textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="datetime">Datetime</label>
|
||||
<input type="datetime-local" class="form-control" name="init-datetime" step="1" value="{{ file['datetime'] }}" hidden>
|
||||
<input type="datetime-local" class="form-control" id="datetime" name="datetime" step="1" value="{{ file['datetime'] }}" required>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label for="is_private" class="form-check-label">Is private</label>
|
||||
<input type="checkbox" class="form-check-input" name="init-is_private" {% if file['is_private'] %}checked{% endif %} hidden>
|
||||
<input type="checkbox" class="form-check-input" id="is_private" name="is_private" {% if file['is_private'] %}checked{% endif %}>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="file-tags">
|
||||
<div class="tags-container" id="file-tags-selected">
|
||||
{% for tag in tags_all %}
|
||||
<div class="tag-preview" tag_id="{{ tag['id'] }}" style="{% if tag['color'] %}background-color: #{{ tag['color'] }};{% elif tag['category_color'] %}background-color: #{{ tag['category_color'] }};{% endif %}{% if tag not in tags %}display: none;{% endif %}">{{ tag['name'] }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<input type="text" class="form-control filtering" id="file-tags-filter" placeholder="Filter tags...">
|
||||
<div class="tags-container" id="file-tags-other">
|
||||
{% for tag in tags_all %}
|
||||
<div class="tag-preview" tag_id="{{ tag['id'] }}" style="{% if tag['color'] %}background-color: #{{ tag['color'] }};{% elif tag['category_color'] %}background-color: #{{ tag['category_color'] }};{% endif %}{% if tag in tags %}display: none;{% endif %}">{{ tag['name'] }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div id="loader" style="display: none">
|
||||
<div class="loader-wrapper">
|
||||
<img src="{{ url_for('static', filename='images/loader.gif') }}" alt="Loading..." class="loader-img">
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ url_for('static', filename='js/interface.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/file.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include 'head.html' %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/interface.css') }}">
|
||||
<title>Tag - {{ tag['name'] }} | Tanabata File Manager</title>
|
||||
</head>
|
||||
<body data-bs-theme="dark">
|
||||
<header>
|
||||
<h1><img src="{{ url_for('static', filename='images/icon-tag.svg') }}" alt="Tag -" class="icon-header"> {{ tag['name'] }}</h1>
|
||||
<form id="object-edit">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-10">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" name="name" id="name" value="{{ tag['name'] }}" required>
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label for="color">Color</label>
|
||||
<input type="color" class="form-control form-control-color" name="color" id="color" value="#{% if tag['color'] %}{{ tag['color'] }}{% else %}444455{% endif %}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="notes">Notes</label>
|
||||
<textarea class="form-control" name="notes" id="notes" rows="3">{{ tag['notes'] }}</textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="category">Category</label>
|
||||
<select name="category_id" class="form-control" id="category">
|
||||
<option value="00000000-0000-0000-0000-000000000000"></option>
|
||||
{% for category in categories %}
|
||||
<option value="{{ category['id'] }}" {% if category['id'] == tag['category_id'] %}selected{% endif %}>{{ category['name'] }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label for="is_private" class="form-check-label">Is private</label>
|
||||
<input type="checkbox" name="is_private" id="is_private" class="form-check-input" {% if tag['is_private'] %}checked{% endif %}>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="parent-tags">
|
||||
<div class="tags-container tags-container-selected" id="parent-tags-selected">
|
||||
{% for tag in tags_all %}
|
||||
<div class="tag-preview" tag_id="{{ tag['id'] }}" style="{% if tag['color'] %}background-color: #{{ tag['color'] }};{% elif tag['category_color'] %}background-color: #{{ tag['category_color'] }};{% endif %}{% if tag not in parent_tags %}display: none;{% endif %}">{{ tag['name'] }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<input type="text" class="form-control filtering" id="parent-tags-filter" placeholder="Filter tags...">
|
||||
<div class="tags-container" id="parent-tags-other">
|
||||
{% for tag in tags_all %}
|
||||
<div class="tag-preview" tag_id="{{ tag['id'] }}" style="{% if tag['color'] %}background-color: #{{ tag['color'] }};{% elif tag['category_color'] %}background-color: #{{ tag['category_color'] }};{% endif %}{% if tag in parent_tags %}display: none;{% endif %}">{{ tag['name'] }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div id="loader" style="display: none">
|
||||
<div class="loader-wrapper">
|
||||
<img src="{{ url_for('static', filename='images/loader.gif') }}" alt="Loading..." class="loader-img">
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ url_for('static', filename='js/interface.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/tag.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,476 @@
|
||||
#!../venv/bin/python3
|
||||
|
||||
from flask import Flask, render_template, request, session, jsonify, redirect, url_for, send_from_directory, send_file, abort
|
||||
from flask_cors import CORS
|
||||
from ua_parser.user_agent_parser import ParseUserAgent
|
||||
import sys
|
||||
from os.path import dirname, abspath, join
|
||||
|
||||
sys.path.append(dirname(dirname(abspath(__file__))))
|
||||
import api.tfm_api as tfm_api
|
||||
|
||||
tfm_api.Initialize()
|
||||
app = Flask("TFM")
|
||||
CORS(app)
|
||||
app.secret_key = tfm_api.conf["Flask"]["SecretKey"]
|
||||
|
||||
|
||||
@app.route("/api/<func>", methods=["GET"])
|
||||
def api(func):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
return redirect("/")
|
||||
try:
|
||||
if func == "files":
|
||||
sorting = session.get("sorting")["files"]
|
||||
philter = request.args.get("filter")
|
||||
offset = request.args.get("offset", type=int, default=0)
|
||||
limit = request.args.get("limit", type=int)
|
||||
return jsonify(ts.get_files_by_filter(philter, sorting["key"], sorting["asc"], offset, limit))
|
||||
if func == "tags":
|
||||
sorting = session.get("sorting")["tags"]
|
||||
offset = request.args.get("offset", type=int, default=0)
|
||||
limit = request.args.get("limit", type=int)
|
||||
return jsonify(ts.get_tags(sorting["key"], sorting["asc"], offset, limit))
|
||||
if func == "get_my_sessions":
|
||||
offset = request.args.get("offset", type=int, default=0)
|
||||
limit = request.args.get("limit", type=int)
|
||||
return jsonify(ts.get_my_sessions(offset=offset, limit=limit))
|
||||
if func == "terminate_session":
|
||||
session_id = request.args.get("id");
|
||||
if session_id is None:
|
||||
session_id = ts.sid
|
||||
return jsonify(), 204
|
||||
abort(400)
|
||||
except Exception as e:
|
||||
print(e)
|
||||
abort(500, str(e))
|
||||
|
||||
|
||||
@app.route("/favicon.ico")
|
||||
@app.route("/robots.txt")
|
||||
@app.route("/tanabata.webmanifest")
|
||||
@app.route("/browserconfig.xml")
|
||||
def favicon():
|
||||
return send_from_directory(join(app.root_path, "static/service"), request.path[1:])
|
||||
|
||||
|
||||
@app.route("/", methods=["GET"])
|
||||
def index():
|
||||
if session.get("id"):
|
||||
return redirect("/files")
|
||||
return render_template("auth.html")
|
||||
|
||||
|
||||
@app.route("/auth", methods=["POST"])
|
||||
def auth():
|
||||
try:
|
||||
ts = tfm_api.authorize(
|
||||
request.form.get("username"),
|
||||
request.form.get("password"),
|
||||
ParseUserAgent(request.headers.get("User-Agent"))["family"]
|
||||
)
|
||||
except Exception as e:
|
||||
return jsonify({"status": False, "error": str(e).split('\n')[0]})
|
||||
else:
|
||||
logout()
|
||||
session["id"] = ts.sid
|
||||
session["sorting"] = tfm_api.DEFAULT_SORTING
|
||||
session.permanent = True
|
||||
session.modified = True
|
||||
return jsonify({"status": True, "is_admin": ts.is_admin})
|
||||
|
||||
|
||||
@app.route("/logout", methods=["GET"])
|
||||
def logout():
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
ts.terminate()
|
||||
finally:
|
||||
session.clear()
|
||||
return redirect("/")
|
||||
|
||||
|
||||
@app.route("/files", methods=["GET"])
|
||||
def files():
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
sorting = session.get("sorting")["files"]
|
||||
sorting_t = session.get("sorting")["tags"]
|
||||
except Exception as e:
|
||||
logout()
|
||||
return redirect("/")
|
||||
return render_template("section-files.html",
|
||||
files=ts.get_files(sorting["key"], sorting["asc"], limit=100),
|
||||
sorting=sorting,
|
||||
tags_all=ts.get_tags(sorting_t["key"], sorting_t["asc"])
|
||||
)
|
||||
|
||||
|
||||
@app.route("/tags", methods=["GET"])
|
||||
def tags():
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
sorting = session.get("sorting")["tags"]
|
||||
except Exception as e:
|
||||
logout()
|
||||
return redirect("/")
|
||||
return render_template("section-tags.html",
|
||||
tags=ts.get_tags(sorting["key"], sorting["asc"]),
|
||||
sorting=sorting
|
||||
)
|
||||
|
||||
|
||||
@app.route("/categories", methods=["GET"])
|
||||
def categories():
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
sorting = session.get("sorting")["categories"]
|
||||
except Exception as e:
|
||||
logout()
|
||||
return redirect("/")
|
||||
return render_template("section-categories.html",
|
||||
categories=ts.get_categories(sorting["key"], sorting["asc"]),
|
||||
sorting=sorting
|
||||
)
|
||||
|
||||
|
||||
@app.route("/settings", methods=["GET"])
|
||||
def settings():
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
return redirect("/")
|
||||
return render_template("section-settings.html")
|
||||
|
||||
|
||||
@app.route("/files/<file_id>", methods=["GET"])
|
||||
def file(file_id):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
return redirect("/")
|
||||
try:
|
||||
file = ts.get_file(file_id)
|
||||
if not file:
|
||||
abort(404, "File does not exist")
|
||||
file["datetime"] = file["datetime"].strftime('%Y-%m-%dT%H:%M:%S')
|
||||
sorting = session.get("sorting")["tags"]
|
||||
ts.view_file(file_id)
|
||||
return render_template("view-file.html",
|
||||
file=file,
|
||||
tags=ts.get_tags_by_file(file_id, sorting["key"], sorting["asc"]),
|
||||
tags_all=ts.get_tags(sorting["key"], sorting["asc"])
|
||||
)
|
||||
except Exception as e:
|
||||
abort(400, str(e).split('\n')[0])
|
||||
|
||||
|
||||
@app.route("/tags/<tag_id>", methods=["GET", "POST"])
|
||||
def tag(tag_id):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
if request.method == "POST":
|
||||
abort(401)
|
||||
return redirect("/")
|
||||
try:
|
||||
tag = ts.get_tag(tag_id)
|
||||
if not tag:
|
||||
raise RuntimeError("Tag does not exist")
|
||||
sorting_c = session.get("sorting")["categories"]
|
||||
sorting_t = session.get("sorting")["tags"]
|
||||
return render_template("view-tag.html",
|
||||
tag=tag,
|
||||
categories=ts.get_categories(sorting_c["key"], sorting_c["asc"]),
|
||||
parent_tags=ts.get_parent_tags(tag_id),
|
||||
tags_all=ts.get_tags(sorting_t["key"], sorting_t["asc"])
|
||||
)
|
||||
except Exception as e:
|
||||
abort(400, str(e).split('\n')[0])
|
||||
|
||||
|
||||
@app.route("/categories/<category_id>", methods=["GET", "POST"])
|
||||
def category(category_id):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
if request.method == "POST":
|
||||
abort(401)
|
||||
return redirect("/")
|
||||
try:
|
||||
category = ts.get_category(category_id)
|
||||
if not category:
|
||||
raise RuntimeError("Category does not exist")
|
||||
return render_template("view-category.html",
|
||||
category=category
|
||||
)
|
||||
except Exception as e:
|
||||
abort(400, str(e).split('\n')[0])
|
||||
|
||||
|
||||
@app.route("/tags/new", methods=["GET", "POST"])
|
||||
def new_tag():
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
if request.method == "POST":
|
||||
abort(401)
|
||||
return redirect("/")
|
||||
if request.method == "POST":
|
||||
try:
|
||||
color = request.form.get("color")
|
||||
if color == "#444455":
|
||||
color = None
|
||||
return jsonify({"status": True, "tag_id": ts.add_tag(request.form.get("name").strip(),
|
||||
request.form.get("notes"),
|
||||
color,
|
||||
request.form.get("category_id"),
|
||||
request.form.get("is_private", False))})
|
||||
except Exception as e:
|
||||
return jsonify({"status": False, "error": str(e).split('\n')[0]})
|
||||
try:
|
||||
sorting = session.get("sorting")["categories"]
|
||||
return render_template("new-tag.html",
|
||||
categories=ts.get_categories(sorting["key"], sorting["asc"])
|
||||
)
|
||||
except Exception as e:
|
||||
abort(400, str(e).split('\n')[0])
|
||||
|
||||
|
||||
@app.route("/categories/new", methods=["GET", "POST"])
|
||||
def new_category():
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
if request.method == "POST":
|
||||
abort(401)
|
||||
return redirect("/")
|
||||
if request.method == "POST":
|
||||
try:
|
||||
color = request.form.get("color")
|
||||
if color == "#444455":
|
||||
color = None
|
||||
return jsonify({"status": True, "tag_id": ts.add_category(request.form.get("name").strip(),
|
||||
request.form.get("notes"),
|
||||
color,
|
||||
request.form.get("is_private", False))})
|
||||
except Exception as e:
|
||||
return jsonify({"status": False, "error": str(e).split('\n')[0]})
|
||||
try:
|
||||
return render_template("new-category.html")
|
||||
except Exception as e:
|
||||
abort(400, str(e).split('\n')[0])
|
||||
|
||||
|
||||
@app.route("/files/<file_id>/edit", methods=["POST"])
|
||||
def edit_file(file_id):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
abort(401)
|
||||
try:
|
||||
ts.edit_file(file_id, None, request.form.get("datetime"), request.form.get("notes"), request.form.get("is_private", False))
|
||||
return jsonify({"status": True})
|
||||
except Exception as e:
|
||||
return jsonify({"status": False, "error": str(e).split('\n')[0]})
|
||||
|
||||
|
||||
@app.route("/tags/<tag_id>/edit", methods=["POST"])
|
||||
def edit_tag(tag_id):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
abort(401)
|
||||
try:
|
||||
color = request.form.get("color")
|
||||
if color == "#444455":
|
||||
color = ""
|
||||
ts.edit_tag(tag_id, request.form.get("name").strip(), request.form.get("notes"), color, request.form.get("category_id"), request.form.get("is_private", False))
|
||||
return jsonify({"status": True})
|
||||
except Exception as e:
|
||||
return jsonify({"status": False, "error": str(e).split('\n')[0]})
|
||||
|
||||
|
||||
@app.route("/categories/<category_id>/edit", methods=["POST"])
|
||||
def edit_category(category_id):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
abort(401)
|
||||
try:
|
||||
color = request.form.get("color")
|
||||
if color == "#444455":
|
||||
color = ""
|
||||
ts.edit_category(category_id, request.form.get("name").strip(), request.form.get("notes"), color, request.form.get("is_private", False))
|
||||
return jsonify({"status": True})
|
||||
except Exception as e:
|
||||
return jsonify({"status": False, "error": str(e).split('\n')[0]})
|
||||
|
||||
|
||||
@app.route("/files/<file_id>/tag", methods=["POST"])
|
||||
def file_tags(file_id):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
abort(401)
|
||||
try:
|
||||
req = request.get_json()
|
||||
if req["add"]:
|
||||
return jsonify({"status": True, "tags": ts.add_file_to_tag(file_id, req["tag_id"])})
|
||||
else:
|
||||
ts.remove_file_to_tag(file_id, req["tag_id"])
|
||||
return jsonify({"status": True})
|
||||
except Exception as e:
|
||||
return jsonify({"status": False, "error": str(e).split('\n')[0]})
|
||||
|
||||
|
||||
@app.route("/tags/<tag_id>/parent", methods=["POST"])
|
||||
def parent_tags(tag_id):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
abort(401)
|
||||
try:
|
||||
req = request.get_json()
|
||||
if req["add"]:
|
||||
ts.add_autotag(tag_id, req["tag_id"])
|
||||
return jsonify({"status": True})
|
||||
else:
|
||||
ts.remove_autotag(tag_id, req["tag_id"])
|
||||
return jsonify({"status": True})
|
||||
except Exception as e:
|
||||
return jsonify({"status": False, "error": str(e).split('\n')[0]})
|
||||
|
||||
|
||||
@app.route("/files/tags", methods=["POST"])
|
||||
def files_tags():
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
abort(401)
|
||||
try:
|
||||
req = request.get_json()
|
||||
if req["action"] == "get":
|
||||
res = set(map(lambda t: t["id"], ts.get_tags_by_file(req["file_id_list"][0])))
|
||||
for file_id in req["file_id_list"][1:]:
|
||||
res &= set(map(lambda t: t["id"], ts.get_tags_by_file(file_id)))
|
||||
return jsonify({"status": True, "tag_id_list": list(res)})
|
||||
elif req["action"] == "add":
|
||||
res = set()
|
||||
for file_id in req["file_id_list"]:
|
||||
res |= set(ts.add_file_to_tag(file_id, req["tag_id"]))
|
||||
return jsonify({"status": True, "tag_id_list": list(res)})
|
||||
elif req["action"] == "remove":
|
||||
for file_id in req["file_id_list"]:
|
||||
ts.remove_file_to_tag(file_id, req["tag_id"])
|
||||
return jsonify({"status": True})
|
||||
else:
|
||||
return jsonify({"status": False, "error": "unsupported action"})
|
||||
except Exception as e:
|
||||
return jsonify({"status": False, "error": str(e).split('\n')[0]})
|
||||
|
||||
|
||||
@app.route("/files/delete", methods=["POST"])
|
||||
def files_delete():
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
abort(401)
|
||||
try:
|
||||
req = request.get_json()
|
||||
for file_id in req["file_id_list"]:
|
||||
ts.remove_file(file_id)
|
||||
return jsonify({"status": True})
|
||||
except Exception as e:
|
||||
return jsonify({"status": False, "error": str(e).split('\n')[0]})
|
||||
|
||||
|
||||
@app.route("/static/files/<file_id>", methods=["GET"])
|
||||
def file_full(file_id=None):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
abort(404)
|
||||
try:
|
||||
file = ts.get_file(file_id)
|
||||
if not file:
|
||||
raise RuntimeError("File does not exist")
|
||||
return send_file(
|
||||
join(tfm_api.conf["Paths"]["Files"], file_id),
|
||||
mimetype=file["mime_name"],
|
||||
download_name=(file["orig_name"] if file["orig_name"] else "%s.%s" % (file_id, file["extension"]))
|
||||
)
|
||||
except:
|
||||
abort(404)
|
||||
|
||||
|
||||
@app.route("/static/thumbs/<file_id>", methods=["GET"])
|
||||
def thumb(file_id=None):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
abort(404)
|
||||
try:
|
||||
file = ts.get_file(file_id)
|
||||
if not file:
|
||||
raise RuntimeError("File does not exist")
|
||||
return send_file(
|
||||
tfm_api.previewer.get_jpeg_preview(join(tfm_api.conf["Paths"]["Files"], file_id), height=160, width=160),
|
||||
mimetype="image/jpeg"
|
||||
)
|
||||
except:
|
||||
abort(404)
|
||||
|
||||
|
||||
@app.route("/static/previews/<file_id>", methods=["GET"])
|
||||
def preview(file_id=None):
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
abort(404)
|
||||
try:
|
||||
file = ts.get_file(file_id)
|
||||
if not file:
|
||||
raise RuntimeError("File does not exist")
|
||||
return send_file(
|
||||
tfm_api.previewer.get_jpeg_preview(join(tfm_api.conf["Paths"]["Files"], file_id), height=1080, width=1920),
|
||||
mimetype="image/jpeg"
|
||||
)
|
||||
except:
|
||||
abort(404)
|
||||
|
||||
|
||||
@app.route("/settings/sorting", methods=["POST"])
|
||||
def sorting():
|
||||
try:
|
||||
ts = tfm_api.TSession(session.get("id"))
|
||||
except Exception as e:
|
||||
logout()
|
||||
return redirect("/")
|
||||
req = request.get_json()
|
||||
session["sorting"].update(req)
|
||||
session.modified = True
|
||||
return jsonify({"status": True})
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
app.run(host=tfm_api.conf["Flask"]["Host"], port=tfm_api.conf["Flask"]["Port"], debug=True)
|
||||