MetaModels Beispiel 3: Unterschied zwischen den Versionen

Aus Contao Community Documentation

(Published Filter im Backend einbauen)
(Start)
Zeile 18: Zeile 18:
  
 
Hier möchten wir das Icon "Auge" einfügen, dass wir von anderen Contao-Backend Funktionen kennen.
 
Hier möchten wir das Icon "Auge" einfügen, dass wir von anderen Contao-Backend Funktionen kennen.
<div style="clear: both"></div>)
+
<div style="clear: both"></div>
 
+
  
 
==MM-Funktion: Attribute definieren==
 
==MM-Funktion: Attribute definieren==

Version vom 20. Februar 2013, 17:16 Uhr


Voraussetzungen

Das Backend ist eingerichtet. Erste Erfahrungen mit Frontend-Darstellungen und einfachen Filtern werden vorausgesetzt.

Aufgabenstellung

Wir bauen einen Mechanismus ein, mit dem wir entscheiden können, welcher der im MetaModel Musikbox erfassten Datensätze im Frontend erscheinen soll und welcher nicht. Mit dem speziellen Attribut "Published State" lässt sich so was einrichten und über einen Filter im Frontend steuern.

Darüber hinaus möchten wir die Listenansicht im Frontend etwas interaktiver gestalten, indem wir einen Filter als HTML-Select im Frontend zur Verfügung stellen, der die Liste z.B. nach Länder ausfiltert.

Published Filter im Backend einbauen

Start

Mm backend anpassen0.png

Die Übersichtsliste in unserer Musiksammlung "MyMusic" sieht noch wie nebenan aus.

Hier möchten wir das Icon "Auge" einfügen, dass wir von anderen Contao-Backend Funktionen kennen.

MM-Funktion: Attribute definieren

Hier erfassen wir das neue Attribut

Mm backend anpassen1.png
  • Wähle "New Attribute"
  • Wähle den Typ "Checkbox" aus und gibt die entsprechnden Werte ein
  • Wichtig: "Check puplish" muss angeklickt sein
  • In deiner Attributsübersicht erscheint dir neu ein Feld "Veröffentlicht"

Nun kann man in den entsprechenden anderen MM-Backend-Funktionen, die weiteren Anpassung vornehmen.



MM-Funktion: Ausgabevorgaben definieren


Wir passen die Listendarstellung für das Backend an



Mm backend anpassen2.png


  • Wir wählen die Attributseinstellungen von "BE Listenansicht"
  • Wähle "Add all" aus
  • Es gibt einen automatischen Check welche Attribute bereits in die Rendersettings geladen wurden und welche nicht. Das neue Attribut "Veröffendlicht" wird hinzugefügt
  • Es wird am Ende der Attributsliste hinzugefügt


Damit sind die eigentlichen Anpassungen für das Backend schon abgeschlossen.



Backendliste "MyMusik" nochmals prüfen

Mm backend anpassen3.png



Wenn wir jetzt unsere Übersichtsliste in unserer Musiksammlung "MyMusic" nochmals ansehen, entdecken wir das Icon "Auge".
Nun können wir im Backend steuern, ob ein Musikstück im Frontend angezeigt werden soll oder nicht.
Damit das geschieht, müssen wir noch einen Filter erstellen, der den jeweiligen Frontend-Ansichten sagt, dass nur markierte Musikstücke veröffentlicht werden sollen.

Published Filter im Frontend einbauen


Hier müssen wir in diversen MM-Backend-Funktionen diverse Veränderungen vornehmen



MM-Funktion: Filter definieren


Wir erstellen einen neuen Filter: "FE Filter published"



Mm backend filter anpassen1.png


  • Wir wählen "neu", bestätigen mit weiter
  • Wir wählen den Typ "Published state", wählen hierzu das vorhin erfasste Attribut " Veröffentlicht [checkbox]" und aktivieren diesen neuen Filter "FE Filter published
  • ... und kehren zurück zur Filter-Übersichtsliste


 



Frontend-Modul anpassen

Mm backend filter anpassen2.png


  • Wir gehen über die Themes zu unseren Frontend-Modulen
  • Wir wählen hier das Modul, das für unsere Frontend-Ansicht zuständig ist. In unserem Fall das FE-Modul "MM - MyMusik Liste"


