TimezoneChooser.js

/**
 * Tine 2.0
 * 
 * @license     http://www.gnu.org/licenses/agpl.html AGPL Version 3
 * @author      Philipp Schuele <p.schuele@metaways.de>
 * @copyright   Copyright (c) 2007-2008 Metaways Infosystems GmbH (http://www.metaways.de)
 *
 * @deprecated  is replaced by preferences dialog / perhaps we need this again in calendar (event edit dialog)
 */

Ext.ns('Tine.widgets');

/**
 * timezone chooser widget
 *
 * @namespace   Tine.widgets
 * @class       Tine.widgets.TimezoneChooser
 * @extends     Ext.form.ComboBox
 */
Tine.widgets.TimezoneChooser = Ext.extend(Ext.form.ComboBox, {
    
    /**
     * @cfg {String}
     */
    fieldLabel: null,
    
    displayField: 'timezoneTranslation',
    valueField: 'timezone',
    triggerAction: 'all',
    width: 100,
    listWidth: 250,
    editable: false,

    initComponent: function() {
        this.value = Tine.Tinebase.registry.get('timeZone');
        this.fieldLabel = this.fieldLabel ? this.fieldLabel : i18n._('Timezone');

        this.tpl = new Ext.XTemplate(
            '<tpl for=".">' +
                '<div class="x-combo-list-item">' +
                    '{[this.translate(values.timezone, values.timezoneTranslation)]}' + 
                '</div>' +
            '</tpl>',{
                translate: function(timezone, timezoneTranslation) {
                    // use timezoneTranslation as fallback
                    var translation = (Locale.getTranslationData('CityToTimezone', timezone)) 
                       ? Locale.getTranslationData('CityToTimezone', timezone)
                       : timezoneTranslation;
                    return timezone + (translation ? (' - <i>(' + translation + ')</i>') : '');
                }
            }
        );
        
        this.store = new Ext.data.JsonStore({
            id: 'timezone',
            root: 'results',
            totalProperty: 'totalcount',
            fields: Tine.Tinebase.Model.Timezone,
            baseParams: {
                method: 'Tinebase.getAvailableTimezones'
            }
        });
        Tine.widgets.TimezoneChooser.superclass.initComponent.call(this);
        
        this.on('select', this.onTimezoneSelect, this);
    },
    
    /**
     * timezone selection ajax call
     */
    onTimezoneSelect: function(combo, record, idx) {
        var currentTimezone = Tine.Tinebase.registry.get('timeZone');
        var newTimezone = record.get('timezone');
        
        if (newTimezone != currentTimezone) {
            Ext.MessageBox.wait(i18n._('Setting new timezone...'), i18n._('Please Wait'));
            
            Ext.Ajax.request({
                scope: this,
                params: {
                    method: 'Tinebase.setTimezone',
                    timezoneString: newTimezone,
                    saveaspreference: true
                },
                success: function(result, request){
                    Tine.Tinebase.common.reload({});
                }
            });
        }
    }
});