SWBackend, ein neues Backend-Theme mit Zusatzfeatures

Ho! :)

Heute veröffentliche ich kostenfrei das neue SWBackend von mir. Es bietet ein modernes und benutzerfreundliches Design, passt sich Teilweise an die Bildschirmgröße an und bringt durch die Erweiterung Font Awesome neue Icons mit sich. Die Schriften und Icons wurden farblich und in der Größe angepasst, um die Les- und Bedienbarkeit zu erhöhen.

Vorschau: http://playground.sioweb.de/contao
Login ohne Design: kv.jones / kevinjones
Login mit Design: h.lewis / helenlewis (Design kann einige Bugs enthalten / Ab Contao 3.3 ist standardmäßig ein flexibles Design von Contao selbst einstellbar)

https://contao.org/de/extension-list....80056.de.html

Ein Key-Feature ist definitiv, dass Seiten & Artikel auf einen Link zusammengefasst wurden. Es können alle Funktionen nach wie vor genutzt werden - die Tabellen tl_artikel und tl_page wurden beibehalten, dadurch ist das Ganze abwärtskompatibel und das Modul kann jederzeit entfernt werden, ohne das Seiten und Artikel beeinflusst werden.

Wichtig: Das Theme ist für Browser >= IE9 entwickelt worden, es ist nicht geplant den Support für ältere Browser kostenfrei in Angriff zu nehmen :cool:

Das Loginformular und die Navigation im Backend können nun mit einem Kunden oder Agenturlogo gebrandet werden.

Die Filter und Suchfunktion wurde am Kopf der Seite als Aufklappmenü versteckt und wird ein Datensatz bearbeitet, werden die Buttons Fixed an den Fuß des Bildschirms angeheftet.

Das Modul funktioniert grundsätzlich auch ohne die Font Awesome Erweiterung, sieht aber seltsam aus :)

Bekannte Probleme:

---

• EasyTheme ist (noch)nicht wirklich benutzbar
• Header-Zeile hat zu wenig Platz mit den 4 Links und der Headline
• Responsive Einstellungen lassen Elemente hin und wieder überlappen

Planungen für die Zukunft:

---

• Font-Awesome ohne die Erweiterung Font Awesome
• Kompatibilität mit EasyTheme
• Verbesserter Mobile-Support
• Weitere Design-Anpassungen
• Weitere coole Features
• Das Theme ohne Modul
• Das Login-Design auswählbar in den Einstellungen.

Die RC1-Version bringt jetzt schon sehr viel Funktion mit und ist daher ein sehr umfangreiches Modul. Auch wenn ich mir sicher bin dass euren Installationen nichts passieren kann, bitte ich euch diese Installation nicht direkt in euren bestehenden Live-Installationen zu nutzen - außer ihr seid euch sicher das es so wie es ist passt (auf eigene Verantwortung :O )

Solltet ihr Fragen haben, stellt diese bitte, ich werde jede gerne lesen und bearbeiten. Auf eure Feedbacks, Meinungen und Kritik bin ich sehr gespannt, denn diese Erweiterung wurde durch die Wünsche, Erfahrungen und Beratung von vielen Anwendern realisiert.

An diese Stelle: Danke für die Ideen und Anregungen :)

Hallo Sascha,

hast du den Link vergessen? ;)

Weia, fängt ja gut an :)

habe den Link oben ergänzt, aber hier nochmal: https://contao.org/de/extension-list....80056.de.html

Danke!

Ho! :)

Wer es schon gesehen hat, der hat bestimmt bemerkt dass das Theme heute einige starke Fehler aufgewiesen hat. Das lag unter anderen daran, das mein Theme nicht mehr mit der Erweiterung Font-Awesome kompatibel ist.

Die Erweiterung wurde entfernt und einige Icons ohne Erweiterung mit Font-Awesome ersetzt.

Leider hat das Design unter der ganzen Misere sehr gelitten, konnte aber inzwischen wieder halbwegs hergestellt werden.

Morgen werde ich einige Screenshots veröffentlichen :)

