cal ListView anpassen

[Panela]

Hallo zusammen,

ich habe Probleme die Listenansicht bei Calendar Base richtig zu formatieren. Anstelle der Listenelemente (dt, dd) möchte ich eine Tabelle benutzen. Das Problem ist halt, dass die Titel immer den gleichen Abstand zu den Daten haben sollen.
Folgendes möchte ich also erreichen:

April
26.04. Eintrag Vier
28.04. Eintrag Drei
Mai
01.05. - 04.05 Eintrag Zwei
Juli
17.07. - 18.07 Eintrag Eins

In der angehängten Grafik könnt ihr erkennen, was ich bis jetzt hinbekommen habe. Irgendwie schaffe ich es nicht die Monate auch in die Tabelle zu bekommen.

Mein list.tmpl sieht so aus:

<!--list.tmpl-->
<!-- ###LIST_DAY_WRAPPER### begin -->
	<dt><hr></dt>
    <dd> --- Event ---</dd>
<!-- ###LIST_DAY_WRAPPER### end -->

<!-- ###LIST_WEEK_WRAPPER### begin -->
	<dt><hr></dt>
    <dd> --- Week ---</dd>
<!-- ###LIST_WEEK_WRAPPER### end -->

<!-- ###LIST_MONTH_WRAPPER### begin -->
	<dt><hr></dt>
    <th> --- Month ---</th>
<!-- ###LIST_MONTH_WRAPPER### end -->


<!-- ###LIST_TEMPLATE### begin -->

<table cellpadding="0px" cellspacing="0px">
	<!-- ###LIST### start -->
	<!-- ###LIST### end -->
</table>

<!-- ###LIST_TEMPLATE### end -->
<!--/list.tmpl-->

Mein phpicalendar_event.tmpl sieht so aus:

<!-- ###TEMPLATE_PHPICALENDAR_EVENT_LIST_ODD### start -->
<tr>
	<td style="width: 100px">
		###STARTDATE### ###ENDDATE###
	</td>
	<td>
		###TITLE###
	</td>
</tr>
<!-- ###TEMPLATE_PHPICALENDAR_EVENT_LIST_ODD### end -->


<!-- ###TEMPLATE_PHPICALENDAR_EVENT_LIST_EVEN### start -->
<tr>
	<td>
		###STARTDATE### ###ENDDATE###
	</td>
	<td>
		###TITLE###
	</td>
</tr>
<!-- ###TEMPLATE_PHPICALENDAR_EVENT_LIST_EVEN### end -->

Mein TypoScript sieht so aus:


plugin.tx_cal_controller.view {
#pageBrowser
list.listTemplate = fileadmin/templates/tabellen/ext/cal/list.tmpl
event.phpicalendarEventTemplate = fileadmin/templates/tabellen/ext/cal/phpicalendar_event.tmpl
list.enableMonthWrapper = 1
}


Ich finde die Stelle einfach nicht, wo ich die MonthWrapper formatieren kann. Im Quelltext stehen die immer in <dt> Tags. Wie es im Moment aussieht, könnt ihr unten sehen.

MfG und vielen Dank

Panela

[Panela]

Habe eine Lösung gefunden:

TypoScript:

list.monthWrapper.10.wrap = <tr class="month_wrapper"><th colspan="3">|</th></tr>


list.tmpl:

<table cellpadding="0" cellspacing="0" style="width: 100%">
	<!-- ###LIST### start -->
	<!-- ###LIST### end -->
</table>

phpicalendar_event.tmpl:

<tr>
	<td style="width: 100px; height: 20px">###STARTDATE### ###ENDDATE###</td>
	<td style="width: 50px">###STARTTIME###</td>
	<td>###TITLE###</td>
</tr>

Mit ein wenig CSS Code kommt das angehängt Ergebnis raus. Vielen Dank an alle, die sich mit mir den Kopf zerbrochen haben.
Vielleicht kann ich ja dem ein oder anderen mit dem Code helfen.

MfG
Panela

[grit]

hallo panela,

vielen tausend dank für deine anleitung - habe endlich verstanden, welche Dateien ich ansprechen muss, um änderungen an der ausgabe zu erreichen.

ciao grit

[musicalpool]

Ich verstehe es leide rnoch nicht so ganz (als TYPO3-Gelegenheitsbastler).

- Ich kriege cal grundsätzlich zum Laufen (darauf bin ich schonmal stolz)
- Ich kann auch Listenansichten und Eventansichten einbinden, auf denen die Termine dargestellt werden. (Mehr Ansichten - würde ich behaupten - brauche ich auch noch nicht.)

