/** * ImportPanel.js zarafa calender to ics im/exporter * * Author: Christoph Haas * Copyright (C) 2012-2013 Christoph Haas * * This library is free software; you can redistribute it and/or * modify it under the terms of the GNU Lesser General Public * License as published by the Free Software Foundation; either * version 2.1 of the License, or (at your option) any later version. * * This library is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU * Lesser General Public License for more details. * * You should have received a copy of the GNU Lesser General Public * License along with this library; if not, write to the Free Software * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA * */ /** * ImportPanel * * The main Panel of the calendarimporter plugin. */ 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, /* ignore daylight saving time... */ ignoredst: null, /* path to ics file on server... */ icsfile: null, /* loadmask for timezone/dst changes... */ loadMask: null, /* export event buffer */ exportResponse: new Array(), /* how many requests are still running? */ runningRequests: null, /* The store for the selection grid */ store: null, /** * The internal 'iframe' which is hidden from the user, which is used for downloading * attachments. See {@link #doOpen}. * @property * @type Ext.Element */ downloadFrame : undefined, /** * @constructor * @param {object} config */ constructor : function (config) { config = config || {}; var self = this; this.timezone = container.getSettingsModel().get("zarafa/v1/plugins/calendarimporter/default_timezone"); if(typeof config.filename !== "undefined") { this.icsfile = config.filename; } // create the data store this.store = new Ext.data.ArrayStore({ fields: [ {name: 'title'}, {name: 'start'}, {name: 'end'}, {name: 'location'}, {name: 'description'}, {name: 'priority'}, {name: 'label'}, {name: 'busy'}, {name: 'privatestate'}, {name: 'organizer'}, {name: 'trigger'} ] }); Ext.apply(config, { xtype : 'calendarimporter.importpanel', ref : "importpanel", id : "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.createTimezoneBox(), this.createDaylightSavingCheckBox(), this.initForm(), this.createGrid() ], buttons: [ this.createExportAllButton(), this.createSubmitAllButton(), this.createSubmitButton(), this.createCancelButton() ], listeners: { afterrender: function (cmp) { Ext.getCmp('importbutton').disable(); this.loadMask = new Ext.LoadMask(Ext.getCmp("importpanel").getEl(), {msg:'Loading...'}); if(this.icsfile != null) { // if we have got the filename from an attachment this.parseCalendar(this.icsfile, this.timezone, this.ignoredst); } }, close: function (cmp) { Ext.getCmp('importbutton').enable(); }, hide: function (cmp) { Ext.getCmp('importbutton').enable(); }, destroy: function (cmp) { Ext.getCmp('importbutton').enable(); } } }); 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()] }; }, /** * Reloads the data of the grid * @private */ reloadGridStore: function(eventdata) { var parsedData = []; // this is done to get rid of the local browser timezone.... // because all timezone specific stuff is done via php var local_tz_offset = new Date().getTimezoneOffset() * 60000; // getTimezoneOffset returns minutes... we need milliseconds if(eventdata !== null) { parsedData = new Array(eventdata.events.length); var i = 0; for(i = 0; i < eventdata.events.length; i++) { var trigger = null; if(eventdata.events[i]["VALARM"]) { trigger = eventdata.events[i]["VALARM"]["TRIGGER"]; trigger = new Date(parseInt(trigger) + local_tz_offset); } parsedData[i] = new Array(eventdata.events[i]["SUMMARY"], new Date(parseInt(eventdata.events[i]["DTSTART"]) + local_tz_offset), new Date(parseInt(eventdata.events[i]["DTEND"]) + local_tz_offset), eventdata.events[i]["LOCATION"], eventdata.events[i]["DESCRIPTION"],eventdata.events[i]["PRIORITY"],eventdata.events[i]["X-ZARAFA-LABEL"],eventdata.events[i]["X-MICROSOFT-CDO-BUSYSTATUS"],eventdata.events[i]["CLASS"],eventdata.events[i]["ORGANIZER"],trigger); } } else { return null; } this.store.loadData(parsedData, false); }, /** * Init embedded form, this is the form that is * posted and contains the attachments * @private */ createGrid : function() { return { xtype: 'grid', ref: 'eventgrid', id: 'eventgrid', columnWidth: 1.0, store: this.store, width: '100%', height: 300, title: 'Select events to import', frame: false, viewConfig:{ forceFit:true }, colModel: new Ext.grid.ColumnModel({ defaults: { width: 300, sortable: true }, columns: [ {id: 'Summary', header: 'Title', width: 200, sortable: true, dataIndex: 'title'}, {header: 'Start', width: 200, sortable: true, dataIndex: 'start', renderer : Zarafa.common.ui.grid.Renderers.datetime}, {header: 'End', width: 200, sortable: true, dataIndex: 'end', renderer : Zarafa.common.ui.grid.Renderers.datetime}, {header: 'Location', width: 150, sortable: true, dataIndex: 'location'}, {header: 'Description', sortable: true, dataIndex: 'description'}, {header: "Priority", dataIndex: 'priority', hidden: true}, {header: "Label", dataIndex: 'label', hidden: true}, {header: "Busystatus", dataIndex: 'busy', hidden: true}, {header: "Privacystatus", dataIndex: 'privatestate', hidden: true}, {header: "Organizer", dataIndex: 'organizer', hidden: true}, {header: "Alarm", dataIndex: 'trigger', hidden: true, renderer : Zarafa.common.ui.grid.Renderers.datetime} ] }), sm: new Ext.grid.RowSelectionModel({multiSelect:true}) } }, createSelectBox: function() { var defaultFolder = container.getHierarchyStore().getDefaultFolder('calendar'); // @type: Zarafa.hierarchy.data.MAPIFolderRecord var subFolders = defaultFolder.getChildren(); var myStore = []; /* add all local calendar folders */ var i = 0; myStore.push(new Array(defaultFolder.getDefaultFolderKey(), defaultFolder.getDisplayName())); for(i = 0; i < subFolders.length; i++) { /* Store all subfolders */ myStore.push(new Array(subFolders[i].getDisplayName(), subFolders[i].getDisplayName(), false)); // 3rd field = isPublicfolder } /* add all shared calendar folders */ var pubStore = container.getHierarchyStore().getPublicStore(); if(typeof pubStore !== "undefined") { try { var pubFolder = pubStore.getDefaultFolder("publicfolders"); var pubSubFolders = pubFolder.getChildren(); for(i = 0; i < pubSubFolders.length; i++) { if(pubSubFolders[i].isContainerClass("IPF.Appointment")){ myStore.push(new Array(pubSubFolders[i].getDisplayName(), pubSubFolders[i].getDisplayName() + " [Shared]", true)); // 3rd field = isPublicfolder } } } catch (e) { console.log("Error opening the shared folder..."); console.log(e); } } return { xtype: "selectbox", ref: 'calendarselector', id: 'calendarselector', editable: false, name: "choosen_calendar", value: container.getSettingsModel().get("zarafa/v1/plugins/calendarimporter/default_calendar"), width: 100, fieldLabel: "Select a calender", store: myStore, mode: 'local', labelSeperator: ":", border: false, anchor: "100%", scope: this, allowBlank: false } }, createTimezoneBox: function() { return { xtype: "selectbox", ref: 'timezoneselector', id: 'timezoneselector', editable: false, name: "choosen_timezone", value: Zarafa.plugins.calendarimporter.data.Timezones.unMap(container.getSettingsModel().get("zarafa/v1/plugins/calendarimporter/default_timezone")), width: 100, fieldLabel: "Select a timezone (optional)", store: Zarafa.plugins.calendarimporter.data.Timezones.store, labelSeperator: ":", mode: 'local', border: false, anchor: "100%", scope: this, allowBlank: true, listeners: { 'select': this.onTimezoneSelected, scope: this } } }, createDaylightSavingCheckBox: function() { return { xtype: "checkbox", ref: 'dstcheck', id: 'dstcheck', name: "dst_check", width: 100, fieldLabel: "Ignore DST (optional)", boxLabel: 'This will ignore "Daylight saving time" offsets.', labelSeperator: ":", border: false, anchor: "100%", scope: this, allowBlank: true, listeners: { 'check': this.onDstChecked, scope: this } } }, 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 timezone has been seleceted in the timezone dialog * @param {Ext.form.ComboBox} combo * @param {Ext.data.Record} record * @param {Number} index */ onTimezoneSelected : function(combo, record, index) { this.timezone = record.data.field1; if(this.icsfile != null) { this.parseCalendar(this.icsfile, this.timezone, this.ignoredst); } }, /** * This is called when the dst checkbox has been selected * @param {Ext.form.CheckBox} combo * @param {boolean} checked */ onDstChecked : function(checkbox, checked) { this.ignoredst = checked; if(this.icsfile != null) { this.parseCalendar(this.icsfile, this.timezone, this.ignoredst); } }, /** * 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(); Zarafa.common.dialogs.MessageBox.show({ title : _('Error'), msg : _(action.result.error), icon : Zarafa.common.dialogs.MessageBox.ERROR, buttons : Zarafa.common.dialogs.MessageBox.OK }); }, success: function(file, action){ uploadField.reset(); this.icsfile = action.result.ics_file; this.parseCalendar(this.icsfile, this.timezone, this.ignoredst); }, scope : this }); } }, parseCalendar: function (icsPath, timezone, ignoredst) { this.loadMask.show(); // call export function here! var responseHandler = new Zarafa.plugins.calendarimporter.data.ResponseHandler({ successCallback: this.handleParsingResult.createDelegate(this) }); container.getRequest().singleRequest( 'calendarmodule', 'import', { ics_filepath: icsPath, timezone: timezone, ignore_dst: ignoredst }, responseHandler ); }, handleParsingResult: function(response) { this.loadMask.hide(); if(response["status"] == true) { Ext.getCmp('submitButton').enable(); Ext.getCmp('submitAllButton').enable(); if(typeof response.parsed.calendar["X-WR-TIMEZONE"] !== "undefined") {; this.timezone = response.parsed.calendar["X-WR-TIMEZONE"]; this.timezoneselector.setValue(Zarafa.plugins.calendarimporter.data.Timezones.unMap(this.timezone)); } this.reloadGridStore(response.parsed); } else { Ext.getCmp('submitButton').disable(); Ext.getCmp('submitAllButton').disable(); Zarafa.common.dialogs.MessageBox.show({ title : _('Parser Error'), msg : _(response["message"]), icon : Zarafa.common.dialogs.MessageBox.ERROR, buttons : Zarafa.common.dialogs.MessageBox.OK }); } }, 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 != null) ? 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 != null) ? 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') }); var busystate = new Array("FREE", "TENTATIVE", "BUSY", "OOF"); var zlabel = new Array("NONE", "IMPORTANT", "WORK", "PERSONAL", "HOLIDAY", "REQUIRED", "TRAVEL REQUIRED", "PREPARATION REQUIERED", "BIRTHDAY", "SPECIAL DATE", "PHONE INTERVIEW"); /* optional fields */ if(entry.priority !== "") { newRecord.data.importance = entry.priority; } if(entry.label !== "") { newRecord.data.label = zlabel.indexOf(entry.label); } if(entry.busy !== "") { newRecord.data.busystatus = busystate.indexOf(entry.busy); } if(entry.privatestate !== "") { newRecord.data["private"] = entry.privatestate == "PUBLIC" ? false : true; } if(entry.organizer !== "") { newRecord.data.sent_representing_email_address = entry.organizer; } if(entry.trigger != null) { newRecord.data.reminder = true; newRecord.data.reminder_minutes = new Date((entry.start - entry.trigger)/60); newRecord.data.reminder_time = new Date(entry.trigger); } else { newRecord.data.reminder = false; } return newRecord; }, importCheckedEvents: function () { var newRecords = this.eventgrid.selModel.getSelections(); this.importEvents(newRecords); }, importAllEvents: function () { //receive Records from grid rows this.eventgrid.selModel.selectAll(); // select all entries var newRecords = this.eventgrid.selModel.getSelections(); this.importEvents(newRecords); }, exportAllEvents: function () { //receive existing calendar store var calValue = this.calendarselector.value; if(calValue == undefined) { // no calendar choosen Zarafa.common.dialogs.MessageBox.show({ title : _('Error'), msg : _('You have to choose a calendar!'), icon : Zarafa.common.dialogs.MessageBox.ERROR, buttons : Zarafa.common.dialogs.MessageBox.OK }); } else { var calexist = true; var calendarFolder = container.getHierarchyStore().getDefaultFolder('calendar'); var pubStore = container.getHierarchyStore().getPublicStore(); var pubSubFolders = []; var pubFolder; if(typeof pubStore !== "undefined") { try { pubFolder = pubStore.getDefaultFolder("publicfolders"); pubSubFolders = pubFolder.getChildren(); } catch (e) { console.log("Error opening the shared folder..."); console.log(e); } } if(calValue != "calendar") { var subFolders = calendarFolder.getChildren(); var i = 0; /* add public folders if any exist */ for(i = 0; i < pubSubFolders.length; i++) { if(pubSubFolders[i].isContainerClass("IPF.Appointment")){ subFolders.push(pubSubFolders[i]); } } for(i=0;i