Advanced Wysiwyg-Text & image (V1.3)

Added:

• Wysiwyg Text
• Thumb with LightBox
• Link with thumb
• TAG for Thumbnail when calling: e.g. WxHxCxQ=150x100x0x80 (WIDTHxHEIGHTxCROPxQUALITY)
• TAG: Allday [ALLDAY]...[/ALLDAY]..[ALLDAY_ELSE]...[/ALLDAY_ELSE] (04.01.2011)
• 18.01.2011
• show_past=0|1 [ja|nein] (shows the recent events in the time window if possible)
• date_start=+-XX Tage (Start date of the time window relative to the current day)
• The template is divided into three areas <!--CALENDAR_HEADER//--> <!--CALENDAR_ENTRY//--> <!--CALENDAR_FOOTER//-->
• TAG: {TIMEWINDOWSTART:d.m.Y}, {TIMEWINDOWEND:d.m.Y} (Start- and end dates of the time window available)
• TAG: {DATE:d.m.Y} (Date of the current day)
• TAG: Current day [TODAY]...[/TODAY]..[TODAY_ELSE]...[/TODAY_ELSE]

Changed: (18.01.2011)

• Name of the php class changed from "calender.class.php" to "calender_v13.class.php" at "include/inc_module/mod_calendar/inc/"
• Name of the CSS file changed from "calender.css" to "calender_v13.css" at "template/inc_css/specific/"
• Name of the template file changed from "my_dates_list_de.html" to "calender_v13.html" at "template/calendar/"
• Calling the two above Files in the file "init_calendar.php" at "template/inc_script/frontend_render/"

Docu: –
Forum: –

Author: K.Heermann (flip-flop) http://planmatrix.de
CMS Version: >= V1.4.2 r348
Version: V1.2 (30.11.2010)
Update: V1.2a (04.01.2011)
Update: V1.2a filename changed (08.01.2011)
Update: V1.3 several parts expanded (18.01.2011)
Verzeichnis: include/inc_module/mod_calendar/inc/ *
Condition: –

Pleaser enter into a CP HTML or “plain text” this TAG-Set:

{CALENDAR:
items=10
template=calendar_v13.html
lang=de
tag=tag1, tag2
tagmode=OR
date_start=01.01.2011 or TODAY or -15
date_end=31.12.2011   or TODAY or 30
href=index.php?XYZ
WxHxCxQ=150x100x0x80
show_past=1
}

Calendar time window:

is set with date_start and date_end.

The values can be:

• A Date e.g. 03.02.2011
• The word TODAY for the current day (sliding time window)
• The indication of the number XX days from current date viewed: e.gg 15 or -20
  • E.g. a sliding time window could be starting at
  • date_start=TODAY
  • and always shows the next 30 days from start date
  • date_end=30

show_past=1|0

This value determines whether or not to show past appointments.
The output (show_past=1) only makes sense if either a static time window (date_start= date_start=01/06/2011 and date_start=12/31/2011) or a sliding time window forward to the current date (date_start=-15 and date_start=30) is set.

Z.B. in template/calendar/TemplateName.html

Hinzugefügt TEXTLONG für den Wysiwyg Text und IMAGE_CALENDAR für das kleine Vorschaubild und Originalbild (LightBox).

[TEXTLONG]{TEXTLONG}[/TEXTLONG]
[IMAGE_CALENDAR]{IMAGE_CALENDAR}[/IMAGE_CALENDAR]

Die Ausführung der LightBox wird im Termin durch den Schalter [x] LightBox gesteuert.
[x] Klick vergrößern ist ohne Funktion.
Ist ein Link im Feld URL unterhalb des Bildes gesetzt, wird die LightBox Ausgabe übersteuert.
Ist ein Link im Feld URL unterhalb des Bildes gesetzt ist dieser nur aktiv wenn die LightBox nicht eingeschaltet ist.

Technik: Die Bilder werden über das Verfahren “cmsimage” geladen.

