// vim: ts=4:sw=4:nu:fdc=4:nospell/** * Ext.ux.ThemeCombo - Combo pre-configured for themes selection *  * @author    Ing. Jozef Sakálo? <jsakalos@aariadne.com> * @copyright (c) 2008, by Ing. Jozef Sakálo? * @date      30. January 2008 * @version   $Id: Ext.ux.ThemeCombo.js 216 2008-04-27 15:44:02Z jozo $ * * @license Ext.ux.ThemeCombo is licensed under the terms of * the Open Source LGPL 3.0 license.  Commercial use is permitted to the extent * that the code/component(s) do NOT become part of another Open Source or Commercially * licensed development library or toolkit without explicit permission. *  * License details: http://www.gnu.org/licenses/lgpl.html *//*global Ext */Ext.ux.ThemeCombo = Ext.extend(Ext.form.ComboBox, {	// configurables	 themeBlueText: 'Ext Blue Theme'	,themeGrayText: 'Gray Theme'	,themeBlackText: 'Black Theme'	,themeOliveText: 'Olive Theme'	,themePurpleText: 'Purple Theme'	,themeDarkGrayText: 'Dark Gray Theme'	,themeSlateText: 'Slate Theme'	,themeVistaText: 'Vista Theme'	,themePeppermintText: 'Peppermint Theme'	,themePinkText: 'Pink Theme'	,themeChocolateText: 'Chocolate Theme'	,themeGreenText: 'Green Theme'	,themeIndigoText: 'Indigo Theme'	,themeMidnightText: 'Midnight Theme'	,themeSilverCherryText: 'Silver Cherry Theme'	,themeSlicknessText: 'Slickness Theme'	,themeVar:'theme'	,selectThemeText: 'Select Theme'	,themeGrayExtndText:'Gray-Extended Theme'	,lazyRender:true	,lazyInit:true	,cssPath:'../ext/resources/css/' // mind the trailing slash	// {{{	,initComponent:function() {		Ext.apply(this, {			store: new Ext.data.SimpleStore({				fields: ['themeFile', {name:'themeName', type:'string'}]				,data: [					 ['xtheme-default.css', this.themeBlueText]					,['xtheme-gray.css', this.themeGrayText]					,['xtheme-darkgray.css', this.themeDarkGrayText]					,['xtheme-black.css', this.themeBlackText]					,['xtheme-olive.css', this.themeOliveText]					,['xtheme-purple.css', this.themePurpleText]					,['xtheme-slate.css', this.themeSlateText]					,['xtheme-peppermint.css', this.themePeppermintText]					,['xtheme-chocolate.css', this.themeChocolateText]					,['xtheme-green.css', this.themeGreenText]					,['xtheme-indigo.css', this.themeIndigoText]					,['xtheme-midnight.css', this.themeMidnightText]					,['xtheme-silverCherry.css', this.themeSilverCherryText]					,['xtheme-slickness.css', this.themeSlicknessText]					,['xtheme-gray-extend.css', this.themeGrayExtndText]//					,['xtheme-pink.css', this.themePinkText]				]			})			,valueField: 'themeFile'			,displayField: 'themeName'			,triggerAction:'all'			,mode: 'local'			,forceSelection:true			,editable:false			,fieldLabel: this.selectThemeText		}); // end of apply		this.store.sort('themeName');		// call parent		Ext.ux.ThemeCombo.superclass.initComponent.apply(this, arguments);		this.setValue(Ext.state.Manager.get(this.themeVar) || 'xtheme-default.css');	} // end of function initComponent	// }}}	// {{{	,setValue:function(val) {		Ext.ux.ThemeCombo.superclass.setValue.apply(this, arguments);		// set theme		Ext.util.CSS.swapStyleSheet(this.themeVar, this.cssPath + val);		if(Ext.state.Manager.getProvider()) {			Ext.state.Manager.set(this.themeVar, val);		}	} // eo function setValue	// }}}}); // end of extend// register xtypeExt.reg('themecombo', Ext.ux.ThemeCombo);// end of file