NAVIGATION
This shows you the differences between two versions of the page.
deutsch:module:kalender:erweitert-v13 [2011/01/19 23:32] Knut Heermann (flip-flop) |
deutsch:module:kalender:erweitert-v13 [2018/06/03 18:09] (current) |
||
---|---|---|---|
Line 9: | Line 9: | ||
* Thumb mit LightBox | * Thumb mit LightBox | ||
* Link mit Thumb | * Link mit Thumb | ||
- | * TAG: für Vorschaubild beim Aufruf: z.B. ##WxHxCxQ=150x100x0x80## //(WIDTHxHEIGHTxCROPxQUALITY)// | + | * TAG-Steurung: für Vorschaubild: z.B. ##WxHxCxQ=150x100x0x80## //(WIDTHxHEIGHTxCROPxQUALITY)// |
- | * TAG: Ganztägig [ALLDAY]../..[ALLDAY_ELSE] //(04.01.2011)// | + | * TAG-Template: Ganztägig %%[ALLDAY]...[/ALLDAY]..[ALLDAY_ELSE]...[/ALLDAY_ELSE]%% //(04.01.2011)// |
* 18.01.2011 | * 18.01.2011 | ||
- | * show_past=0|1 //(zeigt die vergangenen Termine im Zeitfenster [ja|nein])// | + | * TAG-Steurung: show_past=0|1 [nein|ja] //(zeigt die vergangenen Termine im Zeitfenster wenn möglich)// |
- | * date_start=+-XX days //(Startdatum den Zeitfensters relativ zum aktuellen Tag)// | + | * TAG-Steurung: date_start=+-XX Tage //(Startdatum des Zeitfensters relativ zum aktuellen Tag)// |
* Teilt das Template in drei Bereiche auf %%<!--CALENDAR_HEADER//--> <!--CALENDAR_ENTRY//--> <!--CALENDAR_FOOTER//-->%% | * Teilt das Template in drei Bereiche auf %%<!--CALENDAR_HEADER//--> <!--CALENDAR_ENTRY//--> <!--CALENDAR_FOOTER//-->%% | ||
- | * TAG: {TIMEWINDOWSTART:d.m.Y}...{TIMEWINDOWEND:d.m.Y} //(START- und ENDdatum des Zeitfensters verfügbar in HEADER/FOOTER)// | + | * TAG-Template: {TIMEWINDOWSTART:d.m.Y H:i}, {TIMEWINDOWEND:d.m.Y H:i} //(START- und ENDdatum des Zeitfensters verfügbar in HEADER/FOOTER)// |
- | * TAG: {DATE:d.m.Y} //(Datum des aktuellen Tages)// | + | * TAG-Template: {DATE:d.m.Y} //(Datum des aktuellen Tages)// |
+ | * TAG-Template: Aktueller Tag %%[TODAY]...[/TODAY]..[TODAY_ELSE]...[/TODAY_ELSE]%% | ||
+ | * 30.03.2011 | ||
+ | * Bei der internen Zeitabfrage des aktuellen Datums wird nun auch die Uhrzeit berücksichtigt wenn %%"show_past=0"%%. Ebenso bei der TAG-Eingabe von TODAY. \\ Ist dies bei der Eingabe von TODAY nicht gewünscht, wird anstatt TODAY eine "0" eingegeben, die Uhrzeit wird auf 00:00:00 gesetzt. | ||
Line 49: | Line 52: | ||
{{:deutsch:module:kalender:fe_calendar_v13_de_1.gif|}} | {{:deutsch:module:kalender:fe_calendar_v13_de_1.gif|}} | ||
- | + | ~~UP~~ | |
- | \\ | + | |
===== Aufruf des Kalenders im Frontend ===== | ===== Aufruf des Kalenders im Frontend ===== | ||
Line 64: | Line 66: | ||
tag=tag1, tag2 | tag=tag1, tag2 | ||
tagmode=OR | tagmode=OR | ||
- | date_start=01.01.2011 oder TODAY oder -15 | + | date_start=01.01.2011 oder TODAY oder 0 oder -15 |
- | date_end=31.12.2011 oder TODAY oder 30 | + | date_end=31.12.2011 oder TODAY oder 0 oder 30 |
href=index.php?XYZ | href=index.php?XYZ | ||
WxHxCxQ=150x100x0x80 | WxHxCxQ=150x100x0x80 | ||
Line 80: | Line 82: | ||
Die Werte können sein: | Die Werte können sein: | ||
* Ein **Datum** z.B. **03.02.2011** | * Ein **Datum** z.B. **03.02.2011** | ||
- | * Das Wort **TODAY** für den aktuellen Tag //(gleitendes Zeitfenster)// | + | * Das Wort **TODAY** für den aktuellen Tag mit aktueller Uhrzeit //(gleitendes Zeitfenster)// |
* Die Angabe von Anzahl XX Tagen vom aktuellen Datum aus betrachtet: z.B. **15** oder **-20** | * Die Angabe von Anzahl XX Tagen vom aktuellen Datum aus betrachtet: z.B. **15** oder **-20** | ||
* Z.B. könnte ein gleitendes Zeitfenster beginnen bei | * Z.B. könnte ein gleitendes Zeitfenster beginnen bei | ||
- | * date_start=TODAY | + | * **date_start=TODAY** |
* und zeigt immer die nächsten 30 Tage ab dem Startdatum | * und zeigt immer die nächsten 30 Tage ab dem Startdatum | ||
- | * date_end=30 | + | * **date_end=30** |
+ | * Anzahl Tage = 0 ist ein Sonderfall, wie TODAY jedoch mit Std.:Min. = 00:00 | ||
\\ | \\ | ||
**show_past=1|0** | **show_past=1|0** | ||
Mit diesem Wert wird bestimmt ob vergangene Termine angezeigt werden oder nicht. \\ | Mit diesem Wert wird bestimmt ob vergangene Termine angezeigt werden oder nicht. \\ | ||
- | Die Ausgabe (show_past=1) macht nur Sinn wenn entweder ein statisches Zeitfenster (**date_start=01.06.2011** und **date_start=31.12.2011**) oder ein gleitendes Zeitfenster mit Vorlauf zum aktuellen Datum (**date_start=-15** und **date_start=30**) eingestellt ist. | + | Die Ausgabe **(show_past=1)** macht nur Sinn wenn entweder ein statisches Zeitfenster (**date_start=01.06.2011** und **date_start=31.12.2011**) oder ein gleitendes Zeitfenster mit Vorlauf zum aktuellen Datum (**date_start=-15** und **date_start=30**) eingestellt ist. |
\\ | \\ | ||
+ | |||
+ | ~~UP~~ | ||
===== Template V1.3: ===== | ===== Template V1.3: ===== | ||
Line 117: | Line 121: | ||
- | Ergänzt zu Template V1.2: **[ALLDAY]** . . . **[/ALLDAY]** - **[ALLDAY_ELSE]** . . . **[/ALLDAY_ELSE]** um bestimmte Einträge für den Schalter "Ganztägig" ein/auszublenden. | + | **Ergänzt zu Template V1.2:** |
+ | |||
+ | * **[ALLDAY]** . . . **[/ALLDAY]** - **[ALLDAY_ELSE]** . . . **[/ALLDAY_ELSE]** um bestimmte Einträge für den Schalter "Ganztägig" ein/auszublenden. | ||
<code> | <code> | ||
[ALLDAY] . . . [/ALLDAY] | [ALLDAY] . . . [/ALLDAY] | ||
[ALLDAY_ELSE] . . . [/ALLDAY_ELSE] | [ALLDAY_ELSE] . . . [/ALLDAY_ELSE] | ||
</code> | </code> | ||
+ | \\ | ||
- | Ergänzt zu Template V1.2: | ||
* **{TIMEWINDOWSTART:d.m.Y}** . . . **{TIMEWINDOWEND:d.m.Y}** gibt die Anfangs/endzeit des Zeitfensters aus //(im HEADER und FOOTER verfügbar)//. \\ | * **{TIMEWINDOWSTART:d.m.Y}** . . . **{TIMEWINDOWEND:d.m.Y}** gibt die Anfangs/endzeit des Zeitfensters aus //(im HEADER und FOOTER verfügbar)//. \\ | ||
- | * **{DATE:d.m.Y}** gibt das aktuelle Datum aus. \\ | + | * **{DATE:d.m.Y}** gibt das aktuelle Datum im gesamten Template aus. \\ |
* Unterteilung des Templates in drei Bereiche: | * Unterteilung des Templates in drei Bereiche: | ||
- | * %%<!--CALENDAR_HEADER_START//--> ... !--CALENDAR_HEADER_END//-->%% | + | * %%<!--CALENDAR_HEADER_START//--> ... <!--CALENDAR_HEADER_END//-->%% |
* %%<!--CALENDAR_ENTRY_START//--> ... <!--CALENDAR_ENTRY_END//-->%% | * %%<!--CALENDAR_ENTRY_START//--> ... <!--CALENDAR_ENTRY_END//-->%% | ||
- | * %%<!--CALENDAR_FOOTER_START//--> ... !--CALENDAR_FOOTER_END//-->%% | + | * %%<!--CALENDAR_FOOTER_START//--> ... <!--CALENDAR_FOOTER_END//-->%% |
+ | <code> | ||
+ | <!--CALENDAR_HEADER_START//--> | ||
+ | |||
+ | <div class="calendar_all"> | ||
+ | <p>Datum heute: <b>{DATE:d.m.Y}</b></p> | ||
+ | <p>Terminausgabe von <b>{TIMEWINDOWSTART:d.m.Y}</b> bis <b>{TIMEWINDOWEND:d.m.Y}</b></p> | ||
+ | |||
+ | <!--CALENDAR_HEADER_END//--> | ||
+ | </code> | ||
+ | |||
+ | \\ | ||
+ | * **[TODAY]**...**[/TODAY]** - **[TODAY_ELSE]**...**[/TODAY_ELSE]** kennzeichnet den aktuellen Tag. | ||
+ | |||
+ | <code html> | ||
+ | <div class="date [TODAY]today[/TODAY]"> | ||
+ | ..... | ||
+ | ..... | ||
+ | </div> | ||
+ | </code> | ||
+ | mit z.B. | ||
+ | <code css> | ||
+ | .calendar div.left .date { | ||
+ | background-color: lightgrey; | ||
+ | ... | ||
+ | ... | ||
+ | } | ||
+ | .calendar div.left .today{ | ||
+ | background-color: #D0C2EF; | ||
+ | } | ||
+ | </code> | ||
\\ | \\ | ||
- | **Beispiel:** | + | **Beispiel gesamtes Template:** |
<code html |h calendar_v13.html |h > | <code html |h calendar_v13.html |h > | ||
<!-- calender_v13 //--> | <!-- calender_v13 //--> | ||
Line 177: | Line 213: | ||
- | \\ | + | ~~UP~~ |
Line 191: | Line 227: | ||
* **template/inc_script/frontend_render/init_calendar.php** //(Update 18.01.2011)// | * **template/inc_script/frontend_render/init_calendar.php** //(Update 18.01.2011)// | ||
* **template/calendar/calendar_v13.html** //(Update 18.01.2011 mehrere Änderungen)// | * **template/calendar/calendar_v13.html** //(Update 18.01.2011 mehrere Änderungen)// | ||
- | * **template/inc_css/specific/calendar_v13.css** //(Update 18.01.2011 Anpassung an neue Tags)// | + | * **template/inc_css/specific/calendar_v13.css** //(Update 18.01.2011 Anpassung an neue TAGs)// |
Line 205: | Line 241: | ||
Das komplette Modul mit allen Dateien. | Das komplette Modul mit allen Dateien. | ||
+ | |||
+ | Inkl. einer kleine Erweiterung im BE: Monatsbuttons\\ | ||
+ | {{:deutsch:module:kalender:be_liste_head01_de_1.gif|}} | ||
<note important> | <note important> |