]> git.proxmox.com Git - extjs.git/blame - extjs/classic/theme-classic-sandbox/sass/example/shortcuts.js
add extjs 6.0.1 sources
[extjs.git] / extjs / classic / theme-classic-sandbox / sass / example / shortcuts.js
CommitLineData
6527f429
DM
1$Shortcuts = {\r
2 'widget.buttongroup': [\r
3 {\r
4 folder: 'btn-group',\r
5 filename: 'btn-group-{ui}-framed-notitle',\r
6 config: {\r
7 columns: 2,\r
8 defaults: {\r
9 scale: 'small'\r
10 },\r
11 items: [{\r
12 xtype:'splitbutton',\r
13 text: 'Menu Button',\r
14 iconCls: 'add16',\r
15 menu: [{text: 'Menu Item 1'}]\r
16 },{\r
17 xtype:'splitbutton',\r
18 text: 'Cut',\r
19 iconCls: 'add16',\r
20 menu: [{text: 'Cut Menu Item'}]\r
21 },{\r
22 text: 'Copy',\r
23 iconCls: 'add16'\r
24 },{\r
25 text: 'Paste',\r
26 iconCls: 'add16',\r
27 menu: [{text: 'Paste Menu Item'}]\r
28 },{\r
29 text: 'Format',\r
30 iconCls: 'add16'\r
31 }]\r
32 }\r
33 },\r
34 {\r
35 folder: 'btn-group',\r
36 filename: 'btn-group-{ui}-framed',\r
37 config: {\r
38 columns: 2,\r
39 title: 'Manifest',\r
40 defaults: {\r
41 scale: 'small'\r
42 },\r
43 items: [{\r
44 xtype:'splitbutton',\r
45 text: 'Menu Button',\r
46 iconCls: 'add16',\r
47 menu: [{text: 'Menu Item 1'}]\r
48 },{\r
49 xtype:'splitbutton',\r
50 text: 'Cut',\r
51 iconCls: 'add16',\r
52 menu: [{text: 'Cut Menu Item'}]\r
53 },{\r
54 text: 'Copy',\r
55 iconCls: 'add16'\r
56 },{\r
57 text: 'Paste',\r
58 iconCls: 'add16',\r
59 menu: [{text: 'Paste Menu Item'}]\r
60 },{\r
61 text: 'Format',\r
62 iconCls: 'add16'\r
63 }]\r
64 }\r
65 }\r
66 ],\r
67\r
68 'widget.progressbar': [\r
69 {\r
70 xtype: 'widget.progressbar',\r
71 folder: 'progress',\r
72 filename: 'progress-{ui}',\r
73 delegate: '.x-progress-bar',\r
74 config: {\r
75 width: 100,\r
76 value: 1,\r
77 animate: false\r
78 }\r
79 }\r
80 ],\r
81\r
82 'widget.tab': [\r
83 {\r
84 xtype: 'widget.tabpanel',\r
85 filename: 'tabpanel-{ui}',\r
86 config: {\r
87 height: 200,\r
88 width: 200,\r
89 items: [{\r
90 title: 'Tab 1',\r
91 html: 'test'\r
92 }, {\r
93 title: 'Tab 2',\r
94 html: 'test'\r
95 }]\r
96 }\r
97 },\r
98 {\r
99 xtype: 'widget.tabpanel',\r
100 filename: 'tab-bar-{ui}',\r
101 folder: 'tab-bar',\r
102 delegate: '.x-tab-bar',\r
103 offsets: {\r
104 bottom: 3,\r
105 left: 1\r
106 },\r
107 config: {\r
108 dock: 'top',\r
109 items: [{\r
110 text: 'Tab 1'\r
111 }],\r
112 width: 300\r
113 }\r
114 },\r
115 {\r
116 filename: 'tab-{ui}-top',\r
117 config: {\r
118 //hack for 4.0.5\r
119 up: function(which) {\r
120 if (which == 'tabbar') {\r
121 return {\r
122 minTabWidth: 20,\r
123 maxTabWidth: 80\r
124 };\r
125 }\r
126 },\r
127 text: 'Normal Top Tab'\r
128 }\r
129 },\r
130 {\r
131 filename: 'tab-{ui}-top-active',\r
132 config: {\r
133 //hack for 4.0.5\r
134 up: function(which) {\r
135 if (which == 'tabbar') {\r
136 return {\r
137 minTabWidth: 20,\r
138 maxTabWidth: 80\r
139 };\r
140 }\r
141 },\r
142 active: true,\r
143 text: 'Active Top Tab'\r
144 }\r
145 },\r
146 {\r
147 filename: 'tab-{ui}-top-over',\r
148 config: {\r
149 //hack for 4.0.5\r
150 up: function(which) {\r
151 if (which == 'tabbar') {\r
152 return {\r
153 minTabWidth: 20,\r
154 maxTabWidth: 80\r
155 };\r
156 }\r
157 },\r
158 cls: 'x-tab-over x-tab-top-over',\r
159 text: 'Over Top Tab'\r
160 }\r
161 },\r
162 {\r
163 filename: 'tab-{ui}-top-disabled',\r
164 config: {\r
165 //hack for 4.0.5\r
166 up: function(which) {\r
167 if (which == 'tabbar') {\r
168 return {\r
169 minTabWidth: 20,\r
170 maxTabWidth: 80\r
171 };\r
172 }\r
173 },\r
174 disabled: true,\r
175 text: 'Disabled Top Tab'\r
176 }\r
177 },\r
178 {\r
179 filename: 'tab-{ui}-bottom',\r
180 config: {\r
181 //hack for 4.0.5\r
182 up: function(which) {\r
183 if (which == 'tabbar') {\r
184 return {\r
185 minTabWidth: 20,\r
186 maxTabWidth: 80\r
187 };\r
188 }\r
189 },\r
190 position: 'bottom',\r
191 text: 'Normal Bottom Tab'\r
192 }\r
193 },\r
194 {\r
195 filename: 'tab-{ui}-bottom-active',\r
196 config: {\r
197 //hack for 4.0.5\r
198 up: function(which) {\r
199 if (which == 'tabbar') {\r
200 return {\r
201 minTabWidth: 20,\r
202 maxTabWidth: 80\r
203 };\r
204 }\r
205 },\r
206 position: 'bottom',\r
207 active: true,\r
208 text: 'Active Bottom Tab'\r
209 }\r
210 },\r
211 {\r
212 filename: 'tab-{ui}-bottom-over',\r
213 config: {\r
214 //hack for 4.0.5\r
215 up: function(which) {\r
216 if (which == 'tabbar') {\r
217 return {\r
218 minTabWidth: 20,\r
219 maxTabWidth: 80\r
220 };\r
221 }\r
222 },\r
223 position: 'bottom',\r
224 cls: 'x-tab-over x-tab-bottom-over',\r
225 text: 'Over Bottom Tab'\r
226 }\r
227 },\r
228 {\r
229 filename: 'tab-{ui}-bottom-disabled',\r
230 config: {\r
231 //hack for 4.0.5\r
232 up: function(which) {\r
233 if (which == 'tabbar') {\r
234 return {\r
235 minTabWidth: 20,\r
236 maxTabWidth: 80\r
237 };\r
238 }\r
239 },\r
240 position: 'bottom',\r
241 disabled: true,\r
242 text: 'Disabled Bottom Tab'\r
243 }\r
244 }\r
245 ],\r
246\r
247 'widget.window': [\r
248 {\r
249 xtype: 'widget.header',\r
250 filename: 'window-header-{ui}-top',\r
251 folder: 'window-header',\r
252 config: {\r
253 title: 'Window Header',\r
254 baseCls: 'x-window-header',\r
255 dock: 'top'\r
256 }\r
257 },\r
258 {\r
259 xtype: 'widget.header',\r
260 filename: 'window-header-{ui}-bottom',\r
261 folder: 'window-header',\r
262 config: {\r
263 title: 'Window Header',\r
264 baseCls: 'x-window-header',\r
265 dock: 'bottom'\r
266 }\r
267 },\r
268 {\r
269 xtype: 'widget.header',\r
270 filename: 'window-header-{ui}-left',\r
271 folder: 'window-header',\r
272 config: {\r
273 title: 'Window Header',\r
274 baseCls: 'x-window-header',\r
275 dock: 'left'\r
276 }\r
277 },\r
278 {\r
279 xtype: 'widget.header',\r
280 filename: 'window-header-{ui}-right',\r
281 folder: 'window-header',\r
282 config: {\r
283 title: 'Window Header',\r
284 baseCls: 'x-window-header',\r
285 dock: 'right'\r
286 }\r
287 },\r
288 {\r
289 xtype: 'widget.window',\r
290 filename: 'window-{ui}',\r
291 title: 'Window',\r
292 config: {\r
293 setup: function(window, ct) {\r
294 this.show();\r
295 },\r
296 floating: {shadow:false},\r
297 height: 200,\r
298 width: 200,\r
299 x: 500,\r
300 y: 10,\r
301 fbar: {\r
302 items: [{\r
303 text: 'Submit'\r
304 }]\r
305 },\r
306 tbar: {\r
307 items: [{\r
308 text: 'Button'\r
309 }]\r
310 }\r
311 }\r
312 }\r
313 ],\r
314\r
315 'widget.panel': [\r
316 //framed panel\r
317 {\r
318 xtype: 'widget.header',\r
319 folder: 'panel-header',\r
320 filename: 'panel-header-{ui}-framed-top',\r
321 offsets: {\r
322 left: 1\r
323 },\r
324 config: {\r
325 title: 'Header',\r
326 baseCls: 'x-panel-header',\r
327 dock: 'top',\r
328 ui: '{ui}-framed'\r
329 }\r
330 },\r
331 {\r
332 xtype: 'widget.header',\r
333 folder: 'panel-header',\r
334 filename: 'panel-header-{ui}-framed-bottom',\r
335 reverse: true,\r
336 offsets: {\r
337 left: 1\r
338 },\r
339 config: {\r
340 title: 'Header',\r
341 baseCls: 'x-panel-header',\r
342 dock: 'bottom',\r
343 ui: '{ui}-framed'\r
344 }\r
345 },\r
346 {\r
347 xtype: 'widget.header',\r
348 folder: 'panel-header',\r
349 filename: 'panel-header-{ui}-framed-left',\r
350 config: {\r
351 title: 'Header',\r
352 baseCls: 'x-panel-header',\r
353 height: 200,\r
354 dock: 'left',\r
355 orientation: 'vertical',\r
356 ui: '{ui}-framed'\r
357 }\r
358 },\r
359 {\r
360 xtype: 'widget.header',\r
361 folder: 'panel-header',\r
362 filename: 'panel-header-{ui}-framed-right',\r
363 reverse: true,\r
364 config: {\r
365 title: 'Header',\r
366 baseCls: 'x-panel-header',\r
367 height: 200,\r
368 dock: 'right',\r
369 orientation: 'vertical',\r
370 ui: '{ui}-framed'\r
371 }\r
372 },\r
373\r
374 {\r
375 xtype: 'widget.header',\r
376 folder: 'panel-header',\r
377 filename: 'panel-header-{ui}-framed-collapsed-top',\r
378 offsets: {\r
379 left: 1\r
380 },\r
381 config: {\r
382 title: 'Header',\r
383 baseCls: 'x-panel-header',\r
384 cls: 'x-collapsed x-panel-header-collapsed x-panel-header-{ui}-framed-collapsed x-collapsed-top x-panel-header-collapsed-top x-panel-header-{ui}-framed-collapsed-top',\r
385 dock: 'top',\r
386 ui: '{ui}-framed'\r
387 }\r
388 },\r
389 {\r
390 xtype: 'widget.header',\r
391 folder: 'panel-header',\r
392 filename: 'panel-header-{ui}-framed-collapsed-bottom',\r
393 reverse: true,\r
394 offsets: {\r
395 left: 1\r
396 },\r
397 config: {\r
398 title: 'Header',\r
399 baseCls: 'x-panel-header',\r
400 cls: 'x-collapsed x-panel-header-collapsed x-panel-header-{ui}-framed-collapsed x-collapsed-bottom x-panel-header-collapsed-bottom x-panel-header-{ui}-framed-collapsed-bottom',\r
401 dock: 'bottom',\r
402 ui: '{ui}-framed'\r
403 }\r
404 },\r
405 {\r
406 xtype: 'widget.header',\r
407 folder: 'panel-header',\r
408 filename: 'panel-header-{ui}-framed-collapsed-left',\r
409 config: {\r
410 title: 'Header',\r
411 baseCls: 'x-panel-header',\r
412 cls: 'x-collapsed x-panel-header-collapsed x-panel-header-{ui}-framed-collapsed x-collapsed-left x-panel-header-collapsed-left x-panel-header-{ui}-framed-collapsed-left',\r
413 height: 200,\r
414 dock: 'left',\r
415 orientation: 'vertical',\r
416 ui: '{ui}-framed'\r
417 }\r
418 },\r
419 {\r
420 xtype: 'widget.header',\r
421 folder: 'panel-header',\r
422 filename: 'panel-header-{ui}-framed-collapsed-right',\r
423 reverse: true,\r
424 config: {\r
425 title: 'Header',\r
426 baseCls: 'x-panel-header',\r
427 cls: 'x-collapsed x-panel-header-collapsed x-panel-header-{ui}-framed-collapsed x-collapsed-right x-panel-header-collapsed-right x-panel-header-{ui}-framed-collapsed-right',\r
428 height: 200,\r
429 dock: 'right',\r
430 orientation: 'vertical',\r
431 ui: '{ui}-framed'\r
432 }\r
433 },\r
434\r
435 {\r
436 xtype: 'widget.panel',\r
437 filename: 'panel-{ui}-framed',\r
438 config: {\r
439 height: 180,\r
440 width: 250,\r
441 frame: true,\r
442 html: 'Framed panel'\r
443 }\r
444 },\r
445\r
446 //panel\r
447 {\r
448 xtype: 'widget.header',\r
449 filename: 'panel-header-{ui}-top',\r
450 offsets: {\r
451 left: 1\r
452 },\r
453 config: {\r
454 title: 'Header',\r
455 baseCls: 'x-panel-header',\r
456 dock: 'top'\r
457 }\r
458 },\r
459 {\r
460 xtype: 'widget.header',\r
461 filename: 'panel-header-{ui}-bottom',\r
462 reverse: true,\r
463 offsets: {\r
464 left: 1\r
465 },\r
466 config: {\r
467 title: 'Header',\r
468 baseCls: 'x-panel-header',\r
469 dock: 'bottom'\r
470 }\r
471 },\r
472 {\r
473 xtype: 'widget.panel',\r
474 folder: 'panel-header',\r
475 filename: 'panel-header-{ui}-left',\r
476 delegate: '.x-panel-header',\r
477 offsets: {\r
478 top: 3\r
479 },\r
480 config: {\r
481 height: 180,\r
482 width: 250,\r
483 title: 'test',\r
484 headerPosition: 'left'\r
485 }\r
486 },\r
487 {\r
488 xtype: 'widget.panel',\r
489 folder: 'panel-header',\r
490 filename: 'panel-header-{ui}-right',\r
491 reverse: true,\r
492 delegate: '.x-panel-header',\r
493 offsets: {\r
494 top: 3\r
495 },\r
496 config: {\r
497 height: 180,\r
498 width: 250,\r
499 title: 'test',\r
500 headerPosition: 'right'\r
501 }\r
502 }\r
503 ],\r
504\r
505 'widget.toolbar': [\r
506 {\r
507 filename: 'toolbar-{ui}',\r
508 config: {\r
509 width: 200,\r
510 items: [{\r
511 text: 'test'\r
512 }]\r
513 }\r
514 }\r
515 ],\r
516\r
517 'widget.button': [\r
518 //small button\r
519 {\r
520 filename: 'btn-{ui}-small',\r
521 config: {\r
522 scale: 'small',\r
523 text: 'Button'\r
524 }\r
525 },\r
526 {\r
527 filename: 'btn-{ui}-small-over',\r
528 config: {\r
529 scale: 'small',\r
530 text: 'Button',\r
531 cls: 'x-btn-{ui}-small-over'\r
532 }\r
533 },\r
534 {\r
535 filename: 'btn-{ui}-small-focus',\r
536 config: {\r
537 scale: 'small',\r
538 text: 'Button',\r
539 cls: 'x-btn-{ui}-small-focus'\r
540 }\r
541 },\r
542 {\r
543 filename: 'btn-{ui}-small-pressed',\r
544 config: {\r
545 scale: 'small',\r
546 text: 'Button',\r
547 cls: 'x-btn-{ui}-small-pressed'\r
548 }\r
549 },\r
550 {\r
551 filename: 'btn-{ui}-small-disabled',\r
552 config: {\r
553 scale: 'small',\r
554 text: 'Button',\r
555 disabled: true\r
556 }\r
557 },\r
558\r
559 //medium button\r
560 {\r
561 filename: 'btn-{ui}-medium',\r
562 config: {\r
563 scale: 'medium',\r
564 text: 'Button'\r
565 }\r
566 },\r
567 {\r
568 filename: 'btn-{ui}-medium-over',\r
569 config: {\r
570 scale: 'medium',\r
571 text: 'Button',\r
572 cls: 'x-btn-{ui}-medium-over'\r
573 }\r
574 },\r
575 {\r
576 filename: 'btn-{ui}-medium-focus',\r
577 config: {\r
578 scale: 'medium',\r
579 text: 'Button',\r
580 cls: 'x-btn-{ui}-medium-focus'\r
581 }\r
582 },\r
583 {\r
584 filename: 'btn-{ui}-medium-pressed',\r
585 config: {\r
586 scale: 'medium',\r
587 text: 'Button',\r
588 cls: 'x-btn-{ui}-medium-pressed'\r
589 }\r
590 },\r
591 {\r
592 filename: 'btn-{ui}-medium-disabled',\r
593 config: {\r
594 scale: 'medium',\r
595 text: 'Button',\r
596 disabled: true\r
597 }\r
598 },\r
599\r
600 //large button\r
601 {\r
602 filename: 'btn-{ui}-large',\r
603 config: {\r
604 scale: 'large',\r
605 text: 'Button'\r
606 }\r
607 },\r
608 {\r
609 filename: 'btn-{ui}-large-over',\r
610 config: {\r
611 scale: 'large',\r
612 text: 'Button',\r
613 cls: 'x-btn-{ui}-large-over'\r
614 }\r
615 },\r
616 {\r
617 filename: 'btn-{ui}-large-focus',\r
618 config: {\r
619 scale: 'large',\r
620 text: 'Button',\r
621 cls: 'x-btn-{ui}-large-focus'\r
622 }\r
623 },\r
624 {\r
625 filename: 'btn-{ui}-large-pressed',\r
626 config: {\r
627 scale: 'large',\r
628 text: 'Button',\r
629 cls: 'x-btn-{ui}-large-pressed'\r
630 }\r
631 },\r
632 {\r
633 filename: 'btn-{ui}-large-disabled',\r
634 config: {\r
635 scale: 'large',\r
636 text: 'Button',\r
637 disabled: true\r
638 }\r
639 },\r
640\r
641 //small toolbar button\r
642 {\r
643 filename: 'btn-{ui}-toolbar-small',\r
644 config: {\r
645 scale: 'small',\r
646 ui: '{ui}-toolbar',\r
647 text: 'Button'\r
648 }\r
649 },\r
650 {\r
651 filename: 'btn-{ui}-toolbar-small-over',\r
652 config: {\r
653 scale: 'small',\r
654 ui: '{ui}-toolbar',\r
655 text: 'Button',\r
656 cls: 'x-btn-{ui}-toolbar-small-over'\r
657 }\r
658 },\r
659 {\r
660 filename: 'btn-{ui}-toolbar-small-focus',\r
661 config: {\r
662 scale: 'small',\r
663 ui: '{ui}-toolbar',\r
664 text: 'Button',\r
665 cls: 'x-btn-{ui}-toolbar-small-focus'\r
666 }\r
667 },\r
668 {\r
669 filename: 'btn-{ui}-toolbar-small-pressed',\r
670 config: {\r
671 scale: 'small',\r
672 ui: '{ui}-toolbar',\r
673 text: 'Button',\r
674 cls: 'x-btn-{ui}-toolbar-small-pressed'\r
675 }\r
676 },\r
677 {\r
678 filename: 'btn-{ui}-toolbar-small-disabled',\r
679 config: {\r
680 scale: 'small',\r
681 ui: '{ui}-toolbar',\r
682 text: 'Button',\r
683 disabled: true\r
684 }\r
685 },\r
686\r
687 //medium toolbar button\r
688 {\r
689 filename: 'btn-{ui}-toolbar-medium',\r
690 config: {\r
691 scale: 'medium',\r
692 ui: '{ui}-toolbar',\r
693 text: 'Button'\r
694 }\r
695 },\r
696 {\r
697 filename: 'btn-{ui}-toolbar-medium-over',\r
698 config: {\r
699 scale: 'medium',\r
700 ui: '{ui}-toolbar',\r
701 text: 'Button',\r
702 cls: 'x-btn-{ui}-toolbar-medium-over'\r
703 }\r
704 },\r
705 {\r
706 filename: 'btn-{ui}-toolbar-medium-focus',\r
707 config: {\r
708 scale: 'medium',\r
709 ui: '{ui}-toolbar',\r
710 text: 'Button',\r
711 cls: 'x-btn-{ui}-toolbar-medium-focus'\r
712 }\r
713 },\r
714 {\r
715 filename: 'btn-{ui}-toolbar-medium-pressed',\r
716 config: {\r
717 scale: 'medium',\r
718 ui: '{ui}-toolbar',\r
719 text: 'Button',\r
720 cls: 'x-btn-{ui}-toolbar-medium-pressed'\r
721 }\r
722 },\r
723 {\r
724 filename: 'btn-{ui}-toolbar-medium-disabled',\r
725 config: {\r
726 scale: 'medium',\r
727 ui: '{ui}-toolbar',\r
728 text: 'Button',\r
729 disabled: true\r
730 }\r
731 },\r
732\r
733 //large toolbar button\r
734 {\r
735 filename: 'btn-{ui}-toolbar-large',\r
736 config: {\r
737 scale: 'large',\r
738 ui: '{ui}-toolbar',\r
739 text: 'Button'\r
740 }\r
741 },\r
742 {\r
743 filename: 'btn-{ui}-toolbar-large-over',\r
744 config: {\r
745 scale: 'large',\r
746 ui: '{ui}-toolbar',\r
747 text: 'Button',\r
748 cls: 'x-btn-{ui}-toolbar-large-over'\r
749 }\r
750 },\r
751 {\r
752 filename: 'btn-{ui}-toolbar-large-focus',\r
753 config: {\r
754 scale: 'large',\r
755 ui: '{ui}-toolbar',\r
756 text: 'Button',\r
757 cls: 'x-btn-{ui}-toolbar-large-focus'\r
758 }\r
759 },\r
760 {\r
761 filename: 'btn-{ui}-toolbar-large-pressed',\r
762 config: {\r
763 scale: 'large',\r
764 ui: '{ui}-toolbar',\r
765 text: 'Button',\r
766 cls: 'x-btn-{ui}-toolbar-large-pressed'\r
767 }\r
768 },\r
769 {\r
770 filename: 'btn-{ui}-toolbar-large-disabled',\r
771 config: {\r
772 scale: 'large',\r
773 ui: '{ui}-toolbar',\r
774 text: 'Button',\r
775 disabled: true\r
776 }\r
777 }\r
778 ]\r
779};\r