Druckbare Version
Hallo,
ich hab mit meinen bescheidenen Programmierfähigkeiten ein Sitebuilder-Modul für Contao 3.5 erstellt:
https://github.com/georgpreissl/gp_grix
Hier zwei kleine Screencasts dazu:
https://youtu.be/RlQWJwvOen0
https://youtu.be/0yrzWbtfiRo
Das Modul enthält leider noch ein paar Fehler und unvollständig umgesetzte Features :D
D.h. es ist noch nicht unbedingt für den produktiven Einsatz geeignet.
Was meint ihr dazu?
Bitte um euer Feedback ;)
Hi Georg,
schaut doch schon mal sehr vielversprechend aus!! Von mir einen Daumen hoch! Mach ruhig weiter!
Kurzes Feedback am Beispiel der gp_grix/ajax/ajax_delete.php:
Anstelle
besserPHP-Code:$id = $_GET['id'];
und das dann natürlich nach der initialize.phpPHP-Code:$id = \Input::get('id');
Vor dem
möchtest Du bestimmt sicher stellen, daß der Request von einem angemeldeten User kommt!PHP-Code:$objResult = Database::getInstance()->prepare("DELETE FROM tl_content WHERE id=?")->execute($id);
Das schließende
lässt Du besser überall weg.PHP-Code:?>
Schaut toll aus!
Werde deine Erfindung gerne neugierig Testen.
Gruß dtptiger
Sieht interessant aus. Kannst du schon in etwa sagen, wann die Erweiterung nutzbar sein wird?
Und wo die Unterschiede zu anderen Columns-Erweiterungen liegen, außer dass es deutlich übersichtlicher ist?
Im Grunde kann man die Erweiterung schon einsetzen.
Ein Bug von dem ich weiß das er existiert:
Wenn man bei den oberen Buttons eine andere Device-Größe (Base, Mobile oder Tablet) auswählt,
und dann die Spaltenaufteilung ändert, werden die Bootstrap-Klassen noch nicht richtig zugewiesen.
Ist ein zentrales Feature das nicht klappt, werde ich mir sobald als möglich ansehen :)
Was noch gemacht werden muss:
Rechteabfrage beim löschen der Ihaltselemente per Ajax (wie von "fiedsch" angemerkt).
... und sicher noch vieles mehr.
Die Unterschiede zu anderen Columns-Erweiterungen:
- Die Inhaltselemente werden auch im Backend in der Spalteneinteilung angezeigt :)
- Inhaltselemente können aus anderen Artikeln importiert werden
- Unter "Grix-CSS" können CSS-Klassen angelegt werden, welche dann mit einem Klick den Spalten und Reihen zugewiesen werden können
- Die Breite einer Spalte kann mit den vertikalen Cursor-Tasten geändert werden (dazu muss die Spalte vorher markiert werden)
- Ein Wechsel zwischen den Device's ist mit den horizontalen Cursor-Tasten möglich
- Reihen und Spalten können mit ein paar Klicks ineinander verschachtelt werden
- Klickt man auf den Einstellungen-Button einer Reihe, sieht man die Spaltenaufteilung aller Device's als Übersicht
Irgendwie funktioniert es bei mir nicht ganz oder ich bin zu blöd. Wenn ich Inhalte über das Raster einfüge, werden sie nur im Frontend aber nicht im Backend im Raster angezeigt. In der normalen Artikel-Ansicht sind sie aber vorhanden.
Wie funktioniert die Darstellung des Rasters im Frontend? Werden Klassen mitgeliefert und man muss das Grid selbst stylen? Oder lieferst du eine CSS-Datei mit?
Hast du im Layout bei den CSS-Frameworks das "Grix Bootstrap" aktiviert?
Und hast du bei den Artikel-Einstellungen die Checkbox "Grix aktivieren" aktiviert?
In diesem Video:
https://youtu.be/RlQWJwvOen0
... sieht man wie ich die Erweiterung in Contao 3.5.30 Version installiere.
Werden die Ihaltselemente im Backend nach dem Erstellen/Einfügen garnicht angezeigt?
Die Erweiterung verwendet die Bootstrap-Klassen.
Wenn man die mitgelieferte Version bein den CSS-Frameworks nicht aktiviert, muss man's selber einbinden.
Ups, ich hatte wieder die CSS noch die Artikel-Einstellung aktiviert.
Nun zeigt mein Frontend gar nichts mehr an (auch nicht im Quellcode).
Wenn ich im Raster im Backend einen Artikel über das Plus-Symbol anlege oder einen importiere, bleibt das Raster nach wie vor leer. Die Inhalte, die ich im Raster anlege, werden zwar in der normalen Übersicht der Inhaltselemente angezeigt, aber eben nicht im Raster.
Wenn ich Zeit habe, werde ich die Erweiterung nochmal neu installieren und von Anfang an die richtigen Einstellungen setzen.
Hier auch noch ein Screencast der zeigt wie man Spalten ineinander verschachtelt:
https://youtu.be/jc-GIHvdaoo
Der aktuelle Status der Erweiterung ist nun auch im Extension Repository:
https://contao.org/de/erweiterungsli...000009.de.html
Neue Features der letzten Monate:
Erweiterung der Bootstrap Eigenschaften
Zusätzlich zur Breite können nun auch die Eigenschaften "Offset", "Push" und "Pull" in der Grid-Ansicht geändert werden.
Einfacheres Ändern der vertikalen Abstände
Die vertikalen Abstände der Grid-Elemente zueinander können nun bereits in der Grid-Ansicht verändert werden.
Dazu ist es zuerst notwendig die CSS-Datei "Grix Margin-Bottom" im Layout einzubinden.
Dann in der Grid-Ansicht einfach Reihe, Spalte oder Inhaltselement auswählen und die Abstände mit den entsprechenden Buttons anpassen.
Duplizieren der Grid-Elemente
Mit dem Duplizieren-Button können (zuvor ausgewählte) Grid-Elemente kopiert und eingefügt werden.
Schnelleres Ändern der Spalteneinteilung
Bei den Einstellungen zu einer Reihe (Klick auf das Zahnradsymbol) können die vier Spalteneinteilungen in einer Ansicht zugewiesen werden.
Schnellerer Wechsel zwischen den Devices
Der Wechsel zwischen den Bootstrap-Breakpoints kann nun auch mit den Cursor-Tasten 1 bis 4 erledigt werden.
Danke für die obigen Tips zur Entwicklung der Erweiterung.
Ich hab versucht sie so gut als möglich umzusetzen :)
... bin weiter für jeden Verbersserungsvorschlag offen!
... und freue mich über jeden Erfahrungsbericht zur Erweiterung.
Zu einer Frage die weiter oben aufgetaucht ist:
Die Grid-Anzeige erfolgt über das CSS-Framework Bootstrap.
Die Erweiterung stellt Bootstrap in der Layout-Bearbeitung zum Einbinden zur Verfügung.
Hier ein neues Video das die vor kurzem hinzugefügten Funktionen im Einsatz zeigt:
https://youtu.be/SNqw9K0eNm0
Anhang 20767
irgendwas mache ich falsch....
Offenbar wird die CSS-Datei des Moduls nicht geladen.
... könntest du mal in den Developer-Tools (Browser Chrome) nachsehen ob die Console einen Fehler ausspuckt?
Anhang 20769
oh ja da schein einiges nicht zu laden
Ich finde den Ansatz von der usability sehr interessant. Leider ist die Implementierung mehr als fragwürdig. Die ganzen Ajax Aktionen laufen ohne jegliche Betreuungskontrolle.
Vielleicht hast du in deinem Team/Netzwerk einen Contao-Programmierer, der dir hilft den guten Ansatz auch entsprechend abzusichern.
@Al7:
Komisch, weiß leider nicht woran das liegt.
Die Pfade in der Console scheinen ja zu stimmen.
@webstar:
Ein Team/Netzwerk hab ich leider nicht.
Wie bereits weiter oben erwähnt, bin ich froh über jede konkrete Hilfe.
Gerne natürlich auch per Repository-Fork.
Kann mir bitte jemand helfen?
Browser-Cache hast Du gelöscht? Verwendest Du einen AdBlocker (oder sonst irgendeinen Skriptblocker)?
Nein, habe es gerade nochmal auf meinem Handy getestet, habe da genau das gleiche problem.
Hab jetzt endlich das Update der Erweiterung auf Contao 4 geschafft:
https://github.com/georgpreissl/contao-grix-sitebuilder
Verbesserungsvorschläge sind jederzeit willkommen :D
sieht nice aus!
wie ist das Zusammenspiel mit Contao-Bootstrap?
So interessant ich das UI auch finde, so wenig mag ich die Implementierung. Wenn ich auf den ersten Blick alles richtig verstanden habe, macht die Erweiterung folgendes. Wenn Grix für einen Artikel aktiviert, wird im Backend das HTML zusammengebaut und vorgerendert in der DB-Tabelle des Artikels hinterlegt.
Das hat zur Konsequenz:
- Interaktive Elemente, wie Formulare funktionieren nicht mehr
- Dynamische Elemente, wie Newslisten etc. funktionieren nicht mehr
- Elemente, deren Markup im Backend anders aussieht als im Frontend funktionieren nicht mehr (z.B. Frontendmodule)
- Alle HTML-Tags, die nicht als Eingabe erlaubt sind, aber sehr wohl als Teil eines Templates werden gekillt
Darüber hinaus habe ich Sicherheitsbedenken:
- Das im Backend gerenderte HTML kann von jedem Redakteur erstellt werden mit der Option beliebiges JS einzuschläußen
- Die Custom-Routen, insbesondere "/grixinsert" und "/grixsave" sind ungeschützt als Frontendnutzer aufrufbar und damit die Grix-Konfiguration manipulierbar. Damit liese sich wohl die Grix-Konfiguration zerstören.
Dies soll kein Verriss sein, sondern lediglich ein Kurzreview für alle technisch nicht so versierten. Wie gesagt, ich mag den UI-Ansatz sehr und wiederhole gern meine Hoffnung, dass sich du dich ggf. mit jemanden zusammentun kannst, der dich bei der Implementierung unterstützt.
Stimmt so nicht ganz. Die Inhaltselemente werden nicht vorgerendert. Sie sind im (mit Javascript zusammengebauten) HTML als Inserttags hinterlegt.Zitat:
Wenn ich auf den ersten Blick alles richtig verstanden habe, macht die Erweiterung folgendes. Wenn Grix für einen Artikel aktiviert, wird im Backend das HTML zusammengebaut und vorgerendert in der DB-Tabelle des Artikels hinterlegt.
Hab jetzt nicht alles getestet, müsste aber schon noch funktionieren – da es ja Inserttags sind.Zitat:
Das hat zur Konsequenz:
Interaktive Elemente, wie Formulare funktionieren nicht mehr
Dynamische Elemente, wie Newslisten etc. funktionieren nicht mehr
Elemente, deren Markup im Backend anders aussieht als im Frontend funktionieren nicht mehr (z.B. Frontendmodule)
Oder hab ich da einen Denkfehler?
Hier weiß ich nicht was du meinst.Zitat:
Alle HTML-Tags, die nicht als Eingabe erlaubt sind, aber sehr wohl als Teil eines Templates werden gekillt
Wie kann ich das Einschleusen verhindern?Zitat:
Das im Backend gerenderte HTML kann von jedem Redakteur erstellt werden mit der Option beliebiges JS einzuschläußen.
Kann ich das in der routing.yml verhindern?Zitat:
Die Custom-Routen, insbesondere "/grixinsert" und "/grixsave" sind ungeschützt als Frontendnutzer aufrufbar und damit die Grix-Konfiguration manipulierbar. Damit liese sich wohl die Grix-Konfiguration zerstören.
Unterstützung ist jederzeit willkommen.Zitat:
... und wiederhole gern meine Hoffnung, dass sich du dich ggf. mit jemanden zusammentun kannst, der dich bei der Implementierung unterstützt.
Danke :)Zitat:
Zitat von zonky
"Contao-Bootstrap" – damit hab ich mich leider noch garnicht beschäftigt.