Files
SPA-landing/symbols
architeur c0ae55a597 Refactor symbols app: cleanup and fix issues
- Removed duplicate files (index2/3/4.html, symbols.js duplicates)
- Kept index4.html as the main index.html (modular version)
- Removed old text-generator.js (replaced by modular version)
- Fixed ID mismatch in ui-bindings.js to match HTML
- Added square and circle shape support in svg-generator.js
- Added legend preview with copy functionality
- Removed 580 lines of obsolete text-generator v4 code from app.js
- Added addTextToLegend and addStandaloneArrowToLegend to export.js

Still TODO: Split large files to comply with 300 line limit
- app.js: 1219 lines
- styles.css: 1319 lines
- symbols.js: 870 lines

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-14 21:09:39 +01:00
..
2025-12-14 20:53:14 +01:00
2025-12-14 20:53:14 +01:00
2025-12-14 20:53:14 +01:00

Gutachter Symbolbibliothek

Webanwendung für die Erstellung von Symbolen für Gutachten.

Live-URL

https://docs.artetui.de/symbols/

Seiten

  • index.html - Hauptseite mit Symbol-Bibliothek
  • index4.html - Text-Generator (neue SVG.js Version)

Features

Symbol-Bibliothek (index.html)

  • Vordefinierte CAD-Symbole für Gutachten
  • Suche und Filterung
  • Export als SVG, PNG, JPG, DXF

Text-Generator (index4.html)

  • Erstellt Text-Symbole mit Rahmen und Pfeilen
  • Verschiedene Rahmenformen (Rechteck, Abgerundet, Oval, Raute)
  • Konfigurierbare Pfeile mit Winkel und Knick
  • Asymmetrisches Padding für Text-Positionierung
  • Standalone-Pfeil Export
  • Export in verschiedenen Formaten

Technologie

  • SVG.js - Vector Graphics Library
  • Vanilla JavaScript - Kein Framework
  • Modular Architecture (Text-Generator):
    • state.js - State Management
    • svg-generator.js - SVG-Generierung
    • ui-bindings.js - UI Event Bindings
    • export.js - Export-Funktionen

Verzeichnisstruktur

symbols/
├── index.html          # Symbol-Bibliothek
├── index4.html         # Text-Generator (SVG.js)
├── symbols.js          # Symbol-Definitionen
├── css/                # Stylesheets
├── lib/
│   └── svg.min.js      # SVG.js Library
└── js/
    └── text-generator/
        ├── state.js
        ├── svg-generator.js
        ├── ui-bindings.js
        └── export.js

Entwicklung

# Auf dem Server
cd /opt/stacks/spa-hosting/html/symbols

# Änderungen committen
git add .
git commit -m Beschreibung
git push origin master

Lizenz

Intern - ArTeTui