[easy_themes] Schneller Zugriff auf alle Themes ab Contao 2.9

Ursprung der Extension war eigentlich dieser Beitrag von Peter: https://community.contao.org/de/show...ll=1#post67523

Nach der Installation wird beim Hovern des Navigationspunktes "Themes" eine Quicknavi angezeigt:
Anhang 1985

Das Modul habe ich bis jetzt an einem Abend entwickelt. Ist also noch nicht so ausgereift und eher POC bzw. alpha als sonst was :)

Das Modul ist noch nicht im ER verfügbar, weil dort die Freigabe für die 2.9 beta noch nicht existiert.
Das Modul gehört wie immer in CTO_ROOT/system/modules und benötigt kein DB-Update.

Tracker auf contao-forge folgt noch. Bis dahin mal hier:

Bugs/Features

• Feature: easy_theme pro Benutzer an-/abschaltbar machen
• Bug: Scheint in Opera 10.53 nicht ganz zu funktionieren

Ich wäre froh um weitere Feedbacks :)
Danke :)

Anhang 1986

Zitat:

---

Zitat von Toflar

Ich wäre froh um weitere Feedbacks :)

---

Erstmal danke für die Idee und dann nochmal für die Umsetzung.
Feedback wird bestimmt folgen.

UPDATE
Hier schon mal ein paar Kleinigkeiten fürs CSS aus EasyThemes.css. Folgende Dinge sind anders:

#EasyThemesContainer
width: 150px => max-width: 400px;
besser bei längeren Namen. 400px ist nur ein Vorschlag.

li.easytheme_level_1_group
bgcolor #eee und border-top #ddd
Zur besseren optischen Abgrenzung bei mehreren Themes

li.easytheme_level_2_link a
Abstand zwischen den drei Symbolen etwas erhöht

Und hier das komplette Listing:

PHP-Code:

---

#container
{
  position:relative;
}

#EasyThemesContainer
{
   position:absolute;
   left:110px;
   opacity:0;
   max-width: 400px;  /* statt width:150px; */
   background:#fff;
   border:1px solid #bbb;
   padding: 10px 10px 0;
}

ul.easytheme_level1
{
  list-style:none;
  margin:0;
  padding:0;
}
li.easytheme_level_1_group
{
  clear:both;
  background: #eee url("themes.gif") no-repeat;
  padding: 2px 3px 3px 20px;
  border-top: 1px solid #ddd;
}

li.easytheme_level_1_group ul
{
  padding:0;
}

li.easytheme_level_2_link
{
  padding:0;
  list-style:none;
  float:left;
  margin: 5px 2px 10px 2px;
}

/* bisschen Abstand zwischen den Icons */
li.easytheme_level_2_link a
{
  margin-right: 5px;
} 


---

Gibt es echt keinen CSS-Button im Forum-Editor? Egal. "PHP" macht's wenigstens bunt.

Nimm davon was du für sinnvoll hältst ;)

Hallo Yannick,

zwei Sachen sind mir bis jetzt aufgefallen:

Mediabox geht nicht, wenn EasyThemes installiert ist
Reproduzierbar im Firefox 3.6.3/Win7 mit Contao 2.9b1:
- Ordner "easy_themes" ist da => nix geht mit Mediabox
- Ordner "easy_themes" gelöscht => alles funktioniert

Fenster bleibt stehen
Wenn man über "Themes" mouseovert, kommt das PopUp. Wenn man danach nicht über das Popup fährt, bleibt es (natürlich) stehen, weil es ja kein mouse-out gibt. Gibt es dafür eventuell eine Lösung?

Hallo Peter

Danke für's Feedback! :)

Fenster bleibt stehen
Ja das mit dem Hovern ist so ne Sache =)
Was hälst Du davon, wenn ich daraus ein Kontextmenü mache (also Rechtsklick auf Themes) und bei irgend einem weiteren Klick das Fenster wieder schliesse?

Mediabox geht nicht, wenn EasyThemes installiert ist
Indeed und zwar weil EasyThemes momentan global eingefügt wird und durch Javascript-Fehler (weil der da nach Dingen sucht die im FE gar nicht existieren) werden weitere Scripte blockiert. Das werde ich noch auf das BE und den User einschränken.

CSS Ideen
Nehm ich gerne so an und guck mal wie das ausschaut :)

