// JavaScript Document
function Calendar(id, month, year, context) {
this.current_date = new Date();
this.id = id;
this.month = (isNaN(month) || month == null) ? this.current_date.getMonth() : month;
this.year = (isNaN(year) || year == null) ? this.current_date.getFullYear() : year;
this.html = '';
this.day_labels = ['D', 'L', 'M', 'M', 'J', 'V', 'S'];// these are labels for the days of the week
this.month_labels = ['Ene', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dic'];// these are human-readable month name labels, in order
this.days_in_month = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];// these are the days of the week for each month, in order
this.context = context;
this.bookedDates = new Array();
this.bookedCount = 0;
this.curcol = ''
this.dbid = '';
//this.generateHTML();
}
Calendar.prototype.generateHTML = function(){
var firstDay = new Date(this.year, this.month, 1);
var startingDay = (firstDay.getDay() - 1 < 0) ? 6 : firstDay.getDay() - 1;
var blanks = startingDay;
var monthLength = this.days_in_month[this.month];
var monthName = this.month_labels[this.month]
// compensate for leap year
if (this.month == 1) { // February only!
if((this.year % 4 == 0 && this.year % 100 != 0) || this.year % 400 == 0){
monthLength = 29;
}
}
var totalboxes = blanks + monthLength;
var totalrows = Math.ceil(totalboxes / 7);
totalboxes = totalrows * 7;
var daycount = 1;
var col = 1;
var calstr = '';
// previous month
prevmonth = this.month;
if (this.month == "0"){
prevmonth = "11"
}else{
prevmonth--;
}
// previous year
prevyear = this.year;
if (prevmonth == "11"){
prevyear--;
}
// next month
nextmonth = this.month;
if (this.month == "11"){
nextmonth = "0"
}else{
nextmonth++;
}
// next year
nextyear = this.year;
if (nextmonth == 0){
nextyear++;
}
prevmonthname = this.month_labels[prevmonth]
nextmonthname = this.month_labels[nextmonth]
this.prevmonth = prevmonth
this.prevyear = prevyear
this.nextmonth = nextmonth
this.nextyear = nextyear
if(this.context == 'admin'){
var action = 'toogleDate(day, month, year)';
}else{
var action = '';
}
while(totalboxes > 0){
if(col == 1) calstr += '';
if(blanks){
calstr += '| | ';
blanks--;
}else if(daycount <= monthLength){
var addclass = '';
// match booked dates
for(k = 0; k < this.bookedCount; k++){
testdate = this.year + '-' + padDigits(this.month+1, 2) + '-' + padDigits(daycount, 2);
if(testdate == this.bookedDates[k]){
addclass = ' notavailable';
break;
}else{
addclass = '';
}
}
if(this.context == 'admin'){
addclass += ' clickable';
}
calstr += '';
daycount ++;
}else{
calstr += ' | | ';
}
totalboxes--;
if(col == 7){
calstr += '
';
col = 1;
}else{
col++;
}
}
this.html = '| Calendario de Disponibilidad |
|
| L | M | M | J | V | S | D |
' + calstr + '
';
this.setHTML()
this.addMouseEvents()
}
Calendar.prototype.setTo = function(month, year) {
this.month = month;
this.year = year;
this.generateHTML();
}
Calendar.prototype.setHTML = function() {
var html = this.html
$('#' + this.id).each(function(){
$(this).html(html);
});
}
Calendar.prototype.goNext = function() {
this.month = this.nextmonth
this.year = this.nextyear
this.generateHTML();
}
Calendar.prototype.goPrev = function() {
this.month = this.prevmonth
this.year = this.prevyear
this.generateHTML();
}
Calendar.prototype.addBookedDate = function(date){
this.bookedDates[this.bookedCount] = date
this.bookedCount++;
}
Calendar.prototype.removeBookedDate = function(date){
for(k = 0; k < this.bookedCount; k++){
if(date == this.bookedDates[k]){
this.bookedDates.splice(k, 1);
this.bookedCount--;
break;
}
}
}
Calendar.prototype.toogleDate = function(o, d, m, y){
d = padDigits(d, 2)
m = padDigits(m+1, 2)
var dat = y + '-' + m + '-' + d;
var tid = this.id;
if(o.hasClass('notavailable')){
var action = 'remove'
}else{
var action = 'add'
}
cal = this;
$.post("book.php", {action: action, id: this.dbid, date: dat}, function(data)
{
if(data)
{
if(o.hasClass('notavailable'))
{
cal.removeBookedDate(data)
}else{
cal.addBookedDate(data)
}
cal.generateHTML();
}
else
{
$('#' + tid).html('Imposible actualizar.
Recargue por favor.');
}
});
$('#' + tid).html('Actualizando...');
}
Calendar.prototype.addMouseEvents = function(){
$('#' + this.id).find('.clickable').mouseover(function(){
$(this).addClass('active');
});
$('#' + this.id).find('.clickable').mouseout(function(){
$(this).removeClass('active');
});
}
function padDigits(n, totalDigits) {
n = n.toString();
var pd = '';
if (totalDigits > n.length) {
for (i=0; i < (totalDigits-n.length); i++) {
pd += '0';
}
}
return pd + n.toString();
}
/**/