]>
Commit | Line | Data |
---|---|---|
6527f429 DM |
1 | Ext.define('KitchenSink.view.thumbnails.Thumbnails', {\r |
2 | extend: 'Ext.view.View',\r | |
3 | xtype: 'thumbnails',\r | |
4 | cls: 'thumbnails',\r | |
5 | reference: 'contentView',\r | |
6 | region: 'center',\r | |
7 | store: 'Thumbnails',\r | |
8 | itemSelector: '.thumbnail-item',\r | |
9 | \r | |
10 | initComponent: function() {\r | |
11 | var backgrounds = {\r | |
12 | crisp: 'border-circle',\r | |
13 | 'crisp-touch': 'circle',\r | |
14 | neptune: 'border-square',\r | |
15 | 'neptune-touch': 'square',\r | |
16 | classic: 'rounded-square',\r | |
17 | gray: 'rounded-square',\r | |
18 | triton: 'square'\r | |
19 | };\r | |
20 | \r | |
21 | this.tpl =\r | |
22 | '<tpl for=".">' +\r | |
23 | '<div class="thumbnail-item">' +\r | |
24 | '<div class="thumbnail-icon-wrap icon-' + backgrounds[Ext.profileName] + '">' +\r | |
25 | '<div class="thumbnail-icon icon-{id}"></div>' +\r | |
26 | '</div>' +\r | |
27 | '<div class="thumbnail-text">{text}</div>' +\r | |
28 | '</div>' +\r | |
29 | '</tpl>';\r | |
30 | \r | |
31 | this.callParent();\r | |
32 | }\r | |
33 | });\r |