Tarea:{subject}
', 'Inicia:{startdate}
Termina:{enddate}
Descripcion:
{description}
', ''),
monitorBrowserresize: false,
//0.0.7 beta 0.0.2
//Today button config
iconToday: '',
// month view config
mview: null,
iconMonthView: '',
// week view config
wview: null,
iconWeekView: '',
// day view config
dview: null,
iconDayView: '',
sview: null,
iconSchedView: '',
//store
store: null,
// private use
viewmonth: null,
viewday: null,
viewweek: null,
viewscheduler: null,
//0.0.10
viewready: false,
//0.0.7
//functions
initComponent: function() {
this.addEvents('beforeRefresh', 'onRefresh', 'beforeChangeView', 'onChangeView', 'beforeChangeDate', 'afterChangeDate', 'beforeChangeCategory', 'afterChangeCategory', 'customMenuAction', 'taskAdd', 'taskDblClick', 'beforeTaskMove', 'TaskMoved', 'beforeTaskDelete', 'onTaskDelete', 'afterTaskDelete', 'beforeTaskEdit', 'onTaskEdit', 'afterTaskEdit');
//'taskDeleted', 0.0.4 removed not use at all with the other events
//'taskChanged' 0.0.4 removed not yet an implementation
if (this.html != null) {
this.html = null;
}
toolspanel = [];
this.btnrefresh = {
id: 'refresh',
tooltip: 'Actualizar contenido'
};
if (this.showRefreshbtn) {
toolspanel.push(this.btnrefresh);
}
this.btn_today = {
id: this.id + '-btn_settoday',
cls: 'x-btn-text-icon',
text: e2cs.cal_locale.todayLabel,
icon: this.iconToday,
tooltip: e2cs.cal_locale.todayToolTip
};
this.btn_monthviewchange = {
id: this.id + '-btn_monthview',
iconCls: 'x-btn-icon',
text: 'Month view',
icon: this.iconMonthView,
tooltip: e2cs.cal_locale.tooltipMonthView
};
this.btn_weekviewchange = {
id: this.id + '-btn_weekview',
iconCls: 'x-btn-icon',
text: 'Week view',
icon: this.iconWeekView,
tooltip: e2cs.cal_locale.tooltipWeekView
};
this.btn_dayviewchange = {
id: this.id + '-btn_dayview',
iconCls: 'x-btn-icon',
text: 'Day view',
icon: this.iconDayView,
tooltip: e2cs.cal_locale.tooltipDayView
};
this.btn_schedviewchange = {
id: this.id + '-btn_sched_view',
iconCls: 'x-btn-icon',
text: '',
icon: this.iconSchedView,
tooltip: e2cs.cal_locale.tooltipSchedView
};
if (this.showCal_tbar) {
this.tbar_calendar = new Ext.Toolbar({
id: this.id + '-cmscalendartoolbar',
autoWidth: true,
autoHeight: false,
items: [this.btn_today, '-', this.btn_dayviewchange, this.btn_weekviewchange, this.btn_monthviewchange, this.btn_schedviewchange, '-']
});
} else {
this.tbar_calendar = null;
}
this.selector_dateMenu = new Ext.menu.DateMenu({
defaultAlign: 'tr-br',
subMenuAlign: ''
});
if (this.width) {
var_autoWidth = false;
} else {
var_autoWidth = true;
}
if (this.height) {
var_autoHeight = false;
} else {
var_autoHeight = true;
}
Ext.apply(this, {
header: this.header,
headerAsText: true,
title: this.title + this.mytitle,
border: true,
width: this.width,
//common width for all views
height: this.height,
//used on week view and day view
monitorResize: true,
autoShow: true,
autoWidth: var_autoWidth,
// default :(
autoHeight: var_autoHeight,
// used on month view
autoScroll: false,
// used on dayview
html: this.html,
// avoid other data displayed
tools: toolspanel,
tbar: this.tbar_calendar
});
Ext.ECalendar.superclass.initComponent.call(this);
if (this.mview) {
this.viewmonth = this.getViewMonth();
newDate = new Date();
this.viewmonth.selectedDate = newDate.format('m/d/Y');
this.viewmonth.init(this, this.currentdate);
}
if (this.dview) {
this.viewday = this.getViewDay();
this.viewday.init(this, this.currentdate);
}
if (this.wview) {
this.viewweek = this.getViewWeek();
this.viewweek.init(this, this.currentdate);
}
if (this.sview) {
this.viewscheduler = this.getViewShedule();
this.viewscheduler.init(this, this.currentdate);
}
},
// end of function initComponent
// Override other inherited methods
onResize: function() {
Ext.ECalendar.superclass.onResize.apply(this, arguments);
this.doLayout();
if (this.viewready) { //0.0.7
if (this.currentView == 'month') {
this.viewmonth.render();
}
if (this.currentView == 'week') {
this.viewweek.render();
}
if (this.currentView == 'day') {
this.viewday.render();
}
}
},
onRender: function() {
Ext.ECalendar.superclass.onRender.apply(this, arguments);
},
afterRender: function() {
Ext.ECalendar.superclass.afterRender.call(this);
//0.0.11 Sort the order of the store if this.storeOrderby is specified
if (this.storeOrderby == '') {} else {
this.store.sort(this.storeOrderby, this.storeOrder);
}
if (this.showCal_tbar) {
var btntoday = this.topToolbar.items.items[0];
btntoday.setHandler(this.setCurrentDate, this);
var btnmonth = this.topToolbar.items.items[4];
var btnweek = this.topToolbar.items.items[3];
var btnday = this.topToolbar.items.items[2];
var btnsched = this.topToolbar.items.items[5]; // 0.0.10
if (!this.mview) {
btnmonth.setVisible(false);
} else {
btnmonth.setVisible(true);
}
if (!this.dview) {
btnday.setVisible(false);
} else {
btnday.setVisible(true);
}
if (!this.wview) {
btnweek.setVisible(false);
} else {
btnweek.setVisible(true);
}
if (!this.sview) {
btnsched.setVisible(false);
} else {
btnsched.setVisible(true);
} //0.0.10
btnmonth.addListener('click', function() {
this.changeView('month');
}, this);
btnday.addListener('click', function() {
this.changeView('day');
}, this);
btnweek.addListener('click', function() {
this.changeView('week');
}, this);
btnsched.addListener('click', function() {
this.changeView('schedule');
}, this);
}
if (this.header && this.tools.refresh) { // 0.0.10 Bug fix Thanks to Remy
if (this.refreshAction == 'view') { // 0.0.11 'view', 'data'
this.tools.refresh.addListener('click', this.refreshCalendarView, this);
} else {
this.tools.refresh.addListener('click', function() {
this.store.reload();
}, this);
}
}
if (this.dateSelector && this.showCal_tbar) {
this.selector_dateMenu.picker.todayText = e2cs.cal_locale.todayLabel;
this.selector_dateMenu.picker.todayTip = e2cs.cal_locale.todayToolTip;
this.selector_dateMenu.picker.monthNames = e2cs.cal_locale.monthtitles;
this.selector_dateMenu.picker.dayNames = e2cs.cal_locale.daytitles;
this.selector_dateMenu.addListener('select', this.selectdatefromSelector, this);
//this.tbar_calendar.addFill() ;
this.btn_selector = {
id: this.id + '-btn_dateselector',
cls: 'x-btn-text-icon',
text: 'Select date',
icon: this.dateSelectorIcon,
tooltip: e2cs.cal_locale.dateSelectorTooltip,
menu: this.selector_dateMenu
};
this.tbar_calendar.addButton(this.btn_selector);
}
if (this.categorySelector && this.showCal_tbar) {
/* this.cmb_categoryviewchange = new Ext.form.ComboBox({
id: this.id + '-cmb_category_view',
store: this.categoryStore,
displayField: 'category',
valueField: 'id',
typeAhead: true,
triggerAction: 'all',
emptyText: e2cs.cal_locale.categorySelectorText,
tooltip: e2cs.cal_locale.categorySelectorTooltip,
selectOnFocus:true,
width: 100,
listWidth: 120
});
this.cmb_categoryviewchange.addListener('select', this.selectcategoryfromSelector, this);
this.cmb_categoryviewchange.addListener('render', this.rendercategory, this);
this.tbar_calendar.add('-');
this.tbar_calendar.addField(this.cmb_categoryviewchange); */
}
if (this.ownerCt == undefined) {
if (this.currentView == 'month') {
this.viewmonth.render();
}
if (this.currentView == 'week') {
this.viewweek.render();
}
if (this.currentView == 'day') {
this.viewday.render();
}
if (this.currentView == 'schedule') {
this.viewscheduler.render();
} //0.0.10
} else {
if (this.currentView == 'month') {
this.viewmonth.render();
}
if (this.currentView == 'week') {
this.viewweek.render();
}
if (this.currentView == 'day') {
this.viewday.render();
}
if (this.currentView == 'schedule') {
this.viewscheduler.render();
} //0.0.10
}
this.doLayout();
this.viewready = true; //0.0.7
tmpobj = this;
if (this.monitorBrowserResize) { //0.0.7
Ext.EventManager.onWindowResize(function() { //console.log('change...inside calendar');
tmpobj.refreshCalendarView();
});
}
},
refreshCalendarView: function(btn) {
if (this.rendered) {
//0.0.11 Sort the order of the store if this.storeOrderby is specified
if (this.storeOrderby == '') {} else {
this.store.sort(this.storeOrderby, this.storeOrder);
}
if (this.currentView == 'month') {
this.viewmonth.render();
}
if (this.currentView == 'week') {
this.viewweek.render();
}
if (this.currentView == 'day') {
this.viewday.render();
}
if (this.currentView == 'schedule') {
this.viewscheduler.render();
} //0.0.10
this.doLayout();
this.fireEvent("onRefresh", this);
}
},
setNewDate: function(newdate) {
if (this.fireEvent("beforeChangeDate", newdate, this) == false) {
return false;
}
//0.0.11 Sort the order of the store if this.storeOrderby is specified
if (this.storeOrderby == '') {} else {
this.store.sort(this.storeOrderby, this.storeOrder);
}
newDate = new Date(newdate)
this.viewmonth.selectedDate = newDate.format('m/d/Y');
this.currentdate = newDate;
this.selector_dateMenu.picker.setValue(this.currentdate);
if (this.currentView == 'month') {
this.viewmonth.render();
}
if (this.currentView == 'week') {
this.viewweek.render();
}
if (this.currentView == 'day') {
this.viewday.render();
}
if (this.currentView == 'schedule') {
this.viewscheduler.render();
} //0.0.10
this.doLayout();
this.fireEvent("afterChangeDate", this.currentdate, this);
},
setCurrentDate: function() {
this.viewmonth.selectedDate = (new Date()).format('m/d/Y');
this.setNewDate(Date());
},
setNewCategory: function(newcategory) {
if (this.fireEvent("beforeChangeCategory", newcategory, this) == false) {
return false;
}
//0.0.11 Sort the order of the store if this.storeOrderby is specified
if (this.storeOrderby == '') {} else {
this.store.sort(this.storeOrderby, this.storeOrder);
}
this.currentcategory = newcategory;
if (this.currentView == 'month') {
this.viewmonth.render();
}
if (this.currentView == 'week') {
this.viewweek.render();
}
if (this.currentView == 'day') {
this.viewday.render();
}
if (this.currentView == 'schedule') {
this.viewscheduler.render();
} //0.0.10
this.doLayout();
this.fireEvent("afterChangeCategory", this.currentcategory, this);
},
changeView: function(datastr, opdate) {
newView = datastr;
oldView = this.currentView;
if (this.fireEvent("beforeChangeView", newView, this.currentView, this) == false) {
return false;
}
//if (oldView=='schedule' && newView !='schedule'){ }//0.0.10 not implemented yet //remove period selector if any
if (datastr == 'month') {
this.currentView = 'month';
this.viewmonth.render();
} else if (datastr == 'week') {
this.currentView = 'week';
this.viewweek.render();
} else if (datastr == 'day') {
this.currentView = 'day';
this.viewday.render();
} else if (datastr == 'schedule') {
this.currentView = 'schedule';
this.viewscheduler.render();
} else {
return false;
}
this.fireEvent("onChangeView", newView, oldView, this);
},
//--------------------------------------------------------------
//private ------------------------------------------------------
//--------------------------------------------------------------
selectdatefromSelector: function(dp, dateval) {
this.setNewDate(dateval);
},
selectcategoryfromSelector: function(combo, record, index) {
this.setNewCategory(record.data.id);
},
rendercategory: function() {
var tt = new Ext.ToolTip({
target: this.cmb_categoryviewchange.id,
width: 104,
html: e2cs.cal_locale.categorySelectorTooltip
});
},
getCurrentDate: function() { //0.0.11
return this.currentdate;
},
getViewMonth: function() {
if (!this.viewmonth) {
this.viewmonth = new Ext.ECalendar.monthview(this.mview);
}
return this.viewmonth;
},
getViewDay: function() {
if (!this.viewday) {
this.viewday = new Ext.ECalendar.dayview(this.dview);
}
return this.viewday;
},
getViewWeek: function() {
if (!this.viewweek) {
this.viewweek = new Ext.ECalendar.weekview(this.wview);
}
return this.viewweek;
},
getViewShedule: function() { //0.0.10 new View (O.O)
if (!this.viewscheduler) {
this.viewscheduler = new Ext.ECalendar.scheduleview(this.sview);
}
return this.viewscheduler;
},
//------------------------------------------------------------------
//------------------------------------------------------------------
//------------------------------------------------------------------
// Util functions
// -----------------------------------------------------------------
//goNextMonth: function(){ alert("Mes siguiente"); }, removed for alpha 0.0.4
//goPrevMonth: function(){ alert("Mes Anterior"); }, removed for alpha 0.0.4
getCalendarMonth: function() {
return (this.currentdate.getMonth() + 1);
},
getCalendarYear: function() {
return (this.currentdate.getFullYear());
},
getCalendarDay: function() {
return (this.currentdate.getUTCDate());
},
getCalendayWeekDay: function(dataformat) {
if (dataformat == 'str') {
return Date.dayNames[this.currentdate.getDay()];
} else {
return (this.currentdate.getDay());
}
},
//-------------------------------------------------------------------------------
//getDateRangeOfWeek - Utility Date tool new //0.0.10 also this give us the hope of week view to set the view with ChangebyWeek(weekno)
//-------------------------------------------------------------------------------
getDateRangeOfWeek: function(weekNo) {
var d1 = new Date();
numOfdaysPastSinceLastMonday = eval(d1.getDay() - 1);
d1.setDate(d1.getDate() - numOfdaysPastSinceLastMonday);
var weekNoToday = d1.getWeekOfYear();
var weeksInTheFuture = eval(weekNo - weekNoToday);
d1.setDate(d1.getDate() + eval(7 * weeksInTheFuture));
var rangeIsFrom = new Date((d1.getMonth() + 1) + "/" + d1.getDate() + "/" + d1.getFullYear());
d1.setDate(d1.getDate() + 6);
var rangeIsTo = new Date((d1.getMonth() + 1) + "/" + d1.getDate() + "/" + d1.getFullYear());
return [rangeIsFrom, rangeIsTo];
},
//-------------------------------------------------------------------------------
// Dojo Date function - altered only the part of (fleegix.date.util.dateParts)
//-------------------------------------------------------------------------------
dateDiff: function(date1, date2, interv) {
// date1 // Date object or Number equivalent
// date2 // Date object or Number equivalent
// interval // A constant representing the interval, e.g. YEAR, MONTH, DAY. See fleegix.date.util.dateParts.
// Accept timestamp input
if (typeof date1 == 'number') {
date1 = new Date(date1);
}
if (typeof date2 == 'number') {
date2 = new Date(date2);
}
if (date1.format('m/d/Y H:i:s') == date2.format('m/d/Y H:i:s')) {
return 0;
}
var yeaDiff = date2.getFullYear() - date1.getFullYear();
var monDiff = (date2.getMonth() - date1.getMonth()) + (yeaDiff * 12);
var msDiff = date2.getTime() - date1.getTime(); // Millisecs
var secDiff = msDiff / 1000;
var minDiff = secDiff / 60;
var houDiff = minDiff / 60;
var dayDiff = houDiff / 24;
var weeDiff = dayDiff / 7;
var delta = 0; // Integer return value
with(e2cs.dateParts) {
switch (interv) {
case YEAR:
delta = yeaDiff;
break;
case QUARTER:
var m1 = date1.getMonth();
var m2 = date2.getMonth();
// Figure out which quarter the months are in
var q1 = Math.floor(m1 / 3) + 1;
var q2 = Math.floor(m2 / 3) + 1;
// Add quarters for any year difference between the dates
q2 += (yeaDiff * 4);
delta = q2 - q1;
break;
case MONTH:
delta = monDiff;
break;
case WEEK:
// Truncate instead of rounding
// Don't use Math.floor -- value may be negative
delta = parseInt(weeDiff);
break;
case DAY:
delta = dayDiff;
break;
case WEEKDAY:
var days = Math.round(dayDiff);
var weeks = parseInt(days / 7);
var mod = days % 7;
// Even number of weeks
if (mod == 0) {
days = weeks * 5;
} else {
// Weeks plus spare change (< 7 days)
var adj = 0;
var aDay = date1.getDay();
var bDay = date2.getDay();
weeks = parseInt(days / 7);
mod = days % 7;
// Mark the date advanced by the number of
// round weeks (may be zero)
var dtMark = new Date(date1);
dtMark.setDate(dtMark.getDate() + (weeks * 7));
var dayMark = dtMark.getDay();
// Spare change days -- 6 or less
if (dayDiff > 0) {
switch (true) {
// Range starts on Sat
case aDay == 6:
adj = -1;
break;
// Range starts on Sun
case aDay == 0:
adj = 0;
break;
// Range ends on Sat
case bDay == 6:
adj = -1;
break;
// Range ends on Sun
case bDay == 0:
adj = -2;
break;
// Range contains weekend
case (dayMark + mod) > 5:
adj = -2;
break;
default:
// Do nothing
break;
}
} else if (dayDiff < 0) {
switch (true) {
// Range starts on Sat
case aDay == 6:
adj = 0;
break;
// Range starts on Sun
case aDay == 0:
adj = 1;
break;
// Range ends on Sat
case bDay == 6:
adj = 2;
break;
// Range ends on Sun
case bDay == 0:
adj = 1;
break;
// Range contains weekend
case (dayMark + mod) < 0:
adj = 2;
break;
default:
// Do nothing
break;
}
}
days += adj;
days -= (weeks * 2);
}
delta = days;
break;
case HOUR:
delta = houDiff;
break;
case MINUTE:
delta = minDiff;
break;
case SECOND:
delta = secDiff;
break;
case MILLISECOND:
delta = msDiff;
break;
default:
// Do nothing
break;
}
}
return Math.round(delta); // Number (integer) // Round for fractional values and DST leaps
}
});
// ** added on alpha 0.0.2
Ext.reg('e2cs_calendar', Ext.ECalendar);