Ich denke Du kannst über's Wochenende mit der nächsten Version rechnen :)

Zitat:

---

Zitat von Toflar

Fenster bleibt stehen
Ja das mit dem Hovern ist so ne Sache =)
Was hälst Du davon, wenn ich daraus ein Kontextmenü mache (also Rechtsklick auf Themes) und bei irgend einem weiteren Klick das Fenster wieder schliesse?

---

Rechtsklick wäre wahrscheinlich in Ordnung, aber nicht so intuitiv. Ich habe im Artikelbaum das Kontextmenü auf den gelben Bleistift das erste Mal auf dem Usertreffen gesehen ;)

Eine Alternative wäre vielleicht, das Popup nach einer bestimmten Zeitspanne (z. B. eine Sekunde) automatisch wieder auszublenden, wenn kein mouseover stattgefunden hat. Geht sowas?

Hallo Peter

Danke für dein CSS-Input, wir haben da ein paar Sachen übernommen, angepasst, verschönert etc.
Das ganze sollte jetzt so übersichtlich sein, dass es auch bei mehreren Themes noch klar ersichtlich ist, was wo hingehört!

Zitat:

---

Zitat von pmmueller

Rechtsklick wäre wahrscheinlich in Ordnung, aber nicht so intuitiv. Ich habe im Artikelbaum das Kontextmenü auf den gelben Bleistift das erste Mal auf dem Usertreffen gesehen ;)

Eine Alternative wäre vielleicht, das Popup nach einer bestimmten Zeitspanne (z. B. eine Sekunde) automatisch wieder auszublenden, wenn kein mouseover stattgefunden hat. Geht sowas?

---

Jo geht schon, aber ich mag den Rechtsklick :) Ergebnis: Ich mach's auswählbar ;) Hab's zu 80% fertig :)

Version 1.0.0 rc1

• Kann pro User ein-/ausgeschaltet werden
• Unterstützt die Kontextmenü- sowie Mousover-Variante
• Bei der Mouseover-Variante wird das Menü automatisch nach 2 Sekunden ausgeblendet, falls es nicht benutzt wird
• CSS aktualisiert (Dank an grambler!)
• Code optimiert und aufgeräumt
• Mediabox-Konflikt beseitigt
• Kleinere Bugs behoben

Benötigt jetzt ein Datenbank-Update :)
Einstellungen bei den persönlichen Daten treffen :)

Besten Dank für weiteres Feedback :cool:

Das Modul ist jetzt übrigens im Repository zu finden :)

Wunderbar. Ich habe es gerade mit dem RC1 installiert. Es scheint gut zu funktionieren und ist eine echte Hilfe. Musthave-Erweiterung ;)

Danke für's Feedback und deine Mithilfe bei der Entwicklung, Peter :)

Na, keine Ursache, dir vielen Dank für die gute Idee zur Umsetzung und für's Schreiben!

Nachtrag

Du hast in der Erweiterungsliste geschrieben:

Zitat:

---

Diese Erweiterung macht Sinn, sobald mehrere Themes verwaltet werden müssen.

---

Ich finde, die Erweiterung auch sehr sinnvoll, wenn man nur ein Theme hat, insbesondere während der Entwicklungsphase. Ich daddel wegen Buch schreiben momentan ja viel mit dem RC1 rum und schreibe gerade das Kapitel über Navigation und Navigationsmodule. Ohne EasyThemes hätte ich wahrscheinlich schon 'nen Mausarm ;)

Deshalb ein Formulierungsvorschlag, damit auch Leute mit einem Theme sich das installieren:

Zitat:

---

Diese Erweiterung erzeugt ein Kontextmenü für das BE-Modul Themes, das wahlweise per Rechtsklick oder MouseOver aufgerufen werden kann, und spart so jede Menge Mausklicks und -kilometer bei der Arbeit mit Stylesheets, Modulen und Seitenlayouts.

---

Oder sowas in der Art.

Jepp, auch wenn nur ein Theme aktiv ist, ist diese Erweiterung KlickSparend.

Danke Toflar !

Da die Ext so gelobt wird werd ich die wohl auch installieren :)
Danke dir Toflar :D

Ja, Danke Toflar,

ich habe nach der Installation die Aktivierung lange suchen müssen, habe ca. 5x die kompletten Einstellungen durchgelesen, bis ich "... aktivieren in den Benutzereinstellungen" richtig verstanden habe. An dieser Stelle verstecken sich sonst kaum irgendwelche Einstellungen - aber nun klappt es hervorragend.

