mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-13 08:55:44 +01:00
80 lines
2.1 KiB
JavaScript
80 lines
2.1 KiB
JavaScript
|
/*
|
||
|
|
* To change this template, choose Tools | Templates
|
||
|
|
* and open the template in the editor.
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
Ext.onReady(function(){
|
||
|
|
|
||
|
|
// NOTE: This is an example showing simple state management. During development,
|
||
|
|
// it is generally best to disable state management as dynamically-generated ids
|
||
|
|
// can change across page loads, leading to unpredictable results. The developer
|
||
|
|
// should ensure that stable state ids are set for stateful components in real apps.
|
||
|
|
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
|
||
|
|
|
||
|
|
var viewport = new Ext.Viewport({
|
||
|
|
layout: 'border',
|
||
|
|
items: [
|
||
|
|
// create instance immediately
|
||
|
|
new Ext.BoxComponent({
|
||
|
|
region: 'north',
|
||
|
|
id: 'north-panel',
|
||
|
|
contentEl: 'north',
|
||
|
|
height: 75
|
||
|
|
}), {
|
||
|
|
region: 'west',
|
||
|
|
id: 'west-panel', // see Ext.getCmp() below
|
||
|
|
title: 'West',
|
||
|
|
split: true,
|
||
|
|
width: 200,
|
||
|
|
minSize: 175,
|
||
|
|
maxSize: 400,
|
||
|
|
collapsible: true,
|
||
|
|
margins: '0 0 0 5',
|
||
|
|
layout: {
|
||
|
|
type: 'accordion',
|
||
|
|
animate: true
|
||
|
|
},
|
||
|
|
items: [{
|
||
|
|
contentEl: 'west',
|
||
|
|
title: 'Navigation',
|
||
|
|
border: false,
|
||
|
|
iconCls: 'nav' // see the HEAD section for style used
|
||
|
|
}, {
|
||
|
|
title: 'Settings',
|
||
|
|
contentEl: 'settings',
|
||
|
|
border: false,
|
||
|
|
iconCls: 'settings'
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
new Ext.BoxComponent({
|
||
|
|
region: 'south',
|
||
|
|
id: 'south-panel',
|
||
|
|
contentEl: 'south',
|
||
|
|
height: 16,
|
||
|
|
margins: '2 2 2 5'
|
||
|
|
}),
|
||
|
|
// in this instance the TabPanel is not wrapped by another panel
|
||
|
|
// since no title is needed, this Panel is added directly
|
||
|
|
// as a Container
|
||
|
|
new Ext.TabPanel({
|
||
|
|
region: 'center', // a center region is ALWAYS required for border layout
|
||
|
|
deferredRender: false,
|
||
|
|
activeTab: 0, // first tab initially active
|
||
|
|
items: [{
|
||
|
|
id: 't_group',
|
||
|
|
//contentEl: 'repository-tab',
|
||
|
|
xtype: 'groupGrid',
|
||
|
|
title: 'Groups',
|
||
|
|
// closable: true,
|
||
|
|
autoScroll: true
|
||
|
|
}/*,{
|
||
|
|
id: 't_repository',
|
||
|
|
xtype: 'repositoryGrid',
|
||
|
|
title: 'Repositories',
|
||
|
|
autoScroll: true
|
||
|
|
}*/]
|
||
|
|
})]
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|