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)
Folder: 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

Added TEXTLONG for the Wysiwyg Text and IMAGE_CALENDAR for the little Thumbnail and original image (LightBox).

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

The execution of the LightBox is controlled by the switch [x] LightBox.
[x] click zoom without function.
If a link is set in the URL box below the image it is only active if the lightbox is not turned on.

Technology: The images are loaded with the process “cmsimage”.

Adds to 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} output of Start/end time of the time window (in the HEADER and FOOTER available).
  
• {DATE:d.m.Y} outputs the current date in the entire template.
  
• Subdivision of the template in three areas:
  • <!--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>Date Today: <b>{DATE:d.m.Y}</b></p>
<p>The issue date of <b>{TIMEWINDOWSTART:d.m.Y}</b> to <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>Date Today: <b>{DATE:d.m.Y}</b></p>
<p>The issue date of <b>{TIMEWINDOWSTART:d.m.Y}</b> to <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">Place: {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]Introduction Text: <div class="textlong">{TEXT}</div>[/TEXT]
      [TEXTLONG]Description: <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, 151 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, 164 downloads)

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