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 mehrere Änderungen)
• template/inc_script/frontend_render/init_calendar.php (Update 18.01.2011)
• 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)

calendar_v13.zip (9.52 KiB, 164 downloads)

Das komplette Modul mit allen Dateien.

Inkl. einer kleine Erweiterung im BE: Monatsbuttons

<note important> Installation: Das alte Modul in include/inc_module/mod_calendar muss komplett gelöscht werden, bzw. mit dieser Version überschrieben werden.
Bitte nicht den Pfad umbenennen und die alte Version parken, das funktioniert nicht.

Die bisherige Datei "template/inc_script/frontend_render/init-calendar.php" löschen oder umbenennen nach "init-calendar.php_" !! </note>

mod_calendar_v13_all.zip (50.3 KiB, 178 downloads)

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