Bugfixes:

---

• Unterschiedliche Benutzer können unterschiedliche Themes nutzen
• Font-Awesome inkompatibilität behoben / Funktion ersetzt
• Dateien wurden minimiert

Bekannte Bugs:

---

• Inhaltselemente können nicht kopiert/verschoben werden.
• Manche Icons fehlen - wem eins auffällt bitte schreibts mir :)

Danke fürs Dranbleiben und verbessern Sascha!

Gerne doch :)

Es gibt nun einige neue Fixes und Features für das Backend:

---

• Mehr Icons konnten ersetzt werden
• Theme für das Login-Formular auswählbar
• Inhaltselemente können wieder verschoben und kopiert werden

Bekannte Bugs:

---

• Icons für Seiten & Artikel welchseln nicht korrekt wenn diese sichtbar/unsichtbar geschaltet werden
• Farben sind noch nicht 100% korrekt (Designvorschläge sind jederzeit willkommen)
• Minimale Design-Mängel für das Login
• Consolen-Fehler auf der Startseite
• Noch nicht alle Browser getestet

Die Icons sind alle von Font-Awesome, falls ihr der Meinung seid, einige Icons sollte man durch andere ersetzen, da die Erfahrung der Benutzer damit besser unterstützt wird, dürft ihr mir gerne bescheid geben.

Noch ein Schlusswort vor den nächsten Features :)

Der Start war etwas holprig, allerdings vermute ich das die Zukunft deutlich weniger Probleme bei Updates mit sich bringt. Jetzt wo die Funktion wieder stimmt, werde ich die Galerie für das Backend erstellen :)

Ho!

hier könnt ihr euch einloggen und das Theme testen: http://playground.sioweb.de/contao/

Die Funktionen hab ich gekürzt, aber zum Testen sollte es reichen.

Sollte man noch die Zugangsdaten erwähnen?;)
k.jones
kevinjones

gruß manfred

Bestünde die Möglichkeit die vereinte Seiten-/Artikel Verwaltung als eigenes Modul zu extrahieren?

Gruß
Nikolas

Ho!

Ich hab eine Weiche eingebaut mit der man für jeden User einstellen kann, ob er die Features nutzen will ohne das Theme zu aktivieren. In den Einstellungen hab ich auch eine Checkbox - die hab ich aber noch nicht getestet. Mir ist aufgefallen, das man Artikel per Icon nicht sichtbar/unsichtbar schalten kann, aber das hab ich sicher auch bald behoben.

Du kannst es ja mal testen und dann kurz berichten :)

Ho! :)

Ich habe heute weitere aktualisierungen hochgeladen, hier eine Übersicht der Features die das Modul nun unterstütz:

• Seiten & Artikel sind ein Menüpunkt
• NEU: Themes-Icons werden direkt in der Navi angezeigt
• Die Icons sollten nun alle Funktionieren
• NEUER: Login-Theme kann ausgewählt werden
• Login und Backend haben ein Logo
• Wird ein Datensatz bearbeitet, sind die Buttons (z.B. Speicher, Speicher und schließen) an den Fußbereich angeheftet
• NEU: Das Theme ist optional, es kann deaktiviert werden, allerding verschwinden dann auch einige Template-Funktionen
• Ein Inhaltselement namens Trenner
• Nach wie vor sind einige Funktionen versteckt (Suchen & Filtern)

Vielen Dank für eure Ideen und Tipps, es sind noch weitere Features geplant und werden vermutlich bald folgen. Mehr Informationen findet ihr derzeit auf der Sioweb-Facebookseite: https://www.facebook.com/sioweb.developments und natürlich auch weiterhin hier im Forum.