Ist es nicht möglich Aktivierung als Default zu definieren?
Ich meine, da wird eine Funktion installiert - dann will man die auch gleich nutzen!

Hallo Hagen,

an welcher Stelle? Ich suche auch noch :eek:

Steht in der Beschreibung : http://www.contao.org/erweiterungsli...000006.de.html

Das EasyThemes Menü kann als Rechtsklick-Kontextmenü oder bei Mouseover aufgerufen werden. Siehe Benutzereinstellungen, wo EasyThemes übrigens auch zuerst aktiviert werden muss.

Wenn Du im Backend bist, siehst du in der oberen Zeile "Benutzer XYZ". Darauf klicken, das sind die Benutzereinstellungen.

mmhhhh...

Stefan, danke hat sofort funktioniert. Ist evtl. wirklich etwas versteckt.

Grüße Jörg

@Toflar Dankeschön, das ist echt hilfreich.

HI

Vielen Dank für diese Erweiterung, die wäre in meinen Augen etwas für den Core. Aber da es nur mit Javascript funktioniert, geht das wohl nicht.

Nur mal so als dumme Frage (ich kann es gerade nicht testen): Wird das Javascript auch eingefügt, wenn der Benutzer den Punkt Themes nicht sehen darf, bzw. werden ihm die Optionen im Benutzerprofil dann vorenthalten?

Sebastian

Zitat:

---

Zitat von do_while

Ist es nicht möglich Aktivierung als Default zu definieren?
Ich meine, da wird eine Funktion installiert - dann will man die auch gleich nutzen!

---

Nein, weil Du das ja vielleicht willst, aber ein zweiter Benutzer nicht ;)
Wie gesagt, die Einstellungen beziehen sich ausschliesslich auf den aktiven Benutzer.

Zitat:

---

Zitat von joerg-t

Ist evtl. wirklich etwas versteckt.

---

Tja, dort sind halt die persönlichen Einstellungen ;)

Zitat:

---

Zitat von Sebastian

HI

Vielen Dank für diese Erweiterung, die wäre in meinen Augen etwas für den Core. Aber da es nur mit Javascript funktioniert, geht das wohl nicht.

Nur mal so als dumme Frage (ich kann es gerade nicht testen): Wird das Javascript auch eingefügt, wenn der Benutzer den Punkt Themes nicht sehen darf, bzw. werden ihm die Optionen im Benutzerprofil dann vorenthalten?

---

Ich denke nicht, dass es etwas für den Core ist.
Äh, das muss ich checken. Muss eh noch bei der Einbindung Optimierungen machen.
Leider haben sich die Server grad mal wieder verabschiedet. Ich werd aber das entsprechende Ticket noch auf contao-forge.org erfassen :)

An alle: Vielen Dank für die Blumen :) So machts Spass :)

So Update :)

Tracker übrigens jetzt da: http://dev.typolight-forge.org/proje...ythemes/issues

Was das Javascript angeht:
Es ist leider technisch nicht anders möglich, als das CSS und Javascript immer im BE hinzuzufügen. Auf jeden Fall bin ich auf keine Lösung gekommen und ich hab's auf viele Arten versucht :)
Die Klasse wird einfach lediglich initiiert, wenn ein User EasyThemes aktiviert hat.
Diejenigen die also das in BE gar nicht erst aktivieren können (und darüber entscheidest ja Du als Admin in den Benutzergruppen), werden auch nie was davon merken, aber CSS und JS sind leider trotzdem da.

Doch noch, jetzt werden die Dateien wirklich nur noch hinzugefügt, wenn wirklich benötigt :)

Dank Hinweis von lindesbs hab ich jetzt den loadLanguageFile-Hook vergewaltigt :D

Wird dann in der stable behoben sein :)

HI

Das ist ja super, dass du einem so unwichtigen Aspekt Beachtung schenkst. Danke! :)

Sebastian

Nicht benötigte Scripts laden drückt auf die Bremse und Speed ist niemals ein unwichtiger Aspekt ;)

HI

Ich hätte da noch optische Bedenken anzumelden: Ich finde die Box irgendwie unproportioniert, mit weniger vertikalem Abstand wäre sie mir lieber. Und könnte man den Theme-Namen nicht in eine Reihe mit den Buttons bringen?

