84186110e78df6df97fdf9212926778d83d4f957
- Rechte Sidebar in zwei Frames aufgeteilt: Objects (bisherig) + Words (neu) - Words-Frame: Wörter + Level (1–100) per Bild anlegen, dedupliziert via words_pictures Junction - Pending-Words in Primary-Farbe mit inline Level-Edit, gespeicherte Words in neutralem Grau - Save-Button speichert alle pending Words nach Directus (status=draft, title_de, level, picture-Link) - Automatisches Laden der Bild-Words bei Bildwechsel - Backend: GET/POST /api/directus/pictures/<pic_id>/words (words_pictures Junction, _find_or_create_word) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Bild-Ausschnitt-Tool
Kurzes Web-Tool, um ein lokales Bild aus dem Ordner pictures im Browser anzuzeigen, einen Rechteck-Ausschnitt mit der Maus zu wählen und den Ausschnitt in objects_image zu speichern.
Installation
- In den Projektordner wechseln:
cd /Users/tim/SynologyDrive/LanguageParent/content_mentor
- (Optional, empfohlen) Virtuelle Umgebung anlegen/aktivieren und Abhängigkeiten installieren:
python -m venv .venv
source .venv/bin/activate # macOS / Linux
pip install -r requirements.txt
- Lege deine Quellbilder in den Ordner
picturesneben dieser Datei.
Starten
python app.py
Dann im Browser aufrufen:
http://localhost:5000
Den Port kannst du in app.py im app.run(...)-Aufruf anpassen und später per Nginx/Reverse-Proxy von außen erreichbar machen.
Description
Languages
TypeScript
48.3%
Python
21%
CSS
14.3%
JavaScript
12.5%
HTML
3.4%
Other
0.5%