Files
SPA-landing/symbols
architeur d707c5001d Refactor symbols app: split large files (max 300 lines)
- Split styles.css (1319 lines) into 6 CSS modules:
  - base.css, layout.css, modal.css, text-generator.css, components.css, legend.css
- Split app.js (1219 lines) into 8 JS modules:
  - core.js, custom.js, dxf.js, export.js, legend.js, legend-export.js, path-parser.js, utils.js
- Split symbols.js (870 lines) into 10 JS modules:
  - index.js, schaeden.js, werkzeuge.js, bauteile.js, moebel.js, sanitaer.js, vermessung.js, vermessung-infra.js, vermessung-topo.js, init.js
- Updated index.html to load new modular files

All files now comply with 300-line maximum rule.

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-14 21:34:03 +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