friendica-addons/dav/common/wdcal/js/main.js

210 lines
5.9 KiB
JavaScript
Raw Normal View History

2012-06-03 14:19:28 -04:00
$(function () {
"use strict";
$.fn.animexxCalendar = function (option) {
//(wdcal_view, std_theme, data_feed_url, readonly, height_diff) {
var url_cal_add = "?";
$(this).find(".calselect input[type=checkbox]").each(function() {
if ($(this).prop("checked")) url_cal_add += "cal[]=" + $(this).val() + "&";
});
var def = {
calendars:[],
calendars_show:[],
view:"week",
theme:0,
onWeekOrMonthToDay:wtd,
onBeforeRequestData:cal_beforerequest,
onAfterRequestData:cal_afterrequest,
onRequestDataError:cal_onerror,
autoload:true,
data_feed_url:"",
url:option.data_feed_url + url_cal_add + "method=list",
quickAddUrl:option.data_feed_url + url_cal_add + "method=add",
quickUpdateUrl:option.data_feed_url + url_cal_add + "method=update",
quickDeleteUrl:option.data_feed_url + url_cal_add + "method=remove"
};
option = $.extend(def, option);
var $animexxcal = $(this),
$gridcontainer = $animexxcal.find(".gridcontainer"),
$dv = $animexxcal.find(".calhead"),
$caltoolbar = $animexxcal.find(".ctoolbar"),
$txtdatetimeshow = $animexxcal.find(".txtdatetimeshow"),
$loadingpanel = $animexxcal.find(".loadingpanel"),
$loaderrpanel = $animexxcal.find(".loaderror");
var _MH = document.documentElement.clientHeight;
var dvH = $dv.height() + 2;
option.height = _MH - dvH - option.height_diff;
if (option.height < 300) option.height = 300;
option.eventItems = [];
$animexxcal.find(".hdtxtshow").datepicker({
changeMonth: true,
changeYear: true,
onSelect: function(dateText, inst) {
var r = new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay);
var p = $gridcontainer.gotoDate(r).BcalGetOp();
if (p && p.datestrshow) {
$animexxcal.find(".txtdatetimeshow").text(p.datestrshow);
}
}
});
$animexxcal.find(".txtdatetimeshow").css("cursor", "pointer").bind("click", function() {
$animexxcal.find(".hdtxtshow").datepicker("show");
});
var p = $gridcontainer.bcalendar(option).BcalGetOp();
if (p && p.datestrshow) {
$txtdatetimeshow.text(p.datestrshow);
}
$caltoolbar.noSelect();
function cal_beforerequest(type) {
var t = "Lade Daten...";
switch (type) {
case 1:
t = "Lade Daten...";
break;
case 2:
case 3:
case 4:
t = "Wird bearbeitete ...";
break;
}
$loaderrpanel.hide();
$loadingpanel.html(t).show();
}
function cal_afterrequest(type) {
var p = $gridcontainer.BcalGetOp();
if (p && p.datestrshow) {
$txtdatetimeshow.text(p.datestrshow);
}
switch (type) {
case 1:
$loadingpanel.hide();
break;
case 2:
case 3:
case 4:
$loadingpanel.html("Erfolg!");
$gridcontainer.reload();
window.setTimeout(function () {
$loadingpanel.hide();
}, 2000);
break;
}
}
function cal_onerror(type, data) {
$loaderrpanel.show();
}
function wtd(p) {
if (p && p.datestrshow) {
$txtdatetimeshow.text(p.datestrshow);
}
$caltoolbar.find("div.fcurrent").removeClass("fcurrent");
$animexxcal.find(".showdaybtn").addClass("fcurrent");
}
//to show day view
$animexxcal.find(".showdaybtn").on("click", function (e) {
//document.location.href="#day";
$caltoolbar.find("div.fcurrent").removeClass("fcurrent");
$(this).addClass("fcurrent");
var p = $gridcontainer.switchView("day").BcalGetOp();
if (p && p.datestrshow) {
$txtdatetimeshow.text(p.datestrshow);
}
e.preventDefault();
});
//to show week view
$animexxcal.find(".showweekbtn").on("click", function (e) {
//document.location.href="#week";
$caltoolbar.find("div.fcurrent").removeClass("fcurrent");
$(this).addClass("fcurrent");
var p = $gridcontainer.switchView("week").BcalGetOp();
if (p && p.datestrshow) {
$txtdatetimeshow.text(p.datestrshow);
}
e.preventDefault();
});
//to show month view
$animexxcal.find(".showmonthbtn").on("click", function (e) {
//document.location.href="#month";
$caltoolbar.find("div.fcurrent").removeClass("fcurrent");
$(this).addClass("fcurrent");
var p = $gridcontainer.switchView("month").BcalGetOp();
if (p && p.datestrshow) {
$txtdatetimeshow.text(p.datestrshow);
}
e.preventDefault();
});
$animexxcal.find(".showreflashbtn").on("click", function (e) {
$gridcontainer.reload();
e.preventDefault();
});
//go to today
$animexxcal.find(".showtodaybtn").on("click", function (e) {
var p = $gridcontainer.gotoDate().BcalGetOp();
if (p && p.datestrshow) {
$txtdatetimeshow.text(p.datestrshow);
}
e.preventDefault();
});
//previous date range
$animexxcal.find(".sfprevbtn").on("click", function (e) {
var p = $gridcontainer.previousRange().BcalGetOp();
if (p && p.datestrshow) {
$txtdatetimeshow.text(p.datestrshow);
}
e.preventDefault();
});
//next date range
$animexxcal.find(".sfnextbtn").on("click", function (e) {
var p = $gridcontainer.nextRange().BcalGetOp();
if (p && p.datestrshow) {
$txtdatetimeshow.text(p.datestrshow);
}
e.preventDefault();
});
$animexxcal.find(".calselect input[type=checkbox]").on("click change", function() {
var url_cal_add = option.data_feed_url + "?";
$animexxcal.find(".calselect input[type=checkbox]").each(function() {
if ($(this).prop("checked")) url_cal_add += "cal[]=" + $(this).val() + "&";
});
/*
url:option.data_feed_url + url_cal_add + "method=list",
quickAddUrl:option.data_feed_url + url_cal_add + "method=add",
quickUpdateUrl:option.data_feed_url + url_cal_add + "method=update",
quickDeleteUrl:option.data_feed_url + url_cal_add + "method=remove"
*/
var url = url_cal_add + "method=list";
var p = $gridcontainer.BcalGetOp();
if (p.url != url) {
$gridcontainer.BcalSetOp({
"url": url_cal_add + "method=list",
"quickAddUrl": url_cal_add + "method=add",
"quickUpdateUrl": url_cal_add + "method=update",
"quickDeleteUrl": url_cal_add + "method=remove"
});
$gridcontainer.reload();
}
});
}
});