Fehler und Wünsche nehme ich gerne hier im Forum, auf Github (https://github.com/Sioweb/SWBackend), als private Nachricht auf Facebook und als E-Mail entgegen :) support@sioweb.de. Ich freue mich schon drauf!

Dachte mir ich teste das Theme mal, aber ich kriege es nicht zum laufen...

Scheint so als würden die Pfade bei mir falsch generiert im Backend?

Code:

---

<link rel="stylesheet" href="/system/modules/SWBackend/assets/sioweb.css">
<script src="/assets/sioweb/sioweb.min.js?sioweb=true&amp;request_token=9d1743b00b0f4766d60e1b51864c4c99"></script>
<script src="/system/modules/SWBackend/assets/sioweb.js"></script>

---

Imho sollten sie aber ohne Slash anfangen?

Die Installation liegt bei mir auf einer Subdomain in einem Unterordner...

Code:

---

http://dev.domain.de/demo/

---

Hm, die Pfade sind ohne Slash angegeben. Musst du ggf. noch den Pfad angeben in der Localconfig?

Ja, habe ich auch gesehen...

Ich vermute irgendwie das Problem in der Contao Backend Theme Funktionalität?

Sobald ich das Theme wechsle, werden allen CS/JS Pfaden ein Slash vorangestellt - stelle ich zurück auf das Default Theme, stimmen sie wieder...

/edit:
Mit dem Smart Backend Theme funktioniert es ebenfalls... Komme aber nicht dahinter was da anders läuft.

Mein Umgang mit Github ist immer noch amateurhaft aber PR ist raus ;)

Ich bin da nicht besser ^^ hab grad ewig den Merge-Button gesucht. Hab die beiden Slashes raus genommen :) Danke für deine Hilfe!

Hallo Sascha,
wieder mal eine tolle Erweiterung, die genau das bietet, was ich suche, eine Backendverwaltung, die den kompletten Bildschirm nutz.
NUR, leider funktioniert sie unter 3.2.9 nicht. Ist bestimmt nur eine Kleinigkeit, denn unter 3.2.8 lief sie problemlos.
Nachdem ich sie nun in einer neuen Contao Installation, welche ich gleich unter 3.2.9 aufgesetzt habe, testen wollte, kam ich nicht mehr ins System.
Was habe ich gemacht:

• Contao Installation
• nötige Module installiert
• Theme importiert
• SWBackend installiert
• SWBackend Login aktiviert

Danach wollte ich das entsprechende Template installieren. Ging bis dahin auch. Nach dem einspielen der sql Datei muss normalerweise im Installtool noch ein Adminkonto angelegt werden. Nur leider sprang nach dem einspielen das Tool direkt zur Login-Seite. Ein Anmelden war aber nicht möglich, da ja noch kein Benutzer angelegt war. Ein erneutes Aufrufen des Installtools scheitert. Es erscheint direkt das Login Fenster. Erst nachdem ich in der Datenbank direkt das Theme wieder auf default umgestellt hatte, konnte ich das Installtool aufrufen und ein Adminkonto anlegen.

Vielleicht kannst Du den Fehler zeitnah beheben.

Gruß Thomas

Ho! :)

ich werde mich drum kümmern!

Danke für die Info :)

Ho! :)

Dank der Hilfe durch einige Tester, habe ich weitere kritische Fehler ausgebügelt und Verbesserungen vorgenommen :) die Version 1.6.5RC1 behebt folgene Fehler:

• Redirect zum Login im Installtool
• Fehlerausgabe beim Editieren von Einträgen
• Logo wird korrekt geladen
• Einige Features können in den Einstellungen und in den Benutzereinstellungen deaktiviert werden
• Das Theme ist nun Optional

Dazu noch eine gute Portion kleiner Bugfixes. Hinzukommt das es noch kleine Bugfixes für den schnellen Zugriff auf die Themes geben wird, die Dateiverwaltung bekommt Standardfelder und ggf. ein Demo-Template. Das Theme hat noch kleine Kinderkrankheiten - Abstände und Größen der Eingabefelder.

Gerne nehme ich nach wie vor Wünsche und Tipps oder auh gerne ein Theme-Entwurf entgegen.

Gewüschte Features sind bislang:

• Dateien direkt in ein Inhaltselement ziehen zum Hochladen (Inhaltselementauflistung)
• Exif-Daten von hochgeladenen Bildern auslesen und in der Dateiverwaltung ausgeben
• Ein in der Breite begrenztes Theme
• Validierung der Daten in der Dateiverwaltung

Wann diese Features kommen kann ich nicht sagen, das Modul ist inzwischen sehr groß geworden und sollte jetzt erstmal Stable werden :)

Ich habe die 3.3.3 installiert und habe folgende Meldung erhalten nach dem installieren.

Code:

---

[12-Jul-2014 00:33:52 Europe/Berlin] PHP Fatal error: Uncaught exception 'Exception' with message 'File assets/mootools/datepicker/2.2.0/dashboard.css does not exist' thrown in /kunden/433549_96328/webseiten/contao/system/modules/core/library/Contao/Combiner.php on line 136
#0 /kunden/433549_96328/webseiten/contao/system/modules/SWBackend/templates/backend/be_main.html5(19): Contao\Combiner->add('assets/mootools...', '2.2.0')
#1 /kunden/433549_96328/webseiten/contao/system/modules/core/library/Contao/BaseTemplate.php(92): include('/kunden/433549_...')
#2 /kunden/433549_96328/webseiten/contao/system/modules/core/library/Contao/Template.php(244): Contao\BaseTemplate->parse()
#3 /kunden/433549_96328/webseiten/contao/system/modules/core/classes/BackendTemplate.php(37): Contao\Template->parse()
#4 /kunden/433549_96328/webseiten/contao/system/modules/core/classes/BackendTemplate.php(108): Contao\BackendTemplate->parse()
#5 /kunden/433549_96328/webseiten/contao/contao/main.php(284): Contao\BackendTemplate->output()
#6 /kunden/433549_96328/webseiten/contao/contao/main.php(146): Main->output()
#7 /kunden/433549_96328/webseiten/contao/contao/main.php(293): Main->run()

---

Nach dem installierne war nur noch die Fehlermeldung von Contao zu sehen, daher die Error.log

Ho! :)

danke für deine Fehlermeldung. Ich habe ein Update auf die Version 1.7.0 hochgeladen :) Jetzt funktioniert es auch für Contao 3.3.3

Außerdem, werden die Artikel aus Platz und Übersichtsgründen eingeklappt. Bei klick auf einen Pfeil vor der jeweiligen Seite werden die Artikel angezeigt. Die Version 1.7.0 gilt ab jetzt als Stable. Das Modul wird auf jeden Fall noch weiterentwickelt.

Ich wollte mich gerade in das Backend der Musterseite einloggen, aber es funktioniert nicht. Gibt es neue Zugangsdaten?

Ho!

unter http://www.sioweb.de/contao/main.php kv.jones / kevinjones - Kevin hat kein anderes Design, weil die neuen Features noch nicht im Design funktionieren, aber h.lewis / helenlewis hat das Design, aber eben. es funktioniert unter Umständen nicht alles. Hab die Daten eben nochmal getestet ~ evt. vertippt?

Danke jetzt klappt es. Oben im Forum war als Benutzer k.jones angegeben und nicht kv.jones. Der andere Login klappt nun auch so dass ich die neue Optik sehen kann.

Das Backend Responsive aufzubauen ist eine gute Idee. Mit unter werden im Vollbild aber bei der Pflege die Wege die man mit der Mouse zurück legt etwas weit... dies kann auch Dauer anstrengend sein und Zeit kosten. Ich fände es besser wenn im Bezug auf den responsiven Aufbau das Layout nicht breiter sondern schmaler werden könnte. Ich selbst arbeite häufig mit 2 Fenstern (links Frontend, rechts Backend), direkt nebeneinander (bei 1920 Pixel). Da passt im Standard-Backend (und auch bei deinem) dann nicht alles drauf, daher muss ich meine beiden Fenster etwas überlappen lassen. Es wäre Super wenn ein neues Backend-Theme es auch möglich macht auf kleineren Bildschirmen zu arbeiten. Perfekt wäre sogar eine Anpassung für mobile Medien um unterwegs am Smartphone mal schnell etwas zu ändern.

