Christoph Haas
302f50b16a
- fixed ExtJS Problem in chrome - integrate servertimezone in ics file - ics exporter nearly finished - loading animation
542 lines
14 KiB
JavaScript
542 lines
14 KiB
JavaScript
Ext.namespace("Zarafa.plugins.calendarimporter.dialogs");
|
|
|
|
/**
|
|
* @class Zarafa.plugins.calendarimporter.dialogs.ImportPanel
|
|
* @extends Ext.form.FormPanel
|
|
*/
|
|
Zarafa.plugins.calendarimporter.dialogs.ImportPanel = Ext.extend(Ext.Panel, {
|
|
|
|
/* store the imported timezone here... */
|
|
timezone: null,
|
|
|
|
/**
|
|
* @constructor
|
|
* @param {object} config
|
|
*/
|
|
constructor : function (config)
|
|
{
|
|
config = config || {};
|
|
var self = this;
|
|
Ext.apply(config, {
|
|
xtype : 'calendarimporter.importpanel',
|
|
layout : {
|
|
type : 'form',
|
|
align : 'stretch'
|
|
},
|
|
anchor : '100%',
|
|
bodyStyle : 'background-color: inherit;',
|
|
defaults : {
|
|
border : true,
|
|
bodyStyle : 'background-color: inherit; padding: 3px 0px 3px 0px; border-style: none none solid none;'
|
|
},
|
|
items : [
|
|
this.createSelectBox(),
|
|
this.initForm()
|
|
],
|
|
buttons: [
|
|
this.createExportAllButton(),
|
|
this.createSubmitAllButton(),
|
|
this.createSubmitButton(),
|
|
this.createCancelButton()
|
|
]
|
|
});
|
|
|
|
Zarafa.plugins.calendarimporter.dialogs.ImportPanel.superclass.constructor.call(this, config);
|
|
},
|
|
|
|
/**
|
|
* Init embedded form, this is the form that is
|
|
* posted and contains the attachments
|
|
* @private
|
|
*/
|
|
initForm : function ()
|
|
{
|
|
return {
|
|
xtype: 'form',
|
|
ref: 'addFormPanel',
|
|
layout : 'column',
|
|
fileUpload: true,
|
|
autoWidth: true,
|
|
autoHeight: true,
|
|
border: false,
|
|
bodyStyle: 'padding: 5px;',
|
|
defaults: {
|
|
anchor: '95%',
|
|
border: false,
|
|
bodyStyle: 'padding: 5px;'
|
|
},
|
|
items: [this.createUploadField()]
|
|
};
|
|
},
|
|
|
|
/**
|
|
* Init embedded form, this is the form that is
|
|
* posted and contains the attachments
|
|
* @private
|
|
*/
|
|
createGrid : function(eventdata) {
|
|
|
|
var parsedData = [];
|
|
if(eventdata !== null) {
|
|
var parsedData = new Array(eventdata.events.length);
|
|
|
|
for(var i=0; i < eventdata.events.length; i++) {
|
|
parsedData[i] = new Array(eventdata.events[i]["SUMMARY"], new Date(parseInt(eventdata.events[i]["DTSTART"])), new Date(parseInt(eventdata.events[i]["DTEND"])), eventdata.events[i]["LOCATION"], eventdata.events[i]["DESCRIPTION"]);
|
|
}
|
|
}
|
|
|
|
// create the data store
|
|
var store = new Ext.data.ArrayStore({
|
|
fields: [
|
|
{name: 'title'},
|
|
{name: 'start'},
|
|
{name: 'end'},
|
|
{name: 'location'},
|
|
{name: 'description'}
|
|
],
|
|
data: parsedData
|
|
});
|
|
|
|
return {
|
|
xtype: 'grid',
|
|
ref: 'eventgrid',
|
|
id: 'eventgrid',
|
|
columnWidth: 1.0,
|
|
store: store,
|
|
width: '100%',
|
|
height: 300,
|
|
title: 'Select events to import',
|
|
frame: true,
|
|
colModel: new Ext.grid.ColumnModel({
|
|
defaults: {
|
|
width: 300,
|
|
sortable: true
|
|
},
|
|
columns: [
|
|
{id: 'Summary', header: 'Title', width: 300, sortable: true, dataIndex: 'title'},
|
|
{header: 'Start', width: 150, sortable: true, dataIndex: 'start'},
|
|
{header: 'End', width: 150, sortable: true, dataIndex: 'end'},
|
|
{header: 'Location', width: 150, sortable: true, dataIndex: 'location'},
|
|
{header: 'Description', width: 150, sortable: true, dataIndex: 'description'}
|
|
]
|
|
}),
|
|
sm: new Ext.grid.RowSelectionModel({multiSelect:true})
|
|
}
|
|
},
|
|
|
|
createSelectBox: function() {
|
|
ctx = container.getContextByName('calendar');
|
|
model = ctx.getModel();
|
|
defaultFolder = model.getDefaultFolder(); // @type: Zarafa.hierarchy.data.MAPIFolderRecord
|
|
subFolders = defaultFolder.getChildren();
|
|
|
|
var myStore = new Ext.data.ArrayStore({
|
|
fields: ['calendar_id', 'calendar_displayname'],
|
|
idIndex: 0 // id for each record will be the first element
|
|
});
|
|
|
|
/* Calendar Record holds the name and real name of the calender */
|
|
var CalendarRecord = Ext.data.Record.create([
|
|
{name: 'realname', type: "string"},
|
|
{name: 'displayname', type: "string"}
|
|
]);
|
|
|
|
/* Store the default folder */
|
|
var myNewRecord = new CalendarRecord({
|
|
realname: defaultFolder.getDefaultFolderKey(),
|
|
displayname: defaultFolder.getDisplayName()
|
|
});
|
|
myStore.add(myNewRecord);
|
|
|
|
for(i=0;i<subFolders.length;i++) {
|
|
/* Store all subfolders */
|
|
myNewRecord = new CalendarRecord({
|
|
realname: subFolders[i].getDisplayName(), // TODO: get the real path...
|
|
displayname: subFolders[i].getDisplayName()
|
|
});
|
|
myStore.add(myNewRecord);
|
|
}
|
|
|
|
/* commit the changes to the store */
|
|
myStore.commitChanges();
|
|
|
|
return {
|
|
xtype: "selectbox",
|
|
ref: 'calendarselector',
|
|
id: 'calendarselector',
|
|
editable: false,
|
|
name: "choosen_calendar",
|
|
width: 100,
|
|
fieldLabel: "Select a calender",
|
|
store: myStore,
|
|
valueField: 'realname',
|
|
displayField: 'displayname',
|
|
labelSeperator: ":",
|
|
border: false,
|
|
anchor: "100%",
|
|
scope: this,
|
|
allowBlank: false
|
|
}
|
|
},
|
|
|
|
createUploadField: function() {
|
|
return {
|
|
xtype: "fileuploadfield",
|
|
ref: 'fileuploadfield',
|
|
columnWidth: 1.0,
|
|
id: 'form-file',
|
|
name: 'icsdata',
|
|
emptyText: 'Select an .ics calendar',
|
|
border: false,
|
|
anchor: "100%",
|
|
scope: this,
|
|
allowBlank: false,
|
|
listeners: {
|
|
'fileselected': this.onFileSelected,
|
|
scope: this
|
|
}
|
|
}
|
|
},
|
|
|
|
createSubmitButton: function() {
|
|
return {
|
|
xtype: "button",
|
|
ref: "submitButton",
|
|
id: "submitButton",
|
|
disabled: true,
|
|
width: 100,
|
|
border: false,
|
|
text: _("Import"),
|
|
anchor: "100%",
|
|
handler: this.importCheckedEvents,
|
|
scope: this,
|
|
allowBlank: false
|
|
}
|
|
},
|
|
|
|
createSubmitAllButton: function() {
|
|
return {
|
|
xtype: "button",
|
|
ref: "submitAllButton",
|
|
id: "submitAllButton",
|
|
disabled: true,
|
|
width: 100,
|
|
border: false,
|
|
text: _("Import All"),
|
|
anchor: "100%",
|
|
handler: this.importAllEvents,
|
|
scope: this,
|
|
allowBlank: false
|
|
}
|
|
},
|
|
|
|
createExportAllButton: function() {
|
|
return {
|
|
xtype: "button",
|
|
ref: "exportAllButton",
|
|
id: "exportAllButton",
|
|
hidden: !container.getSettingsModel().get("zarafa/v1/plugins/calendarimporter/enable_export"),
|
|
width: 100,
|
|
border: false,
|
|
text: _("Export All"),
|
|
anchor: "100%",
|
|
handler: this.exportAllEvents,
|
|
scope: this,
|
|
allowBlank: false
|
|
}
|
|
},
|
|
|
|
createCancelButton: function() {
|
|
return {
|
|
xtype: "button",
|
|
width: 100,
|
|
border: false,
|
|
text: _("Cancel"),
|
|
anchor: "100%",
|
|
handler: this.close,
|
|
scope: this,
|
|
allowBlank: false
|
|
}
|
|
},
|
|
|
|
/**
|
|
* This is called when a file has been seleceted in the file dialog
|
|
* in the {@link Ext.ux.form.FileUploadField} and the dialog is closed
|
|
* @param {Ext.ux.form.FileUploadField} uploadField being added a file to
|
|
*/
|
|
onFileSelected : function(uploadField) {
|
|
var form = this.addFormPanel.getForm();
|
|
|
|
if (form.isValid()) {
|
|
form.submit({
|
|
waitMsg: 'Uploading and parsing calendar...',
|
|
url: 'plugins/calendarimporter/php/upload.php',
|
|
failure: function(file, action) {
|
|
Ext.getCmp('submitButton').disable();
|
|
Ext.getCmp('submitAllButton').disable();
|
|
Ext.MessageBox.show({
|
|
title : _('Error'),
|
|
msg : _(action.result.errors[action.result.errors.type]),
|
|
icon : Ext.MessageBox.ERROR,
|
|
buttons : Ext.MessageBox.OK
|
|
});
|
|
},
|
|
success: function(file, action){
|
|
uploadField.reset();
|
|
Ext.getCmp('submitButton').enable();
|
|
Ext.getCmp('submitAllButton').enable();
|
|
this.timezone = action.result.response.calendar["X-WR-TIMEZONE"];
|
|
this.insert(this.items.length,this.createGrid(action.result.response));
|
|
this.doLayout();
|
|
},
|
|
scope : this
|
|
});
|
|
}
|
|
},
|
|
|
|
close: function () {
|
|
this.addFormPanel.getForm().reset();
|
|
this.dialog.close()
|
|
},
|
|
|
|
convertToAppointmentRecord: function (calendarFolder,entry) {
|
|
var newRecord = Zarafa.core.data.RecordFactory.createRecordObjectByMessageClass('IPM.Appointment', {
|
|
startdate: new Date(entry.start),
|
|
duedate: (entry.end) ?
|
|
new Date(entry.end) :
|
|
new Date(entry.start).add(Date.HOUR, 1),
|
|
location: entry.location,
|
|
subject: entry.title,
|
|
body: entry.description,
|
|
commonstart: new Date(entry.start),
|
|
commonend: (entry.end) ?
|
|
new Date(entry.end) :
|
|
new Date(entry.start).add(Date.HOUR, 1),
|
|
timezone: this.timezone,
|
|
parent_entryid: calendarFolder.get('entryid'),
|
|
store_entryid: calendarFolder.get('store_entryid')
|
|
});
|
|
return newRecord;
|
|
},
|
|
|
|
importAllEvents: function () {
|
|
//receive existing calendar store
|
|
var selIndex = this.calendarselector.selectedIndex;
|
|
var calValue = this.calendarselector.value;
|
|
|
|
if(selIndex == -1) { // no calendar choosen
|
|
Ext.MessageBox.show({
|
|
title : _('Error'),
|
|
msg : _('You have to choose a calendar!'),
|
|
icon : Ext.MessageBox.ERROR,
|
|
buttons : Ext.MessageBox.OK
|
|
});
|
|
} else {
|
|
|
|
var calendarStore = new Zarafa.calendar.AppointmentStore();
|
|
var calendarFolder = container.getHierarchyStore().getDefaultFolder('calendar');
|
|
if(calValue != "calendar") {
|
|
var subFolders = calendarFolder.getChildren();
|
|
|
|
for(i=0;i<subFolders.length;i++) {
|
|
// loo up right folder
|
|
// TODO: improve!!
|
|
if(subFolders[i].getDisplayName() == calValue) {
|
|
calendarFolder = subFolders[i];
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
//receive Records from grid rows
|
|
this.eventgrid.selModel.selectAll(); // select all entries
|
|
var newRecords = this.eventgrid.selModel.getSelections();
|
|
Ext.each(newRecords, function(newRecord) {
|
|
var record = this.convertToAppointmentRecord(calendarFolder,newRecord.data);
|
|
calendarStore.add(record);
|
|
}, this);
|
|
calendarStore.save();
|
|
this.dialog.close();
|
|
}
|
|
},
|
|
|
|
exportAllEvents: function () {
|
|
//receive existing calendar store
|
|
var selIndex = this.calendarselector.selectedIndex;
|
|
var calValue = this.calendarselector.value;
|
|
|
|
if(selIndex == -1 || calValue == "") { // no calendar choosen
|
|
Ext.MessageBox.show({
|
|
title : _('Error'),
|
|
msg : _('You have to choose a calendar!'),
|
|
icon : Ext.MessageBox.ERROR,
|
|
buttons : Ext.MessageBox.OK
|
|
});
|
|
} else {
|
|
var calendarFolder = container.getHierarchyStore().getDefaultFolder('calendar');
|
|
if(calValue != "calendar") {
|
|
var subFolders = calendarFolder.getChildren();
|
|
|
|
for(i=0;i<subFolders.length;i++) {
|
|
// loo up right folder
|
|
// TODO: improve!!
|
|
if(subFolders[i].getDisplayName() == calValue) {
|
|
calendarFolder = subFolders[i];
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
Zarafa.common.dialogs.MessageBox.show({
|
|
title: 'Please wait',
|
|
msg: 'Generating ical file...',
|
|
progressText: 'Exporting...',
|
|
width:300,
|
|
progress:true,
|
|
closable:false
|
|
});
|
|
|
|
// progress bar... ;)
|
|
var updateProgressBar = function(v){
|
|
return function(){
|
|
if(v == 100){
|
|
if(Zarafa.common.dialogs.MessageBox.isVisible()) {
|
|
updateTimer();
|
|
}
|
|
}else{
|
|
Zarafa.common.dialogs.MessageBox.updateProgress(v/100, 'Exporting...');
|
|
}
|
|
};
|
|
};
|
|
|
|
var updateTimer = function() {
|
|
for(var i = 1; i < 101; i++){
|
|
setTimeout(updateProgressBar(i), 20*i);
|
|
}
|
|
};
|
|
|
|
updateTimer();
|
|
|
|
// call export function here!
|
|
var responseHandler = new Zarafa.plugins.calendarimporter.data.ResponseHandler({
|
|
successCallback: this.exportDone.createDelegate(this)
|
|
});
|
|
|
|
container.getRequest().singleRequest(
|
|
'appointmentlistmodule',
|
|
'list',
|
|
{
|
|
groupDir: "ASC",
|
|
restriction: {
|
|
startdate: 0,
|
|
duedate: 2145826800 // 2037... highest unix timestamp
|
|
},
|
|
sort: [{
|
|
"field": "startdate",
|
|
"direction": "DESC"
|
|
}],
|
|
store_entryid : calendarFolder.data.store_entryid,
|
|
entryid : calendarFolder.data.entryid
|
|
},
|
|
responseHandler
|
|
);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Export done =)
|
|
* @param {Object} response
|
|
* @private
|
|
*/
|
|
exportDone : function(response)
|
|
{
|
|
if(response.item.length > 0) {
|
|
// call export function here!
|
|
var responseHandler = new Zarafa.plugins.calendarimporter.data.ResponseHandler({
|
|
successCallback: this.downLoadICS.createDelegate(this)
|
|
});
|
|
|
|
container.getRequest().singleRequest(
|
|
'calendarexportermodule',
|
|
'export',
|
|
{
|
|
data: response,
|
|
calendar: this.calendarselector.value
|
|
},
|
|
responseHandler
|
|
);
|
|
container.getNotifier().notify('info', 'Exported', 'Found ' + response.item.length + ' entries to export.');
|
|
} else {
|
|
container.getNotifier().notify('info', 'Export Failed', 'There were no items to export!');
|
|
Zarafa.common.dialogs.MessageBox.hide();
|
|
}
|
|
this.dialog.close();
|
|
},
|
|
|
|
/**
|
|
* download ics file =)
|
|
* @param {Object} response
|
|
* @private
|
|
*/
|
|
downLoadICS : function(response)
|
|
{
|
|
Zarafa.common.dialogs.MessageBox.hide();
|
|
if(response.status === true) {
|
|
// needs to be window.open, document.location.href kills the extjs response handler...
|
|
window.open('plugins/calendarimporter/php/download.php?fileid='+response.fileid+'&basedir='+response.basedir+'&secid='+response.secid+'&realname='+response.realname,"Download");
|
|
} else {
|
|
container.getNotifier().notify('error', 'Export Failed', 'ICal File creation failed!');
|
|
}
|
|
},
|
|
|
|
importCheckedEvents: function () {
|
|
//receive existing calendar store
|
|
var selIndex = this.calendarselector.selectedIndex;
|
|
var calValue = this.calendarselector.value;
|
|
|
|
if(selIndex == -1) { // no calendar choosen
|
|
Ext.MessageBox.show({
|
|
title : _('Error'),
|
|
msg : _('You have to choose a calendar!'),
|
|
icon : Ext.MessageBox.ERROR,
|
|
buttons : Ext.MessageBox.OK
|
|
});
|
|
} else {
|
|
if(this.eventgrid.selModel.getCount() < 1) {
|
|
Ext.MessageBox.show({
|
|
title : _('Error'),
|
|
msg : _('You have to choose at least one event to import!'),
|
|
icon : Ext.MessageBox.ERROR,
|
|
buttons : Ext.MessageBox.OK
|
|
});
|
|
} else {
|
|
var calendarStore = new Zarafa.calendar.AppointmentStore();
|
|
var calendarFolder = container.getHierarchyStore().getDefaultFolder('calendar');
|
|
if(calValue != "calendar") {
|
|
var subFolders = calendarFolder.getChildren();
|
|
|
|
for(i=0;i<subFolders.length;i++) {
|
|
// loo up right folder
|
|
// TODO: improve!!
|
|
if(subFolders[i].getDisplayName() == calValue) {
|
|
calendarFolder = subFolders[i];
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
//receive Records from grid rows
|
|
var newRecords = this.eventgrid.selModel.getSelections();
|
|
Ext.each(newRecords, function(newRecord) {
|
|
var record = this.convertToAppointmentRecord(calendarFolder,newRecord.data);
|
|
calendarStore.add(record);
|
|
}, this);
|
|
calendarStore.save();
|
|
this.dialog.close();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
Ext.reg('calendarimporter.importpanel', Zarafa.plugins.calendarimporter.dialogs.ImportPanel);
|