Außerdem würde es mir helfen, wenn der Bleistift zum Theme-Bearbeiten auch im Popup angezeigt wird.

Sebastian

http://dev.typolight-forge.org/proje...ythemes/issues

Stift kann man machen, Theme werd ich nicht anpassen, weil CSS-Änderungen kann jeder selbst überschreiben wie er will und ist ohnehin Geschmackssache :)

Irgendwie scheint die Positionierung der Box, wenn sie ausgeblendet ist, das Aufklappicon(+/-) bei den Templates und Artikeln zu überdecken, sodass man die Icons nicht anklicken kann. Tritt zumindest im Firefox auf. Im IE 7 funktioniert es, aber da wird die Box bei jedem Seitenaufruf gleich angezeigt und lässt sich nur mit Rechtklick auf Themes wieder ausblenden.

Ich dacht erst es liegt an Contao, bis ich den Firebug befragt hab.
Aber bitte auch nicht weiter nach links schieben, sonst geht das Menü nicht mehr :)

Wäre nett, wenn Du das noch beheben könntest. Ansonsten sehr nützlich ;)

Indeed :) Hab ich behoben, kommt in der stable :)

So bitteschön, die 1.0.0 stable :)

• Bearbeiten-Funktion hinzugefügt
• Es gibt jetzt auch eine "Vollansicht", welche standardmässig aktiviert ist. Die Kurzversion kann in den Settings aktiviert werden.
• Container überlappte zum Teil Inhalt - Bug behoben
• CSS und Javascript Files werden nur noch geladen, wenn benötigt

Datenbankupdate nicht vergessen!

Viel Spass :)

Danke für die sehr nützliche Erweiterung!

Habe nach Update auf 1.0.1 stable folgendes Problem:
Beim ersten Aufrufen des easy_themes Menüs alles so, wie es sein soll. Erfolgt dann aber kein Seitenwechsel (z.B. weil sich das Popup vor Klick geschlossen hat), springt das Popup beim erneuten Aufruf innerhalb von Sekundenbruchteilen hinter Navigations- und Hauptspalte des Backends und kann erst nach einem Seitenwechsel wieder erreicht werden.

Contao 2.9.RC1, Firefox 3.5.9, KDE 4.3.5

Kleiner Bug oder meine Einstellungen?

Christoph

Kann ich nicht reproduzieren hier. Hast Du mal den Cache geleert, damit auch wirklich die aktuellen Dateien (JS und CSS) geladen werden?

Ja, cache gelehrt. Tritt bei mir unter Windows und Linux und auch mit anderen Browsern auf.

Komisch, dass es beim ersten Aufruf des easy_themes Menü funktioniert, dann aber wohl irgendwas überschrieben wird. (?)
Konflikt mit einem anderen Plugin?
(avatar, ch_flowplayer, downloadarchive, easy_themes, efg, Imageslider, linklist, memberlist, newslettergroups, newsticker, Photoalbums, xls_export, zNewsFlowplayer)

Keine Ahnung. Sagen wir's mal so. Die Extension basiert auf CSS und Javascript und da macht irgendwie jeder Browser ein bisschen, was er gerade so will ;)

Das wird ne Weile dauern, bis wir EasyThemes überall sauber laufen haben :)
Krieg ich ein BE-Login oder so, damit ich das mal angucken könnte? Vielleicht find ich ja was :)

Hatte hier selbiges Problem. In den CSS ist der EasyThemesContainer mit einem negativen z-index definiert.

Wenn ich ihn hier lokal positiv setze, klappts.

Code:

---

z-index:99;

---

Setz ich ihn wieder zurueck auf Original, verschwindet das ContextMenu wieder im Background.

Es soll ja negativen z-index haben.

Beim Verstecken solls -99 haben und beim Einblenden 99 :)
Sonst überlappt es deinen Content und Du kannst zum Beispiel keine +- bei der Seitenstruktur mehr bedienen.

hm, komisch

Hatte ich neulich auch. Alle Benutzerdaten (Sessions) löschen, danach gings.

Zitat:

---

Zitat von planepix

Alle Benutzerdaten (Sessions) löschen, danach gings.

---

UPDATE tl_user SET session=''?

Macht bei mir keinen Unterschied.

Benutzerfunktionen -> Persönliche Daten -> Daten bereinigen