VZC System 5.1.8: Das neue Release bricht mit alten Altlasen im Code

Das Web-Ökosystem von VZC System hat mit der Version 5.1.8 ein tiefgreifendes, technisches Update erhalten.

Wer oberflächliche Design-Spielereien erwartet, greift hier zu kurz. Das Release widmet sich primär den strukturellen Fundamenten, der Datenkonsistenz unserer Speicher-Infrastruktur und der endgültigen Behebung von Layout-Konflikten im Frontend.

Wir haben veraltete Dateistrukturen entfernt und neu geschrieben, um die Plattform modularer, schneller und für zukünftige Erweiterungen robuster aufzustellen.

Dreischichtige Entkopplung der alten Routing-Zentrale

Das Herzstück des Updates betrifft die ehemals langweilig gestaltete Tools-Seite auf VZC System.

Diese fungierte bislang als ungeordnetes Verzeichnis unserer internen Werkzeuge und Systemkomponenten. Mit der Version 5.1.8 wurde diese monotone Struktur vollständig aufgelöst und in eine dreischichtige, logisch strukturierte Landingpage überführt.

Die neue Verzeichnis-Architektur trennt die Systeme strikt nach ihrer strategischen Relevanz:

• Core Systems: Die kritischen Kernkomponenten der Plattform.
• Infrastructure: Die darunterliegende Server- und Netzwerk-Architektur.
• Utilities: Hilfswerkzeuge und periphere Systemdienste.

Um diese Struktur nicht nur im Code, sondern auch visuell greifbar zu machen, haben wir eine interaktive Prozess-Karte implementiert.

Diese visualisiert den tatsächlichen Datenfluss innerhalb des Ökosystems transparent über die Stufen: USER → CMS → API → DB → AI Node → Analytics.

Zusätzlich wurden die tiefgehenden Detailsegmente aus der Hauptseite dezentralisiert. Sie liegen nun in passenden Unterseiten im Web-Root. Dadurch sinkt die initiale Last der Hauptseite, während Suchmaschinen und Nutzer gezieltere technische Informationen abrufen können.

Ein neuer 3D-Flip-Effekt und isolierte Overlay-Modals erlauben zudem eine ablenkungsfreie Detailanalyse einzelner System-Nodes.

Abschied von Platzhaltern und falscher Nomenklatur

Ein großes Problem früherer Versionen war die mangelnde Konsistenz zwischen den realen Hardware-Ressourcen im Hintergrund und deren Darstellung auf der Plattform.

Die Infrastruktur Seite wurde daher einer strikten Inventur unterzogen.

Der bisherige, unpräzise Platzhalter "X NAS Nodes" wurde eliminiert. Die Plattform kommuniziert nun die realen, validierten Hardware-Gegebenheiten der Infrastruktur: ein redundantes System aus zwei dedizierten NAS-Nodes (Primary Node und Secondary Node).

Gleichzeitig wurden die Software-Beschreibungen an die tatsächliche Systemlandschaft angepasst.

Statt schwammiger Allgemeinbegriffe dokumentiert das System nun die exakten Software-Stacks, wie die aktive Snapshot Engine für die Datensicherung und das genutzte Emby Server-Ecosystem für das Medien-Streaming. Eine News über unseren Emby Server findet ihr hier.

Diese Angleichung sorgt für ein ehrliches, transparentes Abbild unseres Setups.

Der Z-Index-Krieg im Footer ist beendet

Im Frontend-Bereich gab es auf Mobilgeräten und bei der Nutzung von Overlays hartnäckige CSS-Darstellungsfehler.

Durch die Überlagerung verschiedener Designstrukturen kam es immer wieder zu unschönen Überschneidungen zwischen den interaktiven Modals der System-Map, dem globalen Footer und dem länderspezifischen Apple-Zustimmungs-Popup.

Dieses Problem wurde durch eine Anpassung der CSS-Schichtwerte gelöst. Die interaktiven Modals wurden auf den maximalen Wert angehoben: "z-index: 999999;".

Dadurch bleiben die Overlays in jeder Situation im Vordergrund und blockieren keine anderen interaktiven Elemente der Website mehr.

Darüber hinaus wurde der Footer für Smartphones komplett neu konzipiert.

Lange, unübersichtliche Listen, die auf mobilen Bildschirmen zu endlosem Scrollen führten, gehören der Vergangenheit an. Ein neues, zweispaltiges CSS-Grid bündelt die Links platzsparend und sorgt für ein sauberes, kompaktes Erscheinungsbild auf mobilen Endgeräten.

Nativer Kontrast im Theme-Wechsler

Ein technisches Detail betrifft die Steuerung von Light- und Darkmode auf den überarbeiteten Seiten. Das CSS-Regelwerk des Theme-Wechslers wurde grundlegend korrigiert.

Die Logik des Systems basiert darauf, im Darkmode kein explizites HTML-Attribut zu setzen, sondern dieses beim Wechsel in den hellen Modus aktiv hinzuzufügen beziehungsweise beim Zurückschalten zu entfernen.

Die CSS-Variablen wurden so umgeschrieben, dass sie den Kontrast nun nativ und fehlerfrei über diese Logik steuern.

Unschöne, kurzzeitige Darstellungsfehler (sogenannte FOUC – Flash of Unstyled Content) beim Seitenaufruf sind damit behoben.

Changelogfazit

Mit VZC System 5.1.8 investieren wir gezielt in die Wartbarkeit unserer Codebasis. Die Aufteilung der alten Tools-Struktur und die Beseitigung der CSS-Layout-Konflikte schaffen eine stabile und saubere Grundlage für kommende Funktions-Updates.