lux-file-preview: Austausch von Flex-Layout

[patrowe]

In der Komponente lux-file-preview müssen die Befehle von angular/flex-layout ersetzt werden.

Akzeptanzkriterium: Die oben genannte Komponente enthält keien Befehle mehr von angular/flex-layout. Das Layout der Komponente, bleibt weitestgehend erhalten.

[patrowe]

Die Anforderungen wurden umgesetzt. @DSeifer bitte testen.

[patrowe]

Test

Testvorbedingung:

• Die angehängten Zweige für die Lux-Components und das Lux-Components-Theme auschecken
• Das Theme lokal bauen und lokal mit den Components verlinken
• Je eine PDF-Datei, TXT-Datei und JPG-Datei für die Tests bereitlegen.
• Das Demo starten und mit die Seite für die LUX-File-List öffnen
• Auf das Upload-Symbol in der rechten oberen Ecke klicken und die pdf, txt und jpg-Datei auswählen und hochladen

Testdurchführung: 1. Ansicht einer TXT-Datei:

-über das Vorschau-Icon (Auge) die Vorschau öffnen. Zu erwartendes Ergebnis: das Format wird in der Demo nicht unterstützt und statt einer Vorschau wird folgende Nachricht angezeigt.

2. Ansicht einer PDF-Datei:

• die Vorschau für die Pdf-Datei öffnen. Zu erwartendes Ergebnis: Die Datei wird angezeigt, über das Select-Feld in der Werkzeugleiste kann die Vorschau verkleinert und vergrößert werden.

  

• Das Browserfenster verkleinern Zu erwartendes Ergebnis: Der Dateiname wird ab einer bestimmten Größe automatisch abgekürzt. Bei noch kleinerem Format wird er ausgeblendet.

  

3. Ansicht einer JPG-Datei -die Vorschau für die jpg-Datei öffnen. Zu erwartendes Ergebnis: Das Bild wird angezeigt, über die Buttons in der Werkzeugleiste kann die Vorschau verkleinert und vergrößert werden.

[DSeifer]

Unter Windows 10 Enterprise 22H2 (19045.3930) und MacOS 14.3 mit den jeweils aktuellen Browserversionen getestet:

MacOS: Safari -> OK

Windows: Edge -> OK