WoltLab Suite 6.0: Vorschau auf die neuen Funktionen

    • Teambeitrag

    Es gibt mal wieder was Neues:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    :eyes:

    Sieht nach einer größeren Änderung, aus, mal gucken was Alex da gezaubert hat:

    Merge pull request #5348 from WoltLab/dark-mode · WoltLab/WCF@572f95e
    Implement a dark mode for styles and the admin panel
    github.com

    Werde später mal versuchen ein Testpaket zu packen.

    • Teambeitrag

    So, ich habe mal ein wenig gekruschtelt:

    Darkmode und UI-Änderungen

    Auf den Darkmode wird schon bei der Installation umgeschaltet:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    Hier sieht man auch gleich weitere UI-Änderungen wie die Suche und das nun alles etwas kompakter gestaltet ist. Oben im Menü kann man dann die Farben wechseln:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    Bei den Stilen selbst kann man dann eine (1) dunkle Palette hinzufügen:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    Allerdings gibt es da einen kleinen Pferdefuß:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    :eyes:

    Wer sich dafür entscheidet bekommt dann im Forum eine Auswahl im Footer:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    die dann für immer und ewig bleibt und nie wieder weg geht :pupillen:

    Abseits von Standardstilen ist da wohl Vorsicht angebracht da das Standard-Farbschema nur im Standardstil ohne Fehler funktionieren wird. Also fummelt da nicht gedankenlos drauf los weil sich das nicht wieder deaktivieren läßt :whistling:

    Der Darkmode sieht aktuell so aus:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.
    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    Das ist jetzt natürlich Geschmackssache, aber so auf den ersten Blick ist die Umsetzung gut gelungen. Die Farben werden ohne Verzögerung gewechselt und soweit scheint alles zu funktionieren.

    Ich werde die Tage mal gucken wie das genau funktioniert was Grafiken und Logos betrifft.

    Alles in allem wird die V6 aber wohl ein großer Wurf: Neue Icons, neuer Editor, Dark Mode, viele Detailverbesserungen… Ich denke nicht das man sich da beschweren kann 8)

    Zitat von Fightcrasher

    Na da solltest dann wohl noch mal ran was das ist ja keine wirklich saubere Option 🤔

    so, wie ich das verstehe, sind das die "tollen", neuen Ideen von woltlab... da kann Tom wohl höchstens seine Meinung dazu abgeben, aber selbst nichts dran ändern 🤔

    finds aber auch blöd, dann kann man nicht mehr damit rumspielen..ohne den Kram wieder los zu werden 🤔

    • Teambeitrag
    Zitat von Nordi

    Kann man auch Eigene Stile für Hell und Dunkel Auswählen?.

    Kam vielleicht etwas komisch rüber :ugly: Der Dark-Mode ist im Stileditor eingebaut, es besteht also bei jedem einzelnem Stil die Möglichkeit einen Dark-Mode zu verwenden:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    und es gibt ein eigenes CSS-Feld nur für den Dark-Mode:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    Man kann ihn dann eben nur nicht wieder deaktivieren wenn man das Knöpfchen ein mal gedrückt hat (zumindest aktuell nicht).

    Ist auf jeden Fall eine nice Sache.


    Und weil jemand gefragt hat, der CKEditor ist noch nicht "drin". Da fehlt noch(?) das Javascript. Oder er wird in ein extra Paket ausgelagert. Gibt auf jeden Fall noch nix zu sehen.

    Danke dir, gefällt mir bisher. Nur Deaktivieren sollte man ihn können.

    Gibt genügend die da aus Neugier drauf klicken und dann wars das ;)

    Jetzt kommt die Super Frage, ich kauf bei dir CLS ein Design, Hell Natürlich :D

    Installiere es und Aktiviere den Dark Mode.

    Ich habe für ein Design in Hell bezahlt mit einer Installation nicht für 2.

    Und der Dark Mode ist Nunmal ein 2 Design (Farbschema), was vermutlich nicht 100% mit dem Dark Mode funktioniert.

    Dann kommt die Frage nach Erlaubt, nach Support.

    Da sehe ich noch viele Baustellen.

    • Teambeitrag

    Man darf halt keinen zuckenden Finger haben :ugly:


    Eine Diskussion über die künftigen Stile gibt es im Kundenforum:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    Der Dark-Mode bedeutet einen nicht unerheblichen Mehraufwand für Stilpakete.

    • Teambeitrag

    So, da habe ich den CKEditor doch noch gefunden, versteckt hat er sich der kleine Racker 👀 Habe etwas mit einem 🌭 gewedelt und schon kam er raus:

    Macht so weit einen ganz guten Eindruck:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.
    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.
    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    Ich bin mal gespannt wie die endgültige Implementierung aussehen wird. Fühlt sich aber schon mal gut an 😎

    • Teambeitrag

    Tim, falls du hier mal wieder rein guckst 👀

    Spoiler anzeigen

    Stile lassen sich aktuell nicht importieren und werden als ungültiges Stilpaket abgelehnt. Ich habe das behoben in dem ich in der XML die Zeile:

    <hasDarkMode><![CDATA[1]]></hasDarkMode>

    ergänz habe.

    Stilpakete lassen sich nicht installieren und brechen mit:

    Original Error

    Error Message:

    SQLSTATE[HY000]: General error: 1366 Incorrect integer value: '' for column 'hasDarkMode' at row 1

    Error Type:

    PDOException (HY000)

    */lib/system/database/statement/PreparedStatement.class.php:125

    Stack Trace

    #0 PDOStatement->execute([ 10 items ])
    */lib/system/database/statement/PreparedStatement.class.php:125
    #1 wcf\system\database\statement\PreparedStatement->execute([ 10 items ])
    */lib/system/database/statement/DebugPreparedStatement.class.php:36
    #2 wcf\system\database\statement\DebugPreparedStatement->execute([ 10 items ])
    */lib/data/TFastCreate.class.php:43
    #3 wcf\data\DatabaseObjectEditor::dboEditorCreateBase([ 10 items ])
    */lib/data/DatabaseObjectEditor.class.php:27
    #4 wcf\data\DatabaseObjectEditor::create([ 10 items ])
    */lib/data/style/StyleEditor.class.php:1297
    #5 wcf\data\style\StyleEditor::create([ 10 items ])
    */lib/data/style/StyleEditor.class.php:621
    #6 wcf\data\style\StyleEditor::import('*/tmp/style_da6fa6ce313cdfcd36dbf7b8bec49f89d3be4133.tgz', 4, null, false)
    */lib/system/package/plugin/StylePackageInstallationPlugin.class.php:38
    #7 wcf\system\package\plugin\StylePackageInstallationPlugin->install()
    */lib/system/package/PackageInstallationDispatcher.class.php:798
    #8 wcf\system\package\PackageInstallationDispatcher->executePIP([ attributes => , pip => , value => ])
    */lib/system/package/PackageInstallationDispatcher.class.php:146
    #9 wcf\system\package\PackageInstallationDispatcher->install('2cfdfd9b')
    */lib/acp/action/InstallPackageAction.class.php:125
    #10 wcf\acp\action\InstallPackageAction->stepInstall()
    */lib/acp/action/InstallPackageAction.class.php:75
    #11 wcf\acp\action\InstallPackageAction->execute()
    */lib/action/AbstractAction.class.php:56
    #12 wcf\action\AbstractAction->__run()
    */lib/system/request/Request.class.php:57
    Middleware
    #48 wcf\http\Pipeline->process(Laminas\Diactoros\ServerRequest, wcf\http\RequestHandlerMiddleware)
    */lib/system/request/RequestHandler.class.php:134
    #49 wcf\system\request\RequestHandler->handle('wcf', true)
    */acp/index.php:10

    Final Error

    Error Message:

    Could not execute statement 'INSERT INTO wcf1_style (styleName,styleVersion,styleDate,copyright,license,authorName,authorURL,packageName,hasDarkMode,packageID) VALUES (?,?,?,?,?,?,?,?,?,?)'

    Error Type:

    wcf\system\database\exception\DatabaseQueryExecutionException (HY000)

    */lib/system/database/statement/PreparedStatement.class.php:143

    Query Parameter 1:

    'Base Blue'

    Query Parameter 2:

    '5.6.1'

    Query Parameter 3:

    '2022-11-06'

    Query Parameter 4:

    'https://www.cls-design.com'

    Query Parameter 5:

    'https://www.cls-design.com/index.php/Licence/'

    Query Parameter 6:

    'https://www.cls-design.com'

    Query Parameter 7:

    'https://www.cls-design.com'

    Query Parameter 8:

    'com.cls-design.wcf.style.base.blue'

    Query Parameter 9:

    false

    Query Parameter 10:

    4

    Stack Trace

    #0 wcf\system\database\statement\PreparedStatement->execute([ 10 items ])
    */lib/system/database/statement/DebugPreparedStatement.class.php:36
    #1 wcf\system\database\statement\DebugPreparedStatement->execute([ 10 items ])
    */lib/data/TFastCreate.class.php:43
    #2 wcf\data\DatabaseObjectEditor::dboEditorCreateBase([ 10 items ])
    */lib/data/DatabaseObjectEditor.class.php:27
    #3 wcf\data\DatabaseObjectEditor::create([ 10 items ])
    */lib/data/style/StyleEditor.class.php:1297
    #4 wcf\data\style\StyleEditor::create([ 10 items ])
    */lib/data/style/StyleEditor.class.php:621
    #5 wcf\data\style\StyleEditor::import('*/tmp/style_da6fa6ce313cdfcd36dbf7b8bec49f89d3be4133.tgz', 4, null, false)
    */lib/system/package/plugin/StylePackageInstallationPlugin.class.php:38
    #6 wcf\system\package\plugin\StylePackageInstallationPlugin->install()
    */lib/system/package/PackageInstallationDispatcher.class.php:798
    #7 wcf\system\package\PackageInstallationDispatcher->executePIP([ attributes => , pip => , value => ])
    */lib/system/package/PackageInstallationDispatcher.class.php:146
    #8 wcf\system\package\PackageInstallationDispatcher->install('2cfdfd9b')
    */lib/acp/action/InstallPackageAction.class.php:125
    #9 wcf\acp\action\InstallPackageAction->stepInstall()
    */lib/acp/action/InstallPackageAction.class.php:75
    #10 wcf\acp\action\InstallPackageAction->execute()
    */lib/action/AbstractAction.class.php:56
    #11 wcf\action\AbstractAction->__run()
    */lib/system/request/Request.class.php:57
    Middleware
    #47 wcf\http\Pipeline->process(Laminas\Diactoros\ServerRequest, wcf\http\RequestHandlerMiddleware)
    */lib/system/request/RequestHandler.class.php:134
    #48 wcf\system\request\RequestHandler->handle('wcf', true)
    */acp/index.php:10

    Codemirror im Templateeditor muss noch an den Dark-Mode angepasst werden:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.