%PDF-
%PDF-
Mini Shell
Mini Shell
;(function(window) {
function SyncSlider(params)
{
this.calendar = params.calendar;
this.id = this.calendar.id + '_sync';
this.zIndex = params.zIndex || 1000;
this.sliderId = "calendar:sync-slider";
this.SLIDER_WIDTH = 500;
this.SLIDER_DURATION = 80;
this.DOM = {button: params.button};
this.config = this.calendar.util.config;
this.syncInfo = this.config.syncInfo;
if (this.DOM.button)
{
BX.bind(this.DOM.button, 'click', BX.proxy(this.show, this));
}
}
SyncSlider.prototype = {
show: function ()
{
this.init();
BX.SidePanel.Instance.open(this.sliderId, {
contentCallback: BX.delegate(this.create, this),
width: this.SLIDER_WIDTH,
animationDuration: this.SLIDER_DURATION,
events: {
onClose: BX.proxy(this.hide, this),
onCloseComplete: BX.proxy(this.destroy, this)
}
});
this.calendar.disableKeyHandler();
},
close: function ()
{
BX.SidePanel.Instance.close();
},
hide: function (event)
{
if (event && event.getSliderPage && event.getSliderPage().getUrl() === this.sliderId)
{
if (this.denyClose)
{
event.denyAction();
}
else
{
BX.removeCustomEvent("SidePanel.Slider:onClose", BX.proxy(this.hide, this));
}
}
},
destroy: function (event)
{
if (event && event.getSliderPage && event.getSliderPage().getUrl() === this.sliderId)
{
BX.removeCustomEvent("SidePanel.Slider:onCloseComplete", BX.proxy(this.destroy, this));
BX.SidePanel.Instance.destroy(this.sliderId);
this.calendar.enableKeyHandler();
}
},
init: function ()
{
this.syncList = [
{
id: 'google',
label: BX.message('EC_CAL_SYNC_GOOGLE'),
active: !!this.syncInfo.google.active,
connected: !!this.syncInfo.google.connected,
syncDate: this.syncInfo.google.syncDate,
connectHandler: BX.delegate(function(e)
{
BX.util.popup(this.config.googleCalDavStatus.authLink, 500, 600);
return BX.PreventDefault(e || window.event);
},this),
disconnectHandler:BX.delegate(function(e)
{
this.disconnectGoogle(e);
return BX.PreventDefault(e || window.event);
}, this)
},
{
id: 'macosx',
label: BX.message('EC_CAL_SYNC_MAC'),
active: !!this.syncInfo.macosx.active,
connected: !!this.syncInfo.macosx.connected,
syncDate: this.syncInfo.macosx.syncDate,
connectHandler: BX.delegate(function(e)
{
this.connectMacOSX();
return BX.PreventDefault(e || window.event);
}, this),
disconnectHandler:BX.delegate(function(e)
{
this.disconnectMacOSX();
return BX.PreventDefault(e || window.event);
}, this)
},
{
id: 'iphone',
label: BX.message('EC_CAL_SYNC_IPHONE'),
active: !!this.syncInfo.iphone.active,
connected: !!this.syncInfo.iphone.connected,
syncDate: this.syncInfo.iphone.syncDate,
connectHandler: BX.delegate(function(e)
{
this.connectIphone();
return BX.PreventDefault(e || window.event);
}, this),
disconnectHandler:BX.delegate(function(e)
{
this.disconnectIphone();
return BX.PreventDefault(e || window.event);
}, this)
},
{
id: 'android',
label: BX.message('EC_CAL_SYNC_ANDROID'),
active: !!this.syncInfo.android.active,
connected: !!this.syncInfo.android.connected,
syncDate: this.syncInfo.android.syncDate,
connectHandler: BX.delegate(function(e)
{
this.connectAndroid();
return BX.PreventDefault(e || window.event);
}, this),
disconnectHandler:BX.delegate(function(e)
{
this.disconnectAndroid();
return BX.PreventDefault(e || window.event);
}, this)
},
{
id: 'outlook',
label: BX.message('EC_CAL_SYNC_OUTLOOK'),
active: !!this.syncInfo.outlook.active && !BX.browser.IsMac(),
connected: !!this.syncInfo.outlook.connected,
syncDate: this.syncInfo.outlook.syncDate,
connectHandler: BX.delegate(function(e)
{
this.connectOutlook();
return BX.PreventDefault(e || window.event);
}, this),
disconnectHandler:BX.delegate(function(e)
{
this.disconnectOutlook();
return BX.PreventDefault(e || window.event);
}, this)
},
{
id: 'office365',
label: BX.message('EC_CAL_SYNC_OFFICE_365'),
active: !!this.syncInfo.office365.active,
connected: !!this.syncInfo.office365.connected,
syncDate: this.syncInfo.office365.syncDate
},
{
id: 'exchange',
label: BX.message('EC_CAL_SYNC_EXCHANGE'),
active: !!this.syncInfo.exchange.active,
connected: !!this.syncInfo.exchange.connected,
syncDate: this.syncInfo.exchange.syncDate,
connectHandler:function(e)
{
// TODO: slider with information
//var sync = this.getSyncItem('exchange');
//if (sync && sync.pConnectLink)
//{
// this.showInfoPopup(sync.pConnectLink, BX.message('EC_CAL_CONNECT_EXCHANGE'));
//}
},
disconnectHandler:function(e)
{
// TODO: slider with information
//var sync = this.getSyncItem('exchange');
//if (sync && sync.pDisconnectLink)
//{
// this.showInfoPopup(sync.pDisconnectLink, BX.message('EC_CAL_DISCONNECT_EXCHANGE'));
//}
},
refreshHandler: BX.delegate(function(e)
{
this.calendar.request({
type: 'post',
data: {
action: 'exchange_sync'
},
handler: BX.delegate(function(response)
{
if (response.result === false)
alert(BX.message('EC_BAN_EXCH_NO_SYNC'));
else
BX.reload();
}, this)
});
return BX.PreventDefault(e || window.event);
}, this)
}
];
this.syncList.forEach(function(sync){
if (sync.active && sync.connected && sync.syncDate)
{
sync.syncDate = BX.parseDate(sync.syncDate);
}
sync.DOM = {};
});
this.syncList.sort(function(a, b)
{
if (a.active && a.connected
&& b.active && b.connected
&& a.syncDate && b.syncDate
)
{
return b.syncDate.getTime() - a.syncDate.getTime();
}
if (a.active && a.connected)
return -1;
if (b.active && b.connected)
return 1;
return 0;
});
},
create: function ()
{
this.DOM.wrap = BX.create('DIV', {props: {className: 'calendar-slider-calendar-wrap calendar-custom-scroll'}});
this.DOM.header = this.DOM.wrap.appendChild(BX.create('DIV', {
props: {className: 'calendar-slider-header'},
html: '<div class="calendar-head-area"><div class="calendar-head-area-inner"><div class="calendar-head-area-title">' +
'<span class="calendar-head-area-name">' + BX.message('EC_CAL_SYNC_TITLE') + '</span>' +
'</div></div></div>'
}));
this.DOM.sliderWorkarea = this.DOM.wrap.appendChild(BX.create('DIV', {props: {className: 'calendar-slider-workarea'}, style: {minWidth: 'auto'}}));
this.DOM.tableWrap = this.DOM.sliderWorkarea.appendChild(BX.create('DIV', {props: {className: 'calendar-slider-content calendar-slider-sync-content'}}));
this.DOM.table = this.DOM.tableWrap.appendChild(BX.create("TABLE", {props: {className: 'calendar-sync'}}));
var
iconCell, nameNode, statusWrap, statusWrapInner, statusInfoNode, statusDateNode,
actionWrap,
i, row, sync;
for (i = 0; i < this.syncList.length; i++)
{
sync = this.syncList[i];
sync.DOM = {};
if (sync.active)
{
row = BX.adjust(this.DOM.table.insertRow(-1), {props: {className: 'calendar-sync-column'}});
iconCell = BX.adjust(row.insertCell(-1), {props: {className: 'calendar-sync-cell calendar-sync-cell-icon'}}).appendChild(BX.create("DIV", {props: {className: 'calendar-sync-platform-icon calendar-sync-platform-icon-' + this.syncList[i].id}}));
nameNode = BX.adjust(row.insertCell(-1), {props: {className: 'calendar-sync-cell'}}).appendChild(BX.create("DIV", {
props: {className: 'calendar-sync-platform-name calendar-sync-cell'},
text: this.syncList[i].label
}));
statusWrap = BX.adjust(row.insertCell(-1), {props: {className: 'calendar-sync-cell'}});
if (sync.connected)
{
statusWrapInner = statusWrap.appendChild(BX.create("DIV", {props: {className: 'calendar-sync-info'}})).appendChild(BX.create("DIV", {props: {className: 'calendar-sync-info-inner'}}));
statusInfoNode = statusWrapInner.appendChild(BX.create("DIV", {props: {className: 'calendar-sync-info-status'}, text: BX.message('EC_CAL_SYNC_OK')}));
if (sync.syncDate)
{
var textDate = this.calendar.util.formatDateUsable(sync.syncDate);
if ((new Date().getTime() - sync.syncDate.getTime()) / this.calendar.util.dayLength < 3)
{
textDate += ' ' + this.calendar.util.formatTime(sync.syncDate.getHours(), sync.syncDate.getMinutes());
}
statusDateNode = statusWrapInner.appendChild(BX.create("DIV", {props: {className: 'calendar-sync-info-date'}, html: textDate}));
}
if (sync.id == 'exchange' && this.calendar.util.config.bExchange)
{
nameNode.style.cursor = 'pointer';
BX.bind(nameNode, 'click', BX.proxy(this.syncExchange, this));
}
}
actionWrap = BX.adjust(row.insertCell(-1), {props: {className: 'calendar-sync-cell calendar-sync-cell-link'}});
if (!sync.connected && sync.connectHandler)
{
sync.DOM.connectLink = actionWrap.appendChild(BX.create("SPAN", {
props: {className: 'calendar-sync-link'},
events: {click: sync.connectHandler},
text: BX.message('EC_CAL_SYNC_CONNECT')
}));
}
else if (sync.connected)
{
if (sync.disconnectHandler)
{
sync.DOM.disconnectLink = actionWrap.appendChild(BX.create("SPAN", {
props: {className: 'calendar-sync-link'},
events: {click: sync.disconnectHandler},
text: BX.message('EC_CAL_SYNC_DISCONNECT')
}));
}
if (sync.refreshHandler)
{
sync.DOM.refreshLink = actionWrap.appendChild(BX.create("SPAN", {
props: {className: 'calendar-sync-link'},
events: {click: sync.refreshHandler},
text: BX.message('EC_CAL_SYNC_REFRESH')
}));
}
if (sync.disconnectHandler && sync.refreshHandler)
{
BX.addClass(actionWrap, 'calendar-sync-two-links');
}
}
sync.DOM.row = row;
}
}
return this.DOM.wrap;
},
syncSectionWithOutlook: function(section)
{
if(section && section.data.OUTLOOK_JS)
try{eval(section.data.OUTLOOK_JS);}catch(e){}
},
disconnectGoogle: function(e)
{
if (confirm(BX.message('EC_CAL_REMOVE_GOOGLE_SYNC_CONFIRM')))
{
var i, con = null;
for (i = 0; i < this.calendar.calDavConnections.length; i++)
{
con = this.calendar.calDavConnections[i];
if (con.account_type == "caldav_google_oauth")
{
break;
}
}
if (con && con.id)
{
this.calendar.request({
type: 'post',
data: {
action: 'disconnect_google',
connectionId: con.id
},
handler: BX.delegate(function(response)
{
BX.reload();
}, this)
});
}
}
return BX.PreventDefault(e || window.event);
},
connectOutlook: function()
{
var
sectionList = this.calendar.sectionController.getSectionList(),
_this = this,
sections = [],
menuItems, i, icon;
for (i = 0; i < sectionList.length; i++)
{
if (sectionList[i].belongsToView() && sectionList[i].data.OUTLOOK_JS)
{
sections.push(sectionList[i]);
}
}
// Only one section
if (sections.length == 1)
{
this.syncSectionWithOutlook(sections[0]);
}
else
{
// Show popup
var sync = this.getSyncItem('outlook');
if(sync)
{
menuItems = [];
for (i = 0; i < sections.length; i++)
{
menuItems.push({
id: 'bx-calendar-outlook-' + sections[i].id,
text: BX.util.htmlspecialchars(sections[i].name),
color: sections[i].color,
className: 'calendar-add-popup-section-menu-item',
onclick: (function (value)
{
return function ()
{
_this.syncSectionWithOutlook(_this.calendar.sectionController.getSection(value));
_this.sectionMenu.close();
}
})(sections[i].id)
});
}
this.sectionMenu = BX.PopupMenu.create(
"outlookSectionMenu" + this.calendar.id,
sync.DOM.connectLink,
menuItems,
{
closeByEsc : true,
autoHide : true,
zIndex: 3200,
offsetTop: 0,
offsetLeft: 0,
angle: true
}
);
this.sectionMenu.show();
// Paint round icons for section menu
for (i = 0; i < this.sectionMenu.menuItems.length; i++)
{
if (this.sectionMenu.menuItems[i].layout.item)
{
icon = this.sectionMenu.menuItems[i].layout.item.querySelector('.menu-popup-item-icon');
if (icon)
{
icon.style.backgroundColor = this.sectionMenu.menuItems[i].color;
}
}
}
}
}
},
connectIphone: function()
{
this.showSyncHelp('iphone');
},
connectMacOSX: function()
{
this.showSyncHelp('macosx');
},
connectAndroid: function()
{
this.showSyncHelp('android');
},
disconnectIphone: function()
{
//1. Send request to clear sync information
this.clearSyncInformation('iphone');
//2. Show popup with info how to disconnect it
var sync = this.getSyncItem('iphone');
if (sync && sync.pDisconnectLink)
{
var _this = this;
this.showInfoPopup(sync.pDisconnectLink, BX.message('EC_CAL_DISCONNECT_IPHONE'), function ()
{
_this.syncInfo.iphone.connected = false;
_this.syncInfo.iphone.syncDate = false;
//_this.Display();
});
}
},
disconnectMacOSX: function()
{
//1. Send request to clear sync information
this.clearSyncInformation('mac');
//2. Show popup with info how to disconnect it
var sync = this.getSyncItem('macosx');
if (sync && sync.pDisconnectLink)
{
var _this = this;
this.showInfoPopup(sync.pDisconnectLink, BX.message('EC_CAL_DISCONNECT_MAC'), function ()
{
_this.syncInfo.macosx.connected = false;
_this.syncInfo.macosx.syncDate = false;
//_this.Display();
});
}
},
disconnectAndroid: function()
{
//1. Send request to clear sync information
this.clearSyncInformation('android');
//2. Show popup with info how to disconnect it
var sync = this.getSyncItem('android');
if (sync && sync.pDisconnectLink)
{
var _this = this;
this.showInfoPopup(sync.pDisconnectLink, BX.message('EC_CAL_DISCONNECT_ANDROID'), function ()
{
_this.syncInfo.android.connected = false;
_this.syncInfo.android.syncDate = false;
//_this.Display();
});
}
},
disconnectOutlook: function()
{
//1. Send request to clear sync information
this.clearSyncInformation('outlook');
//2. Show popup with info how to disconnect it
var sync = this.getSyncItem('outlook');
if (sync && sync.pDisconnectLink)
{
var _this = this;
this.showInfoPopup(sync.pDisconnectLink, BX.message('EC_CAL_DISCONNECT_OUTLOOK'), function ()
{
_this.syncInfo.outlook.connected = false;
_this.syncInfo.outlook.syncDate = false;
//_this.Display();
});
}
},
showInfoPopup: function(item, html, onCloseHandler)
{
var popup = BX.PopupWindowManager.create(this.id + "-disconnect-popup", item,
{
autoHide: true,
closeByEsc: true,
offsetTop: -1,
offsetLeft: 1,
lightShadow: true,
content: BX.create('DIV', {props: {className: 'bxec-disconnect-popup-wrap'}, html:html})
});
popup.show(true);
function destroyPopup()
{
if (onCloseHandler && typeof onCloseHandler == 'function')
onCloseHandler();
if(popup && popup.destroy)
{
BX.removeCustomEvent(popup, 'onPopupClose', destroyPopup);
popup.destroy();
popup = null;
}
}
BX.addCustomEvent(popup, 'onPopupClose', destroyPopup);
},
buildSyncItem: function(sync, parentCont)
{
if (!parentCont)
parentCont = this.pWrap;
if (sync.active)
{
sync.pOuter = parentCont.appendChild(BX.create("DIV", {props: {className: 'bxec-sect-access-el ' + (sync.className || '')}}));
sync.pInner = sync.pOuter.appendChild(BX.create("DIV", {props: {className: 'bxec-sect-access-el-block'}}));
if (!sync.connected && sync.connectHandler)
{
sync.pConnectLink = sync.pInner.appendChild(BX.create("A", {
props: {className: 'bxec-sect-access-connect-link'}, text: BX.message('EC_CAL_SYNC_CONNECT')
}));
BX.bind(sync.pConnectLink, 'click', sync.connectHandler);
}
sync.pIcon = sync.pInner.appendChild(BX.create("DIV", {props: {className: 'bxec-sect-access-icon'}}));
sync.pTextWrap = sync.pInner.appendChild(BX.create("DIV", {
props: {className: 'bxec-sect-access-text-wrap'},
text: sync.label
}));
if (!this.brightMode || sync.connected)
BX.addClass(sync.pOuter, 'bxec-sect-access-connected');
if (sync.connected)
{
sync.pInner.appendChild(BX.create("DIV", {props: {className: 'bxec-sect-access-allowed-icon'}}));
sync.pInfoCont = sync.pOuter.appendChild(BX.create("DIV", {props: {className: 'bxec-sect-access-block-info bxec-sect-access-el-block-active'}}));
var tbl = sync.pInfoCont.appendChild(BX.create("TABLE", {props: {className: 'bxec-sect-access-el-table'}}));
var row = tbl.insertRow(-1);
BX.adjust(row.insertCell(-1), {props : {className: 'bxec-sect-access-status'}, html: BX.message('EC_CAL_SYNC_OK')});
var cell = BX.adjust(row.insertCell(-1), {style: {textAlign: 'right'}});
if (sync.syncDate)
{
sync.pSyncDate = cell.appendChild(BX.create("DIV", {props: {className: 'bxec-sect-access-status-time'}}));
sync.pSyncDate.innerHTML = sync.syncDate;
}
if (sync.disconnectHandler)
{
sync.pDisconnectLink = cell.appendChild(BX.create("SPAN", {props: {className: 'bxec-sect-access-disconnect-link'}, html: BX.message('EC_CAL_SYNC_DISCONNECT')}));
BX.bind(sync.pDisconnectLink, 'click', sync.disconnectHandler);
}
if (sync.id == 'exchange' && this.calendar.util.config.bExchange)
{
sync.pTextWrap.style.cursor = 'pointer';
BX.bind(sync.pTextWrap, 'click', BX.proxy(this.syncExchange, this));
}
}
}
},
getSyncItem: function(id)
{
var i;
for (i = 0; i < this.syncList.length; i++)
{
if (this.syncList[i].active && this.syncList[i].id == id)
{
return this.syncList[i];
}
}
},
showSyncHelp: function(sync)
{
var arLinks = [], i;
var syncMeta = this.syncList.filter(function (s)
{
return s.id == sync;
});
if (!syncMeta || !syncMeta[0])
return;
syncMeta = syncMeta[0];
if (!syncMeta.DOM.helpCell)
{
syncMeta.DOM.helpRow = BX.adjust(this.DOM.table.insertRow(syncMeta.DOM.row.rowIndex + 1), {
props: {className: 'calendar-sync-column calendar-sync-desc'}
});
syncMeta.DOM.helpCell = BX.adjust(syncMeta.DOM.helpRow.insertCell(-1), {
attrs: {colspan: '4'},
props: {className: 'calendar-sync-cell'}
}).appendChild(BX.create("DIV", {props: {className: 'calendar-sync-help-wrap'}}));
if (sync == 'iphone')
{
syncMeta.DOM.helpCell.innerHTML = BX.message('EC_MOBILE_HELP_IPHONE');
}
else if (sync == 'macosx')
{
syncMeta.DOM.helpCell.innerHTML = BX.message('EC_MOBILE_HELP_MAC');
}
else if (sync == 'android')
{
syncMeta.DOM.helpCell.innerHTML = BX.message('EC_MOBILE_HELP_ANDROID');
}
if (sync == 'iphone' || sync == 'macosx')
{
arLinks = arLinks.concat(BX.findChildren(syncMeta.DOM.helpCell, {tagName: 'SPAN', className: 'bxec-link'}, true));
for (i = 0; i < arLinks.length; i++)
{
if (arLinks[i] && arLinks[i].nodeName)
{
arLinks[i].innerHTML = this.calendar.util.config.caldav_link_all;
}
}
}
}
if (BX.hasClass(syncMeta.DOM.helpCell, 'open'))
{
BX.removeClass(syncMeta.DOM.helpCell, 'open');
setTimeout(function(){
syncMeta.DOM.helpRow.style.display = 'none';
}, 300);
}
else
{
syncMeta.DOM.helpRow.style.display = '';
setTimeout(function(){
BX.addClass(syncMeta.DOM.helpCell, 'open');
}, 0);
}
},
clearSyncInformation: function(sync_type)
{
this.calendar.request({
type: 'post',
data: {
action: 'clear_sync_info',
sync_type: sync_type
},
handler: BX.delegate(function(response)
{
BX.reload();
}, this)
});
},
showCalDavSyncDialog: function()
{
if (!this.calDavSyncDialog)
{
var id = this.calendar.id;
this.calDavSyncDialog = {
DOM : {
content: BX.create('DIV', {
props: {className: 'calendar-caldav-popup-wrap'},
html: '<div class="bxec-dav-list" id="' + id + '_caldav_list"></div>'
})
},
popup: false
};
var _this = this;
this.calDavSyncDialog.popup = new BX.PopupWindow("BXCExternalDialog" + this.id, null, {
overlay: {opacity: 10},
autoHide: false,
closeByEsc : true,
zIndex: 4000,
width: 600,
offsetLeft: 0,
offsetTop: 0,
draggable: true,
titleBar: BX.message('EC_CALDAV_TITLE'),
closeIcon: {right : "12px", top : "10px"},
className: "bxc-popup-window bxc-popup-window-white",
contentColor : "white",
contentNoPaddings : true,
buttons: [
new BX.PopupWindowButton({
text: BX.message('EC_ADD_CALDAV'),
events: {click : function()
{
_this.connections.push({name: BX.message('EC_NEW_CONNECTION_NAME'), link: '', user_name: ''});
_this.displayConnection(_this.connections[_this.connections.length - 1], _this.connections.length - 1);
}}
}),
new BX.PopupWindowButton({
text: BX.message('EC_SEC_SLIDER_SAVE'),
className: "popup-window-button-accept",
events: {click : function(){
if (_this.calDavSyncDialog.bLockClosing)
return alert(BX.message('EC_CAL_DAV_CON_WAIT'));
_this.calDavSyncDialog.bLockClosing = true;
_this.saveCalDavConnections(
function(res)
{
_this.calDavSyncDialog.bLockClosing = false;
if (res)
{
_this.calDavSyncDialog.popup.close();
BX.reload();
}
}
);
}}
}),
new BX.PopupWindowButtonLink({
text: BX.message('EC_SEC_SLIDER_CLOSE'),
className: "popup-window-button-link-cancel",
events: {click : function(){_this.calDavSyncDialog.popup.close();}}
})
],
content: this.calDavSyncDialog.DOM.content
});
BX.addCustomEvent(this.calDavSyncDialog.popup, 'onPopupClose', BX.proxy(this.closeCalDavSyncDialog, this));
}
this.calDavSyncDialog.popup.show();
this.calDavSyncDialog.DOM.list = BX(id + '_caldav_list');
this.calendar.disableKeyHandler();
this.calDavSyncDialog.curEditedConInd = false;
BX.cleanNode(this.calDavSyncDialog.DOM.list);
this.connections = BX.clone(this.calendar.util.getCalDavConnections());
this.connections.forEach(this.displayConnection, this);
if (this.connections.length == 0) // No connections - open form to add new connection
{
this.connections.push({name: BX.message('EC_NEW_CONNECTION_NAME'), link: '', user_name: ''});
this.displayConnection(this.connections[this.connections.length - 1], this.connections.length - 1);
}
},
displayConnection: function(con, ind)
{
var
_this = this,
id = this.calendar.id,
conDiv = this.calDavSyncDialog.DOM.list.appendChild(BX.create("DIV", {props: {id: id + '_dav_con_' + ind, className: 'calendar-caldav-item'}})),
title = conDiv.appendChild(BX.create("DIV", {props: {className: 'calendar-caldav-item-title'}})),
status = title.appendChild(BX.create("IMG", {props: {src: "/bitrix/images/1.gif", className: 'bxec-dav-item-status'}})),
text = title.appendChild(BX.create("SPAN", {text: con.name})),
count = title.appendChild(BX.create("SPAN", {text: ''})),
del = title.appendChild(BX.create("A", {props: {href: 'javascript: void(0);', className: 'bxec-dav-del'}, text: BX.message('EC_CALDAV_DEL')}));
if (con.id > 0 && (con.account_type == 'google_api_oauth' || con.account_type == 'caldav_google_oauth'))
{
conDiv.appendChild(BX.create("DIV", {
props: {className: 'bxec-dav-new-form'},
html: '<div class="calendar-caldav-field-container-wrap">' +
'<div class="calendar-caldav-sections-outer-wrap" id="' + id + '_dav_sections_cont_outer' + ind + '">' +
'<div class="calendar-caldav-sections-title">' + BX.message('EC_ADD_CALDAV_SECTIONS')+ ' : </div>' +
'<div class="calendar-caldav-sections-wrap" id="' + id + '_dav_sections_cont' + ind + '"></div>' +
'</div>' +
'</div>'
}));
}
else
{
conDiv.appendChild(BX.create("DIV", {
props: {className: 'bxec-dav-new-form'},
html: '<div class="calendar-caldav-field-container-wrap">' +
'<div class="calendar-field-container calendar-field-container-string"><div class="calendar-field-block"><input id="' + id + '_caldav_name' + ind + '" type="text" placeholder="' + BX.message('EC_ADD_CALDAV_NAME') + '" class="calendar-field calendar-field-string" value="' + BX.util.htmlspecialchars(con.name) + '"></div></div>' +
'<div class="calendar-field-container calendar-field-container-string"><div class="calendar-field-block"><input id="' + id + '_caldav_link' + ind + '" type="text" placeholder="' + BX.message('EC_ADD_CALDAV_LINK') + '" class="calendar-field calendar-field-string" value="' + BX.util.htmlspecialchars(con.link) + '"></div></div>' +
'<div class="calendar-field-container calendar-field-container-string"><div class="calendar-field-block"><input id="' + id + '_caldav_username' + ind + '" type="text" placeholder="' + BX.message('EC_ADD_CALDAV_USER_NAME') + '" class="calendar-field calendar-field-string" value="' + BX.util.htmlspecialchars(con.user_name) + '"></div></div>' +
'<div class="calendar-field-container calendar-field-container-string"><div class="calendar-field-block"><input id="' + id + '_caldav_password' + ind + '" type="password" placeholder="' + BX.message('EC_ADD_CALDAV_PASS') + '" class="calendar-field calendar-field-string"></div></div>' +
'<div class="calendar-caldav-sections-outer-wrap" id="' + id + '_dav_sections_cont_outer' + ind + '">' +
'<div class="calendar-caldav-sections-title">' + BX.message('EC_ADD_CALDAV_SECTIONS')+ ' : </div>' +
'<div class="calendar-caldav-sections-wrap" id="' + id + '_dav_sections_cont' + ind + '"></div>' +
'</div>' +
'</div>'
}));
}
if (con.id > 0)
{
if (con.last_result && con.last_result.indexOf("[200]") >= 0)
{
status.className = 'bxec-dav-item-status bxec-dav-ok';
status.title = BX.message('EC_CALDAV_SYNC_OK') + '. ' + BX.message('EC_CALDAV_SYNC_DATE') + ': ' + con.sync_date;
}
else
{
status.className += 'bxec-dav-item-status bxec-dav-error';
status.title = BX.message('EC_CALDAV_SYNC_ERROR') + ': ' + con.last_result + '. '+ BX.message('EC_CALDAV_SYNC_DATE') + ': ' + con.sync_date;
}
var countNum = 0;
con.sections = {};
this.calendar.sectionController.sections.forEach(function(section)
{
if (section.belongsToView() && (section.isCalDav() || section.isGoogle()) && section.data.CAL_DAV_CON == con.id)
{
countNum++;
var sectionWrap = BX(id + '_dav_sections_cont' + ind).appendChild(BX.create("DIV", {props: {className: 'bxec-dav-sect'}}));
con.sections[section.id] = {
section: section,
checkbox: sectionWrap.appendChild(
BX.create("SPAN", {props: {className: "bxec-dav-sect-check"}}))
.appendChild(BX.create("INPUT", {
props: {
type: "checkbox",
id: id + '_dav_sections_cont' + ind + section.id,
checked: section.isActive()
}
}))
};
sectionWrap.appendChild(BX.create("SPAN", {props: {className: "bxc-spd-sect-label"}, html: '<label for="' + id + '_dav_sections_cont' + ind + section.id + '"><span>' + BX.util.htmlspecialchars(section.name) + '</span></label>'}));
}
}, this);
count.innerHTML = " (" + countNum + ")";
if (countNum > 0)
{
BX(id + '_dav_sections_cont_outer' + ind).style.display = '';
}
else
{
BX(id + '_dav_sections_cont_outer' + ind).style.display = 'none';
}
del.style.display = 'inline-block';
}
else
{
BX(id + '_dav_sections_cont_outer' + ind).style.display = 'none';
del.style.display = 'none';
}
con.nameInput = BX(id + '_caldav_name' + ind) || false;
con.linkInput = BX(id + '_caldav_link' + ind) || false;
con.userInput = BX(id + '_caldav_username' + ind) || false;
con.passInput = BX(id + '_caldav_password' + ind) || false;
del.onclick = function(e)
{
if (con.id > 0 && (con.account_type == 'google_api_oauth' || con.account_type == 'caldav_google_oauth'))
{
_this.disconnectGoogle(e);
}
else
{
con.del = true;
_this.saveCalDavConnections();
_this.closeCalDavSyncDialog();
}
return BX.PreventDefault(e);
};
},
saveCalDavConnections: function(calback)
{
var connections = [];
this.connections.forEach(function(connection)
{
var sectId, sections = {};
for (sectId in connection.sections)
{
if (connection.sections.hasOwnProperty(sectId))
{
sections[sectId] = connection.sections[sectId].checkbox.checked ? 'Y' : 'N';
}
}
var item = {
id: connection.id || 0,
name: connection.nameInput ? connection.nameInput.value : connection.name,
link: connection.linkInput ? connection.linkInput.value : connection.link,
user_name: connection.userInput ? connection.userInput.value : connection.user_name,
pass: connection.passInput && connection.passInput.value ? connection.passInput.value : 'bxec_not_modify_pass',
del: connection.del ? 'Y' : 'N',
del_calendars: 'Y',
sections: sections
};
if (!connection.id && (!item.name || !item.user_name || !item.pass))
return;
connections.push(item);
}, this);
this.calendar.request({
type: 'post',
data: {
action: 'connections_edit',
connections : connections
},
handler: BX.delegate(function(response)
{
setTimeout(function(){
if (BX.type.isFunction(calback))
{
calback(true);
}
}, 100);
if (response.result === false)
alert(BX.message('EC_BAN_EXCH_NO_SYNC'));
else
BX.reload();
}, this),
onerror: BX.delegate(function(response)
{
setTimeout(function(){
if (BX.type.isFunction(calback))
{
calback(false);
}
}, 100);
}, this)
});
return true;
},
closeCalDavSyncDialog: function()
{
this.calendar.enableKeyHandler();
this.calDavSyncDialog.popup.destroy();
this.calDavSyncDialog = null;
},
showICalExportDialog: function(section)
{
var _this = this;
if (!this.exportDialog)
{
var content = BX.create('DIV', {html: '<span>' + BX.message('EC_EXP_TEXT') + '</span>'});
this.exportDialog = new BX.PopupWindow("export_dialog" + this.calendar.id, null, {
autoHide: false,
closeByEsc : true,
zIndex: 4000,
offsetLeft: 0,
offsetTop: 0,
width: 800,
draggable: true,
titleBar: BX.message('EC_JS_EXPORT_TILE'),
closeIcon: {right : "12px", top : "10px"},
className: "bxc-popup-window",
buttons: [
new BX.PopupWindowButtonLink({
text: BX.message('EC_SEC_SLIDER_CLOSE'),
className: "popup-window-button-link-cancel",
events: {click : function(){_this.exportDialog.close();}}
})
],
content: content
});
this.exportDialog.DOM = {};
}
this.exportDialog.show();
// Create link
var link = this.calendar.util.config.path;
link += (link.indexOf('?') >= 0) ? '&' : '?';
if (section && section.data.EXPORT.LINK)
{
link += 'action=export' + section.data.EXPORT.LINK;
}
this.exportDialog.DOM.link = content.appendChild(BX.create('DIV', {props: {className: ''}}))
.appendChild(BX.create('A', {
props: {
href: link,
target: "_blank"
},
html: link,
events: {
click: function(e){
window.location.href = 'webcal' + link.substr(link.indexOf('://'));
e.preventDefault();
e.stopPropagation();
}
}
}));
BX.ajax.get(link + '&check=Y', "", function(result)
{
setTimeout(function()
{
if (!result || result.length <= 0 || result.toUpperCase().indexOf('BEGIN:VCALENDAR') == -1)
{
alert(BX.message('EC_EDEV_EXP_WARN'));
}
}, 300);
});
}
};
if (window.BXEventCalendar)
{
window.BXEventCalendar.SyncSlider = SyncSlider;
}
else
{
BX.addCustomEvent(window, "onBXEventCalendarInit", function()
{
window.BXEventCalendar.SyncSlider = SyncSlider;
});
}
})(window);
Zerion Mini Shell 1.0