Da das Thread für den Jax-Kalender etwas lang geworden ist, habe ich mich darangemacht, die Bugs zu fixen,und einige neue Features einzubauen.
Damit die Installation nicht so schwierig wird, wie beim letzten mal, habe ich es diesmal als Plugin geschrieben.
Wenn ihr die Version 4.5.x benutzt, einfach die Dateien in den Ordner "contenido/plugins/" kopieren.
Dann in "contenido/plugins/calendar/setup/" die Datei index.php starten.
Das wars.
Wenn ihr die Version 4.4.4 benutzt, und in dies oder auch andere Plugins benutzen wollt, müsst ihr mehrere Dateien im Contenido Verzeichnis durch die Dateien aus der system.files.tgz ersetzen. Im Detail sind das:
contenido/includes/cfg_language_de.inc.php
contenido/includes/functions.i18n.php
contenido/includes/grouprights_area.inc.php
contenido/classes/class.navigation.php
Danach dann einfach die Datei calendar.tgz in in den Ordner "contenido/plugins/" entpacken,
und in "contenido/plugins/calendar/setup/" die Datei index.php starten.
Ab hier gilt es wieder für Alle Versionen !!
Wenn ihr den Kalender auch im Frontend eurer Contenido Installation sehen möchtet, braucht ihr noch zwei Module:
Modul für den Monatskalender:
Output:
Code: Alles auswählen
<?
//$cfg['path']['plugins']."calendar";
require($cfg['path']['contenido']."plugins/calendar/jax_calendar2.php");
?>
Code: Alles auswählen
<?
//$cfg['path']['plugins']."calendar";
require($cfg['path']['contenido']."plugins/calendar/jax_calendar1.php");
?>
In der Datei eventlist_full_year.inc.php müssen in der letzten Codezeile die idcat, client und lang an eure Installation
angepasst werden.
Eure Standard-CSS-Datei muß um folgende Einträge erweitert werden (diese dann u.U. an euer Layout anpassen):
Code: Alles auswählen
.calendar
{
width : 100%;
height : 100%;
}
.calendar .headline {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
background-color: #006699;
border-bottom : 1px solid Black;
border-left : 1px solid Black;
border-right: 1px solid Black;
border-top : 1px solid Black;
/* background : url(ice.jpg);*/
}
.calendar .headline A:link {
color: #FFFFFF;
text-decoration: none;
}
.calendar .headline A:visited {
color: #FFFFFF;
text-decoration: none;
}
.calendar .headline A:hover {
color: #000066;
text-decoration: none;
}
.calendar .overview {
background-color: White;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-align : center;
border-left : 1px solid Black;
border-right: 1px solid Black;
border-bottom : 1px solid Black;
height: 20px;
width: 100%;
}
.calendar .overview A:link {
text-decoration: none;
}
.calendar .overview A:visited {
text-decoration: none;
}
.calendar .overview A:hover{
background-color: #000066;
color: #FFFFFF;
text-decoration: none;
}
.calendar .overview .last_month {
color: #CCCCCC;
}
.calendar .overview .next_month {
color: #CCCCCC;
}
.calendar .overview #today {
color: #FFFFFF;
background-color: #FF9933;
border-left : 1px solid Black;
border-right: 1px solid Black;
border-bottom : 1px solid Black;
border-top : 1px solid Black;
}
.calendar .overview #selected {
color: #FFFFFF;
margin-top: auto;
margin-bottom: auto;
}
.calendar .overview .dayname {
background-color: #DDE7FF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: auto ;
margin-bottom: auto;
}
.calendar .overview .reserved {
font-weight: bold;
font-size: 11px;
text-decoration: underline;
}
.calendar .today_select {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align : center;
color: #000099;
text-decoration: none;
border-left : 1px solid Black;
border-right: 1px solid Black;
border-bottom : 1px solid Black;
}
.calendar .today_select A {
font-size: 11px;
color: #000099;
background-color: #FFFFFF;
text-align : center;
vertical-align: middle;
text-decoration: none;
}
/* Appearance of the Eventlist */
.event_list_title {
color: #006699;
background-color: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.event_list {
width : 380px;
height: auto;
background-color: #FEFADE;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
border-bottom : 1px solid #000066;
border-left : 1px solid #000066;
border-right: 1px solid #000066;
border-top : 1px solid #000066;
}
.event_list .headings {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
font-size: 100%;
background-color: #006699;
/* background : url(ice.jpg);*/
}
.event_list .col_status {
width: 30px;
}
.event_list .col_date {
width: 100px;
}
.event_list .col_event {
width: auto;
}
.event_list .status {
font-size: 80%;
color: Red;
font-weight: bold;
vertical-align : top;
}
.event_list .date {
font-size: 75%;
color: #888888;
font-family: Arial, Helvetica, sans-serif;
}
.event_list .event {
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
vertical-align : top;
}
.event_list A {
text-decoration: none;
}
.event_list A:hover {
text-decoration: underline;
}
.event_list .error_message {
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
margin-left : auto;
margin-right : auto;
padding-left : 10px;
padding-right : 10px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #EAF0FF;
}
/* Appearance for Event-Infos */
.event_info {
width : 380px;
height: auto;
background-color: #F9F9F9;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
border : 1px solid;
}
.event_info .headings {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
font-size: 13px;
background-color: #006699;
padding: 5px 5px 5px 5px;
/* background : url(ice.jpg);*/
}
.event_info .title {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom : 1px solid #000000;
}
.event_info .date {
background-color: #EAF0FF;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
width: 100px;
border-bottom : 1px solid #000000;
}
.event_info .descripxion {
font-family: Arial, Helvetica, sans-serif;
padding: 10px 10px 10px 10px;
font-size: 80%;
}
.line_color0 {
background-color: #EAEAEA;
padding-top:3px;
padding-bottom:3px;
}
.line_color1 {
background-color: White;
padding-top:3px;
padding-bottom:3px;
border-top : 1px solid #000066;
}
.author_info {
font-size: xx-small;
color: #CCCCCC;
}
.next_event_select {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
background-color: #FFFFFF;
text-align : left;
}
.next_event_select A {
font-size: 100%;
color: #82C4F4;
background-color: #FFFFFF;
text-align : center;
text-decoration: underline;
}
Und bitte erst auf einem Testsystem ausprobieren !!!
@4fB ich mache nicht nur Dokumentationen und FAQ´s
http://thilo-sommer.de/temp/calendar.tgz
http://thilo-sommer.de/temp/system.files.tgz
Wie das im Frontend aussieht:
http://www.thilo-sommer.de/playground/f ... t=1&lang=1
In diesem Sinne.....