hyperion.ng icon indicating copy to clipboard operation
hyperion.ng copied to clipboard

UI - Upgrade Bootstrap

Open Lord-Grey opened this issue 5 years ago • 5 comments

Feature request

Upgrade from Bootstrap 3.3 to latest Bootstrap 4.x or 5

What problem does this feature solve?

Make new capabilities out of standard bootstrap library available. Retire Bootstrap 3 additional libraries and workarounds.

What does the proposed API look like?

N/A

How should this be implemented in your opinion?

N/A

Are you willing to work on this yourself?

Lord-Grey avatar Oct 19 '20 20:10 Lord-Grey

Hi Lord,

Kompiliert mit Bootstrap 4.0.0 und jQuery 3.5.1. Mal sehen, wie groß der Aufwand wird... Wahrscheinlich macht es Sinn gleich auf Bootstrap 5 zu gehen...

Bildschirmfoto 2020-12-18 um 12 57 09

ChR-iSz avatar Dec 18 '20 12:12 ChR-iSz

Bootstrap 5 wäre noch besser, dann wären wir richtig up2date! :-)

tpmodding avatar Dec 18 '20 13:12 tpmodding

Hi @ChR-iSz es ist ja super, dass Du Dich der Aktualisierung der Web-Libraries annimmst! Bootstrap 5 ist ja schon im Beta Stadium. Wenn es nicht Jahre zur offiziellen Verfügbarkeit dauert, bin ich klar dafür zur letzten Version zu migrieren.

Ich versuche gerade auf den jsoneditor-2-5.1 zu migrieren, da es dort neue Möglichkeiten gibt, um die LED-Configs schöner/dynamischer zu gestalten. Nur falls Du dort auch vorbeikommst oder weitere Verbesserungsvorschläge hast.....

Es ist aktuell nur ein Dump einer PoC Umgebung: https://github.com/Lord-Grey/hyperion.ng/tree/EditorTest

Lord-Grey avatar Dec 18 '20 14:12 Lord-Grey

Hallo @Lord-Grey,

ich werd mir das über die Weihnachtstage mal ansehen, und mich mal detaillierter in dem Code einlesen. Finde das Projekt Hyperion NextGeneration sehr interessant, auch weil ich es selber zu Hause sehr gerne nutze.

Ich denke auch, Bootstrap 5 macht mehr Sinn (trotz BETA State). Das Sidebar Nav Menü müsste eh angepasst werden, da es ab Bootstrap 4 schon zu Änderungen gekommen ist. Ich zieh mal einen Fork, und passe das ganze mal an. Die restlichen includes muss man dann mal sehen, was da noch auf einen zu kommt.

VG Christian

ChR-iSz avatar Dec 18 '20 17:12 ChR-iSz

Generell bekommt man das schon relativ zügig umgestellt. Allerdings bin ich mit manchen bisherigen Anordnungen und 'Panel's' nicht ganz zufrieden, wie das umgesetzt wurde. Aber jeder hat natürlich andere Vorstellungen.

Dazu muss ich sagen, das ich eher der strukturierte "Klassiker" Typ bin. Ich würde Page-Title, Page SubTitle, und dann folgend die Panels mit dem Content anzeigen. Aber ich weiß nicht, in wie fern das geändert werden darf.

Generell würde es in die richtige Richtung gehen, wobei der Aufwand doch eher größer ist. Anderseits halten sich die Seitenanzahl derzeit noch in Grenzen. Anbei mal ein Screen nach ca. 30 Minuten Arbeit... Fehlen noch icons, gleiche höhe der Panels, Farbanpassungen, etc. Es wirkt ein bisschen "fresh'er" finde ich...

Bildschirmfoto 2020-12-20 um 11 44 10

ChR-iSz avatar Dec 20 '20 10:12 ChR-iSz