added extjs ui

scm-webapp/src/main/webapp/resources/js/layout.js

@@ -0,0 +1,80 @@
+/* 
+ * 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
+      }*/]
+    })]
+  });
+
+});