Ich möchte nur diese Listenansicht anpassen. Ich brauche keine neuen Schriftgrößen, Zellfarben etc, weswegen ich Veränderungen am CSS wohl ausschließen kann. Verändert werden soll die Übernahme der Location in die Listenansicht.

Ich hätte jetzt gedacht, ich muss jeweils einen ####LOCATION###-Marker in die phpicalendar_event.tmpl einfügen. Und zwar an die Stelle, in der die List-Ansicht definiert wird. Somit 2x, nämlich jeweils für 'even' und 'odd'.

Hab ich gemacht, im Template habe ich auf die phpicalendar_event.tmpl verwiesen. Es zeigen sich jedoch keine Auswirkungen im FE.

Woran liegt's?

----

Hab's dann doch selbst gefunden: phpicalendar_event.tmpl muss nicht (nur) im Template, sondern (auch) über den Constant Editor angesprochen werden.

[pgisler]

Hallo Panela

Erstmal VIELEN DANK für die grossartige Vorarbeit!
Sehr gerne würde ich ein Template erstellen, welches mir erlaubt, die Daten in ähnlicher Form darzustellen wie du dies tust. Ich weiss jedoch nicht, in welcher Datei ich den TypoSkript-Code einfügen muss. Dies ist ja lediglich eine Zeile.

Ist es in der Tat so, dass deine beiden Dateien list.tmpl und phpicalendar_event.tmpl lediglich diese 4 bzw. 5 Zeilen enthalten?!?

Für eine Antwort wäre ich dir sehr dankbar!


Gruss, Peter

[Heiopei]

Auch wenn der Thread schon etwas älter ist.

Die TS Zeilen sind im SETUP des jeweiligen Templates bzw. extTemplates einzufügen.

Vielen Dank für die Code Zeilen
Gruß
Heiopei

[dojo]

Ich muss das nun nochmal hervor holen.

ich habe die Anregungen von Panela umgesetzt, doch leider werden die Termine nicht wie gewünscht dargestellt. Der Monat will einfach nicht über den entsprechenden Terminen erscheinen.

Hat sich da mit der neuen Version etwas bei der Umsetzung geändert?

Viele Grüße
Jochen

[dojo]

Ich habe noch ein wenig herumexperimentiert und mir alles noch einmal in ruhe durchgelesen und haben nun meinen Fehler gefunden. Man sollte den wrapper noch aktivieren, bevor man versucht ihn einzusetzen .

[cheaptrick_la]

Hallo Panela,

das ist genau das was ich suche!
Du schreibst:

Mit ein wenig CSS Code kommt das angehängt Ergebnis raus.

Kannst Du mir den CSS-Code zur Verfügung stellen?

@dojo
Du schreibst:

Ich habe noch ein wenig herumexperimentiert und mir alles noch einmal in ruhe durchgelesen und haben nun meinen Fehler gefunden. Man sollte den wrapper noch aktivieren, bevor man versucht ihn einzusetzen

Da ich in Sachen Typo3 und TS noch in den Kinderschuhen stecke wäre ein Beispiel nicht schlecht.

Gruß

cheapy

[dojo]

HalloCheptrick

hab gerade erst deine Frage gesehen, vielleicht brauchst du es ja noch.

Hier erstmal mein Typoscript das ich unter Constant stehen hab

plugin.tx_cal_controller.view.month.dateFormatMonth = %b %Y
plugin.tx_cal_controller.view.timeFormat = %H:%M
plugin.tx_cal_controller.view.dateFormat = %A, %d. %B %Y
plugin.tx_cal_controller.view.list.listTemplate = fileadmin/templates/cal/list.html
plugin.tx_cal_controller.view.event.eventModelTemplate = fileadmin/templates/cal/event_model.html
plugin.tx_cal_controller.view.month.monthSmallTemplate = fileadmin/templates/cal/month_small.html

plugin.tx_cal_controller.view.list.enableDayWrapper = 1
plugin.tx_cal_controller.view.List.dayWrapper.10.wrap = <tr class="month_wrapper"><th colspan="3">|</th></tr>


Zeile 1-3 leg ich das Format der Datums und Uhrzeitausgabe fest
Zeile 4-6 leg ich fest, dass die von mir angepassten Templates verwendet werden sollen. Dort kann man auch die Klasse für die CSS hinterlegen.
Zeile 8 aktiviert dann den Wrappen
Zeile 9 legt das Format fest. Da ich mich in meinem Template Dateien für eine Tabellenstruktur entschieden hab, 3 Spalten, wird hier ein th für 3 Spalten generiert.

Ich hoffe es war verständlich.

Viele Grüße
Jochen