1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
| Ext.define('KitchenSink.view.ThemeSwitcher', function() {
| var theme = location.href.match(/ext-theme-(\w+)/);
|
| theme = theme && theme[1];
|
| if (!Ext.themeName) {
| Ext.themeName = theme;
| }
|
| return {
| extend: 'Ext.Container',
| xtype: 'themeSwitcher',
| id: 'theme-switcher',
| margin: '0 10 0 0',
| layout: 'hbox',
| initComponent: function() {
| this.items = [{
| xtype: 'combo',
| id: 'theme-switcher-combo',
| width: 170,
| labelWidth: 50,
| fieldLabel: 'Theme',
| displayField: 'name',
| valueField: 'value',
| margin: '0 5 0 0',
| store: Ext.create('Ext.data.Store', {
| fields: ['value', 'name'],
| data : [
| { value: 'access', name: 'Accessibility' },
| { value: 'classic', name: 'Classic' },
| { value: 'gray', name: 'Gray' },
| { value: 'neptune', name: 'Neptune' }
| ]
| }),
| value: theme,
| listeners: {
| select: function(combo) {
| location.href = location.href.replace(
| 'ext-theme-' + theme, 'ext-theme-' + combo.getValue()
| );
| }
| }
| }, {
| xtype: 'button',
| hidden: true, // !(Ext.repoDevMode || location.href.indexOf('qa.sencha.com') !== -1),
| enableToggle: true,
| text: 'RTL',
| margin: '0 5 0 0',
| listeners: {
| toggle: function(btn, pressed) {
| // TODO: handle rtl switching
| }
| }
| }];
|
| this.callParent();
| }
| };
| });
|
|