Ho!

danke für dein Feedback.

An dem Design werde ich auf jeden Fall noch arbeiten müssen. Das neue Contao Flexible-Theme entspricht glaube ich schon deinen Vorstellungen - das kam kurz nach meinem raus und gefällt mir von der Aufteilung her auch besser. Durch die ganzen Features ist mein Design eh in den Hintergrund gerutscht ^^

Ich schau mal wann ich da dran weiter machen kann :)

Hallo Sascha,

ich habe eben bei installiertem SWBackup ein paar Merkwürdigkeiten festgestellt (Version 1.6.6 mit Contao 3.2.14)
- und das obwohl das Theme nicht aktiviert war und die neuen Funktionen alle abgeschaltet waren:

• In der Seitenstruktur wollte ich eine Toplevel-Seite verschieben um die Reihenfolge im Menü zu ändern. Das scheitert daran, dass die Seiten, die direkt unter dem Startpunkt der Webseite liegen, kein Icon 'nach dieser Seite einfügen' besitzen.
• Auch ohne 'Seiten und Artikel verbinden' zu aktivieren lautet der erste Menüpunkt im Backend 'Seiten & Artikel' anstatt 'Artikel'.
• Ist 'Sioweb-Theme beim Login laden' aktiviert, dann erscheint ein sehr hübscher Login-Dialog. Aber leider werden die Labels und die Eingabefelder übereinander ausgegeben - das Label steht also scheinbar im Eingabefeld. Da scheint irgendwas mit dem CSS durcheinander zu gehen.

Ich würde dein Backend-Theme sehr gerne einsetzten, muss aber bei Contao 3.2.x (LTS) bleiben.

Vielleicht ist das ja bereits in der 1.7.0 für Contao 3.3 behoben. Kannst du mir weiter helfen?

Gruß, folkfreund

Ho! @All

Heute morgen ging eine neue Version online. Leider werden die alten Versionen nicht bzw. nur sehr mangelhaft unterstützt. Daran arbeite ich noch wenn ich dann mal mehr Zeit habe.

In der neuen Version sind einige Bugfixes und Style-Anpassungen. Der Drag&Drop-Uploader funktioniert nun in Contao 3.5 (3.4 muss ich noch testen)

Leider hab ich enorm wenig Zeit dafür, aber vielleicht finde ich in naher Zukunft wieder etwas mehr Zeit :)

hi,
schönes Theme. Ich wollte es mal testen unter Contao 3.5.3 aber leider kann ich es da nicht verwenden.
Die Menüpunkte links sind nicht klickbar.
D.h. das man die Hauptmenüpunkte anklicken kann, auch das + zum aufklappen funktioniert,
aber die Unterpunkte nicht.
+ Inhalte
Seiten & Artikel (nicht klickbar)
Nachrichten (nicht klickbar)
usw.
...
Entwicklertools links unten funktionieren :D
Viellecht liegts an EasyThemes!?
wenn man dort

Code:

---

#tl_navigation li {
    position: relative;
}

---

auskommentiert wäre es ok.

Hi,
das Theme gefällt irgendwie :D
Aber es hakt noch hin und wieder:
Z.B. wenn man unter Events den erweiterten Text eingeben möchte ist das nicht möglich weil die Buttons nicht zu sehen sind.
Anhang 16751

wäre schön wenn das ginge :D

Ja ich versuche bald wieder weiter zu machen an dem Modul. Aktuell hab ich noch den Glossar den ich dringend fixen sollte.

Hallo,

Ich kann keine "Neue Formdefinition" im CSS einfügen. Dort fehlen die Pfeile.

Anhang 17496

Ist das theme noch aktuell für Contao >= 3.5.x

VG
aadursun

Ho!

Das Theme arbeitet stellenweise nicht zuverlässig, aber das Design an sich ist auch nur nebensächlich in dem Modul. Meine Empfehlung ist das Fluid Layout in Verbindung mit diesem Addon zu nutzen.