projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | Ext.define('Admin.view.main.Main', {\r |
| 2 | extend: 'Ext.container.Viewport',\r | |
| 3 | \r | |
| 4 | requires: [\r | |
| 5 | 'Ext.button.Segmented',\r | |
| 6 | 'Ext.list.Tree'\r | |
| 7 | ],\r | |
| 8 | \r | |
| 9 | controller: 'main',\r | |
| 10 | viewModel: 'main',\r | |
| 11 | \r | |
| 12 | cls: 'sencha-dash-viewport',\r | |
| 13 | itemId: 'mainView',\r | |
| 14 | \r | |
| 15 | layout: {\r | |
| 16 | type: 'vbox',\r | |
| 17 | align: 'stretch'\r | |
| 18 | },\r | |
| 19 | \r | |
| 20 | listeners: {\r | |
| 21 | render: 'onMainViewRender'\r | |
| 22 | },\r | |
| 23 | \r | |
| 24 | items: [\r | |
| 25 | {\r | |
| 26 | xtype: 'toolbar',\r | |
| 27 | cls: 'sencha-dash-dash-headerbar shadow',\r | |
| 28 | height: 64,\r | |
| 29 | itemId: 'headerBar',\r | |
| 30 | items: [\r | |
| 31 | {\r | |
| 32 | xtype: 'component',\r | |
| 33 | reference: 'senchaLogo',\r | |
| 34 | cls: 'sencha-logo',\r | |
| 35 | html: '<div class="main-logo"><img src="resources/images/company-logo.png">Sencha</div>',\r | |
| 36 | width: 250\r | |
| 37 | },\r | |
| 38 | {\r | |
| 39 | margin: '0 0 0 8',\r | |
| 40 | ui: 'header',\r | |
| 41 | iconCls:'x-fa fa-navicon',\r | |
| 42 | id: 'main-navigation-btn',\r | |
| 43 | handler: 'onToggleNavigationSize'\r | |
| 44 | },\r | |
| 45 | '->',\r | |
| 46 | {\r | |
| 47 | xtype: 'segmentedbutton',\r | |
| 48 | margin: '0 16 0 0',\r | |
| 49 | \r | |
| 50 | platformConfig: {\r | |
| 51 | ie9m: {\r | |
| 52 | hidden: true\r | |
| 53 | }\r | |
| 54 | },\r | |
| 55 | \r | |
| 56 | items: [{\r | |
| 57 | iconCls: 'x-fa fa-desktop',\r | |
| 58 | pressed: true\r | |
| 59 | }, {\r | |
| 60 | iconCls: 'x-fa fa-tablet',\r | |
| 61 | handler: 'onSwitchToModern'\r | |
| 62 | }]\r | |
| 63 | },\r | |
| 64 | {\r | |
| 65 | iconCls:'x-fa fa-search',\r | |
| 66 | ui: 'header',\r | |
| 67 | href: '#searchresults',\r | |
| 68 | hrefTarget: '_self',\r | |
| 69 | tooltip: 'See latest search'\r | |
| 70 | },\r | |
| 71 | {\r | |
| 72 | iconCls:'x-fa fa-envelope',\r | |
| 73 | ui: 'header',\r | |
| 74 | href: '#email',\r | |
| 75 | hrefTarget: '_self',\r | |
| 76 | tooltip: 'Check your email'\r | |
| 77 | },\r | |
| 78 | {\r | |
| 79 | iconCls:'x-fa fa-question',\r | |
| 80 | ui: 'header',\r | |
| 81 | href: '#faq',\r | |
| 82 | hrefTarget: '_self',\r | |
| 83 | tooltip: 'Help / FAQ\'s'\r | |
| 84 | },\r | |
| 85 | {\r | |
| 86 | iconCls:'x-fa fa-th-large',\r | |
| 87 | ui: 'header',\r | |
| 88 | href: '#profile',\r | |
| 89 | hrefTarget: '_self',\r | |
| 90 | tooltip: 'See your profile'\r | |
| 91 | },\r | |
| 92 | {\r | |
| 93 | xtype: 'tbtext',\r | |
| 94 | text: 'Goff Smith',\r | |
| 95 | cls: 'top-user-name'\r | |
| 96 | },\r | |
| 97 | {\r | |
| 98 | xtype: 'image',\r | |
| 99 | cls: 'header-right-profile-image',\r | |
| 100 | height: 35,\r | |
| 101 | width: 35,\r | |
| 102 | alt:'current user image',\r | |
| 103 | src: 'resources/images/user-profile/2.png'\r | |
| 104 | }\r | |
| 105 | ]\r | |
| 106 | },\r | |
| 107 | {\r | |
| 108 | xtype: 'maincontainerwrap',\r | |
| 109 | id: 'main-view-detail-wrap',\r | |
| 110 | reference: 'mainContainerWrap',\r | |
| 111 | flex: 1,\r | |
| 112 | items: [\r | |
| 113 | {\r | |
| 114 | xtype: 'treelist',\r | |
| 115 | reference: 'navigationTreeList',\r | |
| 116 | itemId: 'navigationTreeList',\r | |
| 117 | ui: 'navigation',\r | |
| 118 | store: 'NavigationTree',\r | |
| 119 | width: 250,\r | |
| 120 | expanderFirst: false,\r | |
| 121 | expanderOnly: false,\r | |
| 122 | listeners: {\r | |
| 123 | selectionchange: 'onNavigationTreeSelectionChange'\r | |
| 124 | }\r | |
| 125 | },\r | |
| 126 | {\r | |
| 127 | xtype: 'container',\r | |
| 128 | flex: 1,\r | |
| 129 | reference: 'mainCardPanel',\r | |
| 130 | cls: 'sencha-dash-right-main-container',\r | |
| 131 | itemId: 'contentPanel',\r | |
| 132 | layout: {\r | |
| 133 | type: 'card',\r | |
| 134 | anchor: '100%'\r | |
| 135 | }\r | |
| 136 | }\r | |
| 137 | ]\r | |
| 138 | }\r | |
| 139 | ]\r | |
| 140 | });\r |