Dort nehmen wir an folgenden Stellen zwei Änderungen vor:

  • Bei "Anzuwendende Filtereinstellungen" wählen wir den neu erstellen Filter "FE Filter Published" an
  • Als Filter Value für das Attribut "Veröffentlicht" wählen wir den Wert "1" ( 1 steht bei Checkboxen ganz allgemein für "angeklickt")


Ab sofort werden im Frontend nur noch die Datensätze angezeigt, die wir in unserer Backend-Liste "MyMusik" mit dem Icon "Auge" markiert haben.



Neues Frontend-Modul erstellen

Mm backend filter anpassen2.png


  • Wir gehen über die Themes zu unseren Frontend-Modulen
  • Wir wählen hier das Modul, das für unsere Frontend-Ansicht zuständig ist. In unserem Fall das FE-Modul "MM - MyMusik Liste"


Dort nehmen wir an folgenden Stellen zwei Änderungen vor:

  • Bei "Anzuwendende Filtereinstellungen" wählen wir den neu erstellen Filter "FE Filter Published" an
  • Als Filter Value für das Attribut "Veröffentlicht" wählen wir den Wert "1" ( 1 steht bei Checkboxen ganz allgemein für "angeklickt")


Ab sofort werden im Frontend nur noch die Datensätze angezeigt, die wir in unserer Backend-Liste "MyMusik" mit dem Icon "Auge" markiert haben.



Select Filter im Frontend einbauen


Hier müssen wir in diversen MM-Backend-Funktionen diverse Veränderungen vornehmen



MM-Funktion: Filter definieren


Wir nehmen den neuen Filter, ergänzen diesen und geben ihm einen neuen Namen "FE Filter published/Country". Dieser angepasste Filter muss zwei Bedingungen erfüllen:

  • Er soll wie bisher nur die publizierten Musikstücke anzeigen
  • Er soll nur die Länder anzeigen, wir wir über ein Select anwählen, das über der FE Liste angezeigt wird




Mm backend filter anpassen3.png


  • Wir wähen die Filtereinstellungen des "Filters FE Filter published"
  • Wir wählen "neu" und setzen die neue Einstellung unterhalb der Einstellung "Published State" ein
  • Wir nehmen den Typ "Einfache Auswahl", weisen das Attribut "Land [text]" zu und aktivieren diesen
  • Optional wählen wir noch die Option "Leerer Wert" an. Dies bewirkt, dass im späteren Select überhalb unserer Länderauswahl ein leerer Eintrag generiert wird
  • Wir "Speicher und schliessen" den Dialog


Nun erscheint uns neu der Filter "FE Filter published" als eine Kombination von 2 Filtereinstellungen. Man kann sich nun leicht vorstellen, wie komplex man sich diesen Filter bauen kann, wenn man will.



Neues Frontend-Modul erstellen

Mm backend filter anpassen4.png


  • Wir gehen über die Themes zu unseren Frontend-Modulen
  • Wir erstellen hier ein neues Frontend-Modul
  • Wir wählen hierzu den Modultyp "MetaModels Filter" und geben ihm den Nahmen "MM - MyMusik Filter"


to be continued...



Bestehendes Frontend-Modul anpassen

Mm backend filter anpassen5.png


  • Wir gehen über die Themes zu unseren Frontend-Modulen
  • Wir nehmen das  Frontend-Modul "MM - MyMusik Liste"
  • Wir sortieren nach "Land" und "Aufsteigend"
  • Neu ist nun, dass wir hier unter "anzuwendende Filtereinstellungen" den überarbeiteten Filter "FE Filter published" nehmen


to be continued...



Bestehendes Artikel anpassen

Mm backend filter anpassen6.png


  • Wir gehen nun zu unserem Artikel, wo wir einst unser Frontend-Modul "MM - MyMusic Liste" verbaut haben
  • Darüber erstellen wir neu ein weiteres Inhaltselement, ein weiteres Frontend-Modul. Diesmal das neu erstellte FE-Modul "MM - MyMusic Filter"
  • to be continued


Backend-Ansicht kontrollieren


Blabla... to be continued.

Ansichten
Meine Werkzeuge

Contao Community Documentation

ich werde mir ein Aquarium kaufen...mit lauter Blowfishen..und die nenne ich dann bcrypt, sha1 und md5.

Leo Unglaub
Navigation
Verstehen
Verwenden
Entwickeln
Verschiedenes
Werkzeuge