Advanced Wysiwyg-Text & image (V1.3)

Added:

• Wysiwyg Text
• Thumb with LightBox
• Link with thumb
• TAG-Control: for Thumbnail when calling: e.g. WxHxCxQ=150x100x0x80 (WIDTHxHEIGHTxCROPxQUALITY)
• TAG-Template: All Day [ALLDAY]...[/ALLDAY]..[ALLDAY_ELSE]...[/ALLDAY_ELSE] (04.01.2011)
• 18.01.2011
• TAG-Control: show_past=0|1 [off|on] (shows the recent events in the time window if possible)
• TAG-Control: 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-Template: {TIMEWINDOWSTART:d.m.Y}, {TIMEWINDOWEND:d.m.Y} (Start- and end dates of the time window available)
• TAG-Template: {DATE:d.m.Y} (Date of the current day)
• TAG-Template: Current day [TODAY]...[/TODAY]..[TODAY_ELSE]...[/TODAY_ELSE]
• 30.03.2011
• With the internal time query of the current date now also the time is considered when "show_past=0". Likewise during the day input of TODAY..
  If this is not required when entering TODAY, please insert a “0” instead of TODAY. The time is now set to 00:00:00.

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_en.html
lang=de
tag=tag1, tag2
tagmode=OR
date_start=01.01.2011 or 01.01.2011 12:33 or TODAY or 0 or -15
date_end=31.12.2011 or 31.12.2011 14:00 or TODAY or 0 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 and time (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
  • Number of days = 0 is a special case, like TODAY but with hr:min = 00:00

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] for specific entries for the switch “All Day” show or hide.

[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] indicates the current day.

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

mit z.B.

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

Example entire 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]Date: [/ALLDAY][ALLDAY_ELSE]Start Date: [/ALLDAY_ELSE]{STARTDATE:d.m.}</strong><strong class="year">{STARTDATE:Y}</strong></p>
      [ALLDAY_ELSE]<p><strong>End Date: {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]Teaser 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

The complete module with all files.

Incl. a small extension in the BE: Month Buttons

mod_calendar_v13_all.zip

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