admin/SPA-landing
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor symbols app: split large files (max 300 lines)

Browse Source 
- 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>
This commit is contained in:
architeur
2025-12-14 21:34:03 +01:00
parent c0ae55a597
commit d707c5001d
28 changed files with 3514 additions and 3411 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
symbols/index.html
View File

@@ -4,7 +4,13 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gutachter Symbolbibliothek v2.2</title>
<link rel="stylesheet" href="css/styles.css?v=16">
<!-- CSS Module (max 300 Zeilen pro Datei) -->
<link rel="stylesheet" href="css/base.css?v=1">
<link rel="stylesheet" href="css/layout.css?v=1">
<link rel="stylesheet" href="css/modal.css?v=1">
<link rel="stylesheet" href="css/text-generator.css?v=1">
<link rel="stylesheet" href="css/components.css?v=1">
<link rel="stylesheet" href="css/legend.css?v=1">
</head>
<body>
<!-- HEADER -->
@@ -390,13 +396,34 @@ document.addEventListener("keydown",function(e){if(e.key==="Escape"){closeImpres
});
</script>
<script src="js/symbols.js?v=10"></script>
<!-- Symbol-Daten (max 300 Zeilen pro Datei) -->
<script src="js/symbols/index.js?v=1"></script>
<script src="js/symbols/schaeden.js?v=1"></script>
<script src="js/symbols/werkzeuge.js?v=1"></script>
<script src="js/symbols/bauteile.js?v=1"></script>
<script src="js/symbols/moebel.js?v=1"></script>
<script src="js/symbols/sanitaer.js?v=1"></script>
<script src="js/symbols/vermessung.js?v=1"></script>
<script src="js/symbols/vermessung-infra.js?v=1"></script>
<script src="js/symbols/vermessung-topo.js?v=1"></script>
<script src="js/symbols/init.js?v=1"></script>
<script src="lib/svg.min.js"></script>
<!-- App Module (max 300 Zeilen pro Datei) -->
<script src="js/app/utils.js?v=1"></script>
<script src="js/app/dxf.js?v=1"></script>
<script src="js/app/path-parser.js?v=1"></script>
<script src="js/app/core.js?v=1"></script>
<script src="js/app/export.js?v=1"></script>
<script src="js/app/legend.js?v=1"></script>
<script src="js/app/legend-export.js?v=1"></script>
<script src="js/app/custom.js?v=1"></script>
<!-- Text-Generator Module -->
<script src="js/text-generator/state.js?v=1"></script>
<script src="js/text-generator/svg-generator.js?v=7"></script>
<script src="js/text-generator/ui-bindings.js?v=4"></script>
<script src="js/text-generator/export.js?v=1"></script>
<script>document.addEventListener("DOMContentLoaded", function() { UiBindings.init(); });</script>
<script src="js/app.js?v=25"></script>
</body>
</html>