Ergänzt zu Template V1.2:

• [ALLDAY] . . . [/ALLDAY] - [ALLDAY_ELSE] . . . [/ALLDAY_ELSE] um bestimmte Einträge für den Schalter “Ganztägig” ein/auszublenden.

[ALLDAY] . . . [/ALLDAY]
[ALLDAY_ELSE] . . . [/ALLDAY_ELSE]

• {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 im gesamten Template aus.
  
• Unterteilung des Templates in drei Bereiche:
  • <!--CALENDAR_HEADER_START//--> ... <!--CALENDAR_HEADER_END//-->
  • <!--CALENDAR_ENTRY_START//--> ... <!--CALENDAR_ENTRY_END//-->
  • <!--CALENDAR_FOOTER_START//--> ... <!--CALENDAR_FOOTER_END//-->

<!--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//-->

• [TODAY]…[/TODAY] - [TODAY_ELSE]…[/TODAY_ELSE] kennzeichnet den aktuellen Tag.

    <div class="date [TODAY]today[/TODAY]">
      .....
      .....
    </div>

mit z.B.

.calendar div.left .date {
    background-color: lightgrey;
    ...
    ...
}
.calendar div.left .today{
    background-color: #D0C2EF;
}

Beispiel gesamtes Template:

<!-- calender_v13 //-->
 
<!--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//-->
 
<!--CALENDAR_ENTRY_START//-->
<div class="calendar">
  <div class="left">
    <div class="date [TODAY]today[/TODAY]">
      <p><strong>[ALLDAY]Datum: [/ALLDAY][ALLDAY_ELSE]Startdatum: [/ALLDAY_ELSE]{STARTDATE:d.m.}</strong><strong class="year">{STARTDATE:Y}</strong></p>
      [ALLDAY_ELSE]<p><strong>Enddatum: {ENDDATE:d.m.}</strong><strong class="year">{ENDDATE:Y}</strong></p>[/ALLDAY_ELSE]
    </div>
  </div>
  <div class="detail">
    <div class="image">
      [IMAGE_CALENDAR]{IMAGE_CALENDAR}[/IMAGE_CALENDAR]
    </div>
    <div class="teaser">
      [TITLE]<h2>{TITLE}</h2>[/TITLE]
      [PLACE]<p class="place">Ort: {PLACE}</p>[/PLACE]
      [HREF]<div class="other">HREF: {HREF}</div>[/HREF]
      [URL]<div class="other">AID/Alias/URL: {URL}[TARGET]{TARGET}[/TARGET]</div>[/URL]
 
      [TEXT]Einleitungstext: <div class="textlong">{TEXT}</div>[/TEXT]
      [TEXTLONG]Beschreibung: <div class="textlong">{TEXTLONG}</div>[/TEXTLONG]
    </div>
  </div>
  <div style="clear:both;"><!--nop//--></div>
</div>
<!--CALENDAR_ENTRY_END//-->
 
<!--CALENDAR_FOOTER_START//-->
</div>
<!--CALENDAR_FOOTER_END//-->

• include/inc_module/mod_calendar/inc/calendar_v13.class.php (Update 18.01.2011 several changes)
• template/inc_script/frontend_render/init_calendar.php (Update 18.01.2011)
• template/calendar/calendar_v13.html (Update 18.01.2011 several changes)
• template/inc_css/specific/calendar_v13.css (Update 18.01.2011 Adaptation to new TAGs)

calendar_v13.zip (9.52 KiB, 164 downloads)

The complete module with all files.

Incl. a small extension in the BE: Month Buttons

<note important> Installation: The old module in include/inc_module/mod_calendar must completely deleted, or overwrite with this version.
Please do not rename the path of the old version, that does not work.

Please delete or rename the previous file "template/inc_script/frontend_render/init-calendar.php" to "init-calendar.php_" !! </note>

mod_calendar_v13_all.zip (50.3 KiB, 178 downloads)

— Knut Heermann (flip-flop) 2010/11/30 01:37