Basic release

modules/calendar/assets/ajaxscript.js

@@ -0,0 +1,22 @@
+    // Funktion zum Laden des Kalenders über AJAX
+    function loadCalendar(month, year) {
+    // Erstelle ein XMLHttpRequest-Objekt
+    var xhr = new XMLHttpRequest();
+
+    // Definiere die URL zum Laden des Kalenders (angepasst an deine Bedürfnisse)
+    var url = '/wp-content/plugins/bdp-kompass/modules/calendar/ajax-calendar.php?month=' + month + '&year=' + year;
+
+    // Öffne eine GET-Anfrage
+    xhr.open('GET', url, true);
+
+    // Setze die Callback-Funktion für die Antwort
+    xhr.onreadystatechange = function () {
+    if (xhr.readyState == 4 && xhr.status == 200) {
+    // Aktualisiere den Inhalt des Container-Divs mit der Kalenderantwort
+    document.getElementById('calendarContainer').innerHTML = xhr.responseText;
+}
+};
+
+    // Sende die Anfrage
+    xhr.send();
+}

modules/calendar/assets/calendar.css

@@ -0,0 +1,217 @@
+/*******************************Calendar Top Navigation*********************************/
+div#calendar{
+    margin:0px auto;
+    padding:0px;
+    width: 100%;
+    font-family:Helvetica, "Times New Roman", Times, serif;
+}
+
+div#calendar div.box{
+    position:relative;
+    top:0px;
+    left:0px;
+    width:100%;
+    height:40px;
+    background-color: #ffcb04;
+}
+
+div#calendar div.header{
+    line-height:40px;
+    vertical-align:middle;
+    position:absolute;
+    left:11px;
+    top:0px;
+    width:100%;
+    height:40px;
+    text-align:center;
+}
+
+div#calendar div.header a.prev,div#calendar div.header a.next{
+    position:absolute;
+    top:0px;
+    padding-right: 20px;
+    height: 17px;
+    display:block;
+    cursor:pointer;
+    text-decoration:none;
+    color:#3163bd;
+    font-weight: bold;
+}
+
+div#calendar div.header span.title{
+    color:#3163bd;
+    font-weight: bold;
+    font-size:18px;
+}
+
+
+div#calendar div.header a.prev{
+    left:0px;
+}
+
+div#calendar div.header a.next{
+    right:0px;
+}
+
+
+
+
+/*******************************Calendar Content Cells*********************************/
+div#calendar div.box-content{
+    border-top:none;
+    width: 100%;
+
+}
+
+
+
+div#calendar ul.label{
+    float:left;
+    margin: 0px;
+    padding: 0px;
+    margin-top:5px;
+    margin-left: 5px;
+    width: 100%;
+}
+
+div#calendar ul.label li{
+    margin:0px;
+    padding:0px;
+    float:left;
+    list-style-type:none;
+
+    height:40px;
+    line-height:40px;
+    vertical-align:middle;
+    text-align:center;
+    color:#000;
+    font-size: 15px;
+    background-color: transparent;
+}
+
+
+div#calendar ul.dates{
+    float:left;
+    margin: 0px;
+    padding: 0px;
+    margin-left: 5px;
+    margin-bottom: 5px;
+}
+
+.bdp_cal_day
+{
+    padding-left: 5px;
+    color: #a0a0a0;
+}
+
+bdp_cal_day td {
+    min-height: 100px;
+}
+.bdp_event_table {
+    width:95%;
+}
+.bdp_cal_day ul {
+    padding: 0;
+}
+
+.bdp_cal_day li {
+    list-style-type: none;
+    width:95%;
+    font-size: 8pt;
+    font-weight: bold;
+    padding: 2px;
+    margin-bottom: 2px;
+}
+
+.bdp_cal_event_red,
+.bdp_cal_event_yellow,
+.bdp_cal_event_blue,
+.bdp_cal_event_green,
+.bdp_cal_event_grey,
+.bdp_cal_event_fuchsia,
+.bdp_cal_event_orange
+{
+    padding: 2px 4px;
+    border-radius: 5px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+}
+
+.bdp_cal_event_blue {
+    background-color: #1e88e5;
+    color: #FFFFFF;
+}
+
+.bdp_cal_event_green {
+    background-color: #00d084;
+    color: #000000;
+}
+
+.bdp_cal_event_red
+{
+    .bdp_cal_event_entry;
+    background-color: #e91e63;
+    color: #ffffff;
+}
+
+.bdp_cal_event_yellow
+{
+    .bdp_cal_event_entry;
+    background-color: #eeee88;
+    color: #000000;
+}
+
+.bdp_cal_event_orange
+{
+    .bdp_cal_event_entry;
+    background-color: #ffa747;
+    color: #000000;
+}
+
+
+.bdp_cal_event_grey
+{
+    .bdp_cal_event_entry;
+    background-color: #D5D5D5;
+    color: #000000;
+}
+
+.bdp_cal_event_fuchsia
+{
+    .bdp_cal_event_entry;
+    background-color: #FF6EFF;
+    color: #000000;
+}
+
+
+
+
+
+/** overall width = width+padding-right**/
+div#calendar ul.dates li{
+    margin:0px;
+    padding:0px;
+    padding-left: 2px;
+    padding-top: 10px;
+    vertical-align:bottom;
+    float:left;
+    list-style-type:none;
+    width:15%;
+    height:100px;
+    font-size:12pt;
+    background-color: #fff;
+    color:#000;
+    border-style: solid;
+    border-width:1px;
+    border-color: #add8e6;
+}
+
+:focus{
+    outline:none;
+}
+
+div.clear{
+    clear:both;
+}