Added Workspace Tree support

git-svn-id: https://svn.d4science.research-infrastructures.eu/gcube/trunk/portlets/user/tabular-data-portlet@74920 82a268e6-3cf1-43bd-a215-b396298e98cf

pom.xml

@@ -32,7 +32,6 @@
 		<dependency>
 			<groupId>com.google.gwt</groupId>
 			<artifactId>gwt-user</artifactId>
-			<version>2.4.0</version>
 			<scope>provided</scope>
 		</dependency>
 
@@ -46,8 +45,6 @@
 		<dependency>
 			<groupId>com.allen-sauer.gwt.log</groupId>
 			<artifactId>gwt-log</artifactId>
-			<version>3.1.8</version>
-			<scope>provided</scope>
 		</dependency>
 		<dependency>
 			<groupId>org.slf4j</groupId>
@@ -68,6 +65,17 @@
 			<groupId>org.gcube.portal</groupId>
 			<artifactId>custom-portal-handler</artifactId>
 		</dependency>
+		
+		<!-- WORKSPACE -->
+		<dependency>
+			<groupId>org.gcube.portlets.user</groupId>
+			<artifactId>workspace-tree-widget</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>com.extjs.gxt</groupId>
+			<artifactId>gxt</artifactId>
+			<version>2.2.5</version>
+		</dependency>
 
 	</dependencies>
 

src/main/java/org/gcube/portlets/user/td/client/TabularDataPortlet.java

@@ -2,16 +2,31 @@ package org.gcube.portlets.user.td.client;
 
 import org.gcube.portlets.user.td.client.rpc.GreetingService;
 import org.gcube.portlets.user.td.client.rpc.GreetingServiceAsync;
+import org.gcube.portlets.user.td.client.toolbar.TabularDataTooBar;
+import org.gcube.portlets.user.workspace.client.AppControllerExplorer;
+import org.gcube.portlets.user.workspace.client.view.ExplorerPanel;
+import org.gcube.portlets.user.workspace.client.view.tree.AsyncTreePanel;
 
 import com.allen_sauer.gwt.log.client.Log;
 import com.google.gwt.core.client.EntryPoint;
 import com.google.gwt.core.client.GWT;
 import com.google.gwt.core.client.Scheduler;
 import com.google.gwt.core.client.Scheduler.ScheduledCommand;
+import com.google.gwt.user.client.ui.HTML;
 import com.google.gwt.user.client.ui.RootPanel;
 import com.google.gwt.user.client.ui.VerticalPanel;
 import com.google.gwt.user.client.ui.Widget;
+import com.google.web.bindery.event.shared.EventBus;
+import com.sencha.gxt.core.client.util.Margins;
+import com.sencha.gxt.widget.core.client.ContentPanel;
+import com.sencha.gxt.widget.core.client.TabPanel;
+import com.sencha.gxt.widget.core.client.TabPanel.TabPanelAppearance;
 import com.sencha.gxt.widget.core.client.button.TextButton;
+import com.sencha.gxt.widget.core.client.container.BorderLayoutContainer;
+import com.sencha.gxt.widget.core.client.container.BorderLayoutContainer.BorderLayoutData;
+import com.sencha.gxt.widget.core.client.container.MarginData;
+import com.sencha.gxt.widget.core.client.container.NorthSouthContainer;
+import com.sencha.gxt.widget.core.client.container.SimpleContainer;
 import com.sencha.gxt.widget.core.client.container.Viewport;
 import com.sencha.gxt.widget.core.client.event.SelectEvent;
 import com.sencha.gxt.widget.core.client.event.SelectEvent.SelectHandler;
@@ -23,6 +38,15 @@ import com.sencha.gxt.widget.core.client.info.Info;
 public class TabularDataPortlet implements EntryPoint {
 
 	protected static final String JSP_TAG_ID = "tdp";
+	
+	/**
+	 * 
+	 */
+	public static final int TOOLBOX_WIDTH = 300;
+	/**
+	 * 
+	 */
+	public static final int TOOLBOX_HEIGHT= 800;
 
 
 	/**
@@ -52,7 +76,59 @@ public class TabularDataPortlet implements EntryPoint {
 
 
 	protected void loadMainPanel() {
-		VerticalPanel mainPanel = new VerticalPanel();
+		
+		TabularDataController controller = new TabularDataController();
+		EventBus eventBus = controller.getEventBus();
+		
+		final BorderLayoutContainer mainPanelLayout = new BorderLayoutContainer();
+	    mainPanelLayout.setBorders(true);
+	 
+	    TabularDataTooBar tabularDataTooBar = new TabularDataTooBar(eventBus);
+	    Widget toolBarPanel = tabularDataTooBar.getContainer();
+	    
+	    BorderLayoutData toolBarData = new BorderLayoutData(122);
+	    toolBarData.setMargins(new Margins(5));
+	    toolBarData.setCollapsible(false);
+	    toolBarData.setSplit(false);
+	    
+	    mainPanelLayout.setNorthWidget(toolBarPanel, toolBarData);
+	    
+
+	    AppControllerExplorer workspaceTree = new AppControllerExplorer();
+	    
+	    
+	    
+	    ContentPanel workspaceTreePanel = new ContentPanel();
+	    workspaceTreePanel.setHeaderVisible(false);
+	    
+		ExplorerPanel explorerPanel = workspaceTree.getPanel();
+		AsyncTreePanel asyncTreePanel = explorerPanel.getAsycTreePanel();
+		asyncTreePanel.setSizeTreePanel(TOOLBOX_WIDTH, TOOLBOX_HEIGHT);//
+		asyncTreePanel.setHeaderTreeVisible(false);
+	    workspaceTreePanel.add(asyncTreePanel);
+	    
+	    BorderLayoutData workspaceTreeData = new BorderLayoutData(TOOLBOX_WIDTH);
+	    workspaceTreeData.setCollapsible(true);
+	    workspaceTreeData.setSplit(true);
+	    workspaceTreeData.setCollapseMini(true);
+	    workspaceTreeData.setMargins(new Margins(0, 5, 0, 5));
+	    
+	    mainPanelLayout.setWestWidget(workspaceTreePanel, workspaceTreeData);
+	    
+	    
+	    ContentPanel grid = new ContentPanel();
+	    grid.setHeadingText("Grid panel");
+	    
+	    MarginData gridData = new MarginData();
+	    mainPanelLayout.setCenterWidget(grid, gridData);
+
+	 
+	    SimpleContainer mainPanel = new SimpleContainer();
+	    mainPanel.add(mainPanelLayout);
+	    
+	    
+	    
+		/*VerticalPanel mainPanel = new VerticalPanel();
 
 		TextButton button = new TextButton("Test");
 		button.addSelectHandler(new SelectHandler() {
@@ -62,7 +138,7 @@ public class TabularDataPortlet implements EntryPoint {
 				Info.display("Button event", "Button pressed");
 			}
 		});
-		mainPanel.add(button);
+		mainPanel.add(button);*/
 
 		bind(mainPanel);
 	}
@@ -77,7 +153,11 @@ public class TabularDataPortlet implements EntryPoint {
 			RootPanel.get().add(viewport);
 		} else {
 			Log.trace("Application div with id "+JSP_TAG_ID+" found, starting in portal mode");
-			root.add(mainWidget);
+			PortalViewport viewport = new PortalViewport();
+			//viewport.setEnableScroll(true);
+			viewport.setWidget(mainWidget);
+			//RootPanel.get()
+			root.add(viewport);
 		}
 	}
 }

src/main/resources/org/gcube/portlets/user/td/TabularDataPortlet.gwt.xml

@@ -6,11 +6,17 @@
   <!-- Other module inherits                                      -->
   <inherits name='com.sencha.gxt.ui.GXT' />
   <inherits name="com.allen_sauer.gwt.log.gwt-log-TRACE" />
+  <inherits name='org.gcube.portlets.user.workspace.WorkspaceTree' />
 
   <!-- Specify the app entry point class.                         -->
   <entry-point class='org.gcube.portlets.user.td.client.TabularDataPortlet' />
   
   <set-property name="log_DivLogger" value="DISABLED" />
+  <set-property name="log_ConsoleLogger" value="ENABLED" />
+  <set-property name="log_FirebugLogger" value="ENABLED" />
+  <set-property name="log_GWTLogger" value="ENABLED" />
+  <set-property name="log_SystemLogger" value="ENABLED" />
+  
   
 
   <!-- Specify the paths for translatable code                    -->

src/main/webapp/TabularDataPortlet.html

@@ -8,6 +8,7 @@
     <!-- Consider inlining CSS to reduce the number of requested files -->
     <!--                                                               -->
     <link type="text/css" rel="stylesheet" href="TabularDataPortlet.css">
+    <link rel="stylesheet" type="text/css" href="tabulardataportlet/reset.css" />
 
     <!--                                           -->
     <!-- Any title is fine                         -->
@@ -20,6 +21,8 @@
     <!-- be added before this line.                -->
     <!--                                           -->
     <script type="text/javascript" language="javascript" src="tabulardataportlet/tabulardataportlet.nocache.js"></script>
+    <link rel="stylesheet" type="text/css" href="gxt/css/gxt-all.css" />
+
   </head>
 
   <!--                                           -->
@@ -39,6 +42,8 @@
         in order for this application to display correctly.
       </div>
     </noscript>
+    <!--<div id="tdp" style="width: 100%; height: 100%">
+	</div>-->
 
   </body>
 </html>

src/main/webapp/WEB-INF/jsp/TabularDataPortlet_view.jsp

@@ -6,8 +6,9 @@
 <!-- between html and your Web Toolkit module  -->		
                                            
 <script src='<%=request.getContextPath()%>/tabulardataportlet/tabulardataportlet.nocache.js'></script>
-    
+<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/gxt/css/gxt-all.css" />
 <link rel="stylesheet" href="<%= request.getContextPath()%>/TabularDataPortlet.css" type="text/css">
+<link rel="stylesheet" href="<%= request.getContextPath()%>/tabulardataportlet/reset.css" type="text/css"/>
  
 <div id="tdp" style="width: 100%; height: 100%">
 </div>

src/main/webapp/WEB-INF/web.xml

@@ -5,20 +5,31 @@
 
 <web-app>
 
-  <!-- Servlets -->
-  <servlet>
-    <servlet-name>greetServlet</servlet-name>
-    <servlet-class>org.gcube.portlets.user.td.server.GreetingServiceImpl</servlet-class>
-  </servlet>
+	<!-- Servlets -->
+	<servlet>
+		<servlet-name>greetServlet</servlet-name>
+		<servlet-class>org.gcube.portlets.user.td.server.GreetingServiceImpl</servlet-class>
+	</servlet>
 
-  <servlet-mapping>
-    <servlet-name>greetServlet</servlet-name>
-    <url-pattern>/tabulardataportlet/greet</url-pattern>
-  </servlet-mapping>
+	<servlet-mapping>
+		<servlet-name>greetServlet</servlet-name>
+		<url-pattern>/tabulardataportlet/greet</url-pattern>
+	</servlet-mapping>
 
-  <!-- Default page to serve -->
-  <welcome-file-list>
-    <welcome-file>TabularDataPortlet.html</welcome-file>
-  </welcome-file-list>
+	<!-- Workspace Tree -->
+	<servlet>
+		<servlet-name>WorkspaceService</servlet-name>
+		<servlet-class>org.gcube.portlets.user.workspace.server.GWTWorkspaceServiceImpl</servlet-class>
+	</servlet>
+
+	<servlet-mapping>
+		<servlet-name>WorkspaceService</servlet-name>
+		<url-pattern>/tabulardataportlet/WorkspaceService</url-pattern>
+	</servlet-mapping>
+
+	<!-- Default page to serve -->
+	<welcome-file-list>
+		<welcome-file>TabularDataPortlet.html</welcome-file>
+	</welcome-file-list>
 
 </web-app>

src/main/webapp/gxt/css/gxt-gray.css

@@ -0,0 +1,493 @@
+.x-panel {
+    border-style: solid;
+    border-color: #d0d0d0;
+}
+.x-panel-header {
+    color:#333;
+	border:1px solid #d0d0d0;
+    background-image:url(../images/gray/panel/white-top-bottom.gif);
+}
+
+.x-panel-body {
+    border-color:#d0d0d0;
+}
+
+.x-panel-bbar .x-toolbar {
+    border-color:#d0d0d0;
+}
+
+.x-panel-tbar .x-toolbar {
+    border-color:#d0d0d0;
+}
+
+.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
+    border-color:#d0d0d0;
+}
+.x-panel-body-noheader, .x-panel-mc .x-panel-body {
+    border-color:#d0d0d0;
+}
+.x-panel-tl .x-panel-header {
+    color:#333;
+}
+.x-panel-tc {
+	background-image:url(../images/gray/panel/top-bottom.gif);
+}
+.x-panel-tl {
+	background-image:url(../images/gray/panel/corners-sprite.gif);
+    border-color:#d0d0d0;
+}
+.x-panel-tr {
+	background-image:url(../images/gray/panel/corners-sprite.gif);
+}
+.x-panel-bc {
+	background-image:url(../images/gray/panel/top-bottom.gif);
+}
+.x-panel-bl {
+	background-image:url(../images/gray/panel/corners-sprite.gif);
+}
+.x-panel-br {
+	background-image:url(../images/gray/panel/corners-sprite.gif);
+}
+.x-panel-mc {
+    background:#f1f1f1;
+}
+.x-panel-mc .x-panel-body {
+    background:transparent;
+    border: 0 none;
+}
+.x-panel-ml {
+	background-image:url(../images/gray/panel/left-right.gif);
+}
+.x-panel-mr {
+	background-image:url(../images/gray/panel/left-right.gif);
+}
+
+/* Tools */
+.x-tool {
+    background-image:url(../images/gray/panel/tool-sprites.gif);
+}
+
+/* Ghosting */
+.x-panel-ghost {
+    background:#e0e0e0;
+}
+
+.x-panel-ghost ul {
+    border-color:#b0b0b0;
+}
+
+.x-grid-panel .x-panel-mc .x-panel-body {
+    border:1px solid #d0d0d0;
+}
+
+/* Buttons */
+
+.x-btn-left{
+	background-image:url(../images/gray/button/btn-sprite.gif);
+}
+.x-btn-right{
+	background-image:url(../images/gray/button/btn-sprite.gif);
+}
+.x-btn-center{
+	background-image:url(../images/gray/button/btn-sprite.gif);
+}
+
+.x-btn-group-header {
+    color: #333333;
+}
+.x-btn-group-tc {
+	background-image: url(../images/gray/button/group-tb.gif);
+}
+.x-btn-group-tl {
+	background-image: url(../images/gray/button/group-cs.gif);
+}
+.x-btn-group-tr {
+	background-image: url(../images/gray/button/group-cs.gif);
+}
+.x-btn-group-bc {
+	background-image: url(../images/gray/button/group-tb.gif);
+}
+.x-btn-group-bl {
+	background-image: url(../images/gray/button/group-cs.gif);
+}
+.x-btn-group-br {
+	background-image: url(../images/gray/button/group-cs.gif);
+}
+.x-btn-group-ml {
+	background-image: url(../images/gray/button/group-lr.gif);
+}
+.x-btn-group-mr {
+	background-image: url(../images/gray/button/group-lr.gif);
+}
+.x-btn-group-notitle .x-btn-group-tc {
+	background-image: url(../images/gray/button/group-tb.gif);
+}
+
+/* Layout classes */
+
+.x-border-layout-ct {
+    background:#f0f0f0;
+}
+
+.x-accordion-hd {
+	background-image:url(../images/gray/panel/light-hd.gif);
+}
+
+.x-layout-collapsed{
+    background-color:#eee;
+    border-color:#e0e0e0;
+}
+.x-layout-collapsed-over{
+	 background-color:#fbfbfb;
+}
+
+
+/* qtips */
+.x-tip .x-tip-top {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-top-left {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-top-right {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-ft {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-ft-left {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-ft-right {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-bd-left {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-bd-right {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+
+/* Toolbars */
+
+.x-toolbar{
+	border-color:#d0d0d0;
+    background:#f0f4f5 url(../images/gray/toolbar/bg.gif) repeat-x top left;
+}
+.x-toolbar button {
+    color:#444;
+}
+.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
+    background-image:url(../images/gray/toolbar/btn-arrow.gif);
+}
+.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
+    background-image:url(../images/gray/toolbar/btn-arrow.gif);
+}
+.x-toolbar .x-btn-over .x-btn-left{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+.x-toolbar .x-btn-over .x-btn-right{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+.x-toolbar .x-btn-over .x-btn-center{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+.x-toolbar .x-btn-over button {
+    color:#111;
+}
+.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+
+.x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+.x-toolbar .xtb-sep {
+	background-image: url(../images/gray/grid/grid-split.gif);
+}
+
+/* Tabs */
+
+.x-tab-panel-header, .x-tab-panel-footer {
+	background: #EAEAEA;
+	border-color:#d0d0d0;
+}
+
+
+.x-tab-panel-header {
+	border-color:#d0d0d0;
+}
+
+.x-tab-panel-footer {
+	border-color:#d0d0d0;
+}
+
+ul.x-tab-strip-top{
+	background:#dbdbdb url(../images/gray/tabs/tab-strip-bg.gif) repeat-x left top;
+	border-color:#d0d0d0;
+    padding-top: 2px;
+}
+
+ul.x-tab-strip-bottom{
+	background-image:url(../images/gray/tabs/tab-strip-btm-bg.gif);
+	border-color:#d0d0d0;
+}
+
+.x-tab-strip span.x-tab-strip-text {
+	color:#333;
+}
+.x-tab-strip-over span.x-tab-strip-text {
+	color:#111;
+}
+
+.x-tab-strip-active span.x-tab-strip-text {
+	color:#333;
+}
+
+.x-tab-strip-disabled .x-tabs-text {
+	color:#aaaaaa;
+}
+
+.x-tab-strip-top .x-tab-right {
+	background-image:url(../images/gray/tabs/tabs-sprite.gif);
+}
+
+.x-tab-strip-top .x-tab-left {
+	background-image:url(../images/gray/tabs/tabs-sprite.gif);
+}
+.x-tab-strip-top .x-tab-strip-inner {
+	background-image:url(../images/gray/tabs/tabs-sprite.gif);
+}
+
+.x-tab-strip-bottom .x-tab-right {
+	background-image:url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-left {
+	background-image:url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+	background-image:url(../images/gray/tabs/tab-btm-right-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
+	background-image:url(../images/gray/tabs/tab-btm-left-bg.gif);
+}
+
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+	background-image:url(../images/gray/tabs/tab-close.gif);
+}
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
+	background-image:url(../images/gray/tabs/tab-close.gif);
+}
+
+.x-tab-panel-body {
+    border-color:#d0d0d0;
+    background:#fff;
+}
+.x-tab-panel-bbar .x-toolbar {
+    border-color: #d0d0d0;
+}
+
+.x-tab-panel-tbar .x-toolbar {
+    border-color: #d0d0d0;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-spacer {
+    border-color:#d0d0d0;
+    background: #eaeaea;
+}
+
+.x-tab-scroller-left {
+    background-image: url(../images/gray/tabs/scroll-left.gif);
+    border-color:#aeaeae;
+}
+.x-tab-scroller-right {
+    background-image: url(../images/gray/tabs/scroll-right.gif);
+    border-color:#aeaeae;
+}
+
+/* Window */
+
+.x-window-proxy {
+    background:#e0e0e0;
+    border-color:#b0b0b0;
+}
+
+.x-window-tl .x-window-header {
+    color:#555;
+}
+.x-window-tc {
+	background-image:url(../images/gray/window/top-bottom.png);
+}
+.x-window-tl {
+	background-image:url(../images/gray/window/left-corners.png);
+}
+.x-window-tr {
+	background-image:url(../images/gray/window/right-corners.png);
+}
+.x-window-bc {
+	background-image:url(../images/gray/window/top-bottom.png);
+}
+.x-window-bl {
+	background-image:url(../images/gray/window/left-corners.png);
+}
+.x-window-br {
+	background-image:url(../images/gray/window/right-corners.png);
+}
+.x-window-mc {
+    border:1px solid #d0d0d0;
+    background:#e8e8e8;
+}
+.ext-ie .x-window-plain .x-window-mc {
+    background-color: #e3e3e3;
+}
+
+.x-window-ml {
+	background-image:url(../images/gray/window/left-right.png);
+}
+.x-window-mr {
+	background-image:url(../images/gray/window/left-right.png);
+}
+.x-panel-ghost .x-window-tl {
+    border-color:#d0d0d0;
+}
+.x-panel-collapsed .x-window-tl {
+    border-color:#d0d0d0;
+}
+
+.x-window-plain .x-window-mc {
+    background: #e8e8e8;
+    border-right:1px solid #eee;
+    border-bottom:1px solid #eee;
+    border-top:1px solid #d0d0d0;
+    border-left:1px solid #d0d0d0;
+}
+
+.x-window-plain .x-window-body {
+    border-left:1px solid #eee;
+    border-top:1px solid #eee;
+    border-bottom:1px solid #d0d0d0;
+    border-right:1px solid #d0d0d0;
+    background:transparent !important;
+}
+
+body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
+    background-color: #e4e4e4;
+}
+
+
+/* misc */
+.x-html-editor-wrap {
+    border-color:#d0d0d0;
+}
+
+/* Borders go last for specificity */
+.x-panel-noborder .x-panel-body-noborder {
+    border-width:0;
+}
+
+.x-panel-noborder .x-panel-header-noborder {
+    border-width:0;
+    border-bottom:1px solid #d0d0d0;
+}
+
+.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
+    border-width:0;
+    border-bottom:1px solid #d0d0d0;
+}
+
+.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
+    border-width:0;
+    border-top:1px solid #d0d0d0;
+}
+
+.x-window-noborder .x-window-mc {
+    border-width:0;
+}
+.x-window-plain .x-window-body-noborder {
+    border-width:0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-body-noborder {
+	border-width:0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-header-noborder {
+	border-top-width:0;
+	border-left-width:0;
+	border-right-width:0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-footer-noborder {
+	border-bottom-width:0;
+	border-left-width:0;
+	border-right-width:0;
+}
+
+
+.x-tab-panel-bbar-noborder .x-toolbar {
+    border-width:0;
+    border-top:1px solid #d0d0d0;
+}
+
+.x-tab-panel-tbar-noborder .x-toolbar {
+    border-width:0;
+    border-bottom:1px solid #d0d0d0;
+}
+
+.x-spinner-field .x-form-spinner-up {
+  background-image: url('../images/gray/form/spinner.gif');
+}
+.x-spinner-field .x-form-spinner-down {
+  background-image: url('../images/gray/form/spinner.gif');
+}.x-accordion-hd {
+	background-color: #e5e5e5;
+}.x-border {
+  border: 1px solid #D0D0D0;
+}
+
+.x-layout-popup {
+  background-color: #F0F0F0;
+  border: 1px solid #D0D0D0;
+}
+
+.my-list {
+  border: 1px solid #D0D0D0;
+}
+
+.x-view {
+  border:1px solid #D0D0D0;
+}
+
+.x-menubar {
+  border-color: #D0D0D0;
+  background-color: #F0F0F0;
+  background-image: url(../images/gray/toolbar/bg.gif);
+}
+
+.x-menubar-item-active {
+  background-color: #D9E8FB;
+}
+
+.x-menubar-item-active {
+  background-color: #D9E8FB;
+}.x-date-right-icon {
+  background-image: url(../images/default/shared/right-btn.gif);
+  margin-right: 2px;
+  text-decoration: none !important;
+}
+
+.x-date-left-icon {
+  background-image: url(../images/default/shared/left-btn.gif);
+  margin-right: 2px;
+  text-decoration: none !important;
+}.my-tbl {
+	border: 1px solid #C6C5C5;
+}.my-treetbl {
+	border: 1px solid #C6C5C5;
+}

src/main/webapp/gxt/desktop/css/desktop.css

@@ -0,0 +1,638 @@
+/*
+ * Ext JS Library 2.1
+ * Copyright(c) 2006-2008, Ext JS, LLC.
+ * licensing@extjs.com
+ * 
+ * http://extjs.com/license
+ */
+html,body {
+  background: #3d71b8 url(../wallpapers/desktop.jpg) no-repeat left top;
+  font: normal 12px tahoma, arial, verdana, sans-serif;
+  margin: 0;
+  padding: 0;
+  border: 0 none;
+  overflow: hidden;
+  height: 100%;
+}
+
+.start {
+  background-image: url( ../images/taskbar/black/startbutton-icon.gif ) !important;
+}
+
+.bogus {
+  background-image: url( ../images/bogus.png ) !important;
+}
+
+.logout {
+  background-image: url( ../images/logout.gif ) !important;
+}
+
+.settings {
+  background-image: url( ../images/gears.gif ) !important;
+}
+
+#dpanels {
+  width: 250px;
+  float: right;
+}
+
+#dpanels .x-panel {
+  margin: 15px;
+}
+
+#dpanels .x-date-picker {
+  border: 0 none;
+  border-top: 0 none;
+  background: transparent;
+}
+
+#dpanels .x-date-picker td.x-date-active {
+  background: #ffffff;
+}
+
+#dpanels .x-date-picker {
+  width: 100% !important;
+}
+
+#x-desktop {
+  width: 100%;
+  height: 100%;
+  border: 0 none;
+  position: relative;
+  overflow: hidden;
+  zoom: 1;
+}
+
+#ux-taskbar .x-btn {
+  float: left;
+  margin: 1px 0 0 1px;
+  position: relative;
+}
+
+#ux-taskbar-start .x-btn {
+  float: left;
+  margin: 0;
+  position: relative;
+}
+
+#ux-taskbar button { /* width: 150px;
+	overflow: hidden; */
+  text-align: left;
+  color: #ffffff;
+}
+
+#title-bar-wrapper {
+  height: 35px;
+}
+
+#title-bar {
+  color: #225599;
+  padding: 9px 7px;
+  font: bold 16px tahoma, arial, verdana, sans-serif;
+  float: left;
+}
+
+#x-logout {
+  float: right;
+  padding: 6px 7px;
+}
+
+.x-btn-text-icon .x-btn-center .logout {
+  background-position: 0pt 3px;
+  background-repeat: no-repeat;
+  padding: 3px 0pt 3px 18px;
+}
+
+#ux-taskbar {
+  background: transparent none;
+  height: 30px;
+  margin: 0;
+  padding: 0;
+  position: relative;
+  z-index: 12001;
+}
+
+.x-btn-icon .ux-taskbutton-center .x-btn-text {
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 16px;
+  width: 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  padding: 0;
+}
+
+.x-btn-icon .ux-taskbutton-center {
+  padding: 1px;
+}
+
+.ux-startbutton-center .x-btn-text {
+  color: #000000 !important;
+  font-weight: bold;
+}
+
+.ux-taskbutton-left,.ux-taskbutton-right {
+  font-size: 1px;
+  line-height: 1px;
+}
+
+.ux-taskbutton-left {
+  width: 4px;
+  height: 28px;
+  background: url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 0;
+}
+
+.ux-taskbutton-right {
+  width: 4px;
+  height: 28px;
+  background: url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 -28px;
+}
+
+.ux-taskbutton-left i,.ux-taskbutton-right i {
+  display: block;
+  width: 4px;
+  overflow: hidden;
+  font-size: 1px;
+  line-height: 1px;
+}
+
+.ux-taskbutton-center {
+  background: url( ../images/taskbar/black/taskbutton.gif ) repeat-x 0 -56px;
+  vertical-align: middle;
+  text-align: center;
+  padding: 0 5px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+#ux-taskbar .ux-taskbutton-left {
+  background-position: 0 0;
+}
+
+#ux-taskbar .ux-taskbutton-right {
+  background-position: 0 -28px;
+}
+
+#ux-taskbar .ux-taskbutton-center {
+  background-position: 0 -56px;
+}
+
+#ux-taskbar .x-btn-over .ux-taskbutton-left {
+  background-position: 0 -252px;
+}
+
+#ux-taskbar .x-btn-over  .ux-taskbutton-right {
+  background-position: 0 -280px;
+}
+
+#ux-taskbar .x-btn-over .ux-taskbutton-center {
+  background-position: 0 -308px;
+}
+
+#ux-taskbar .x-btn-click .ux-taskbutton-left {
+  background-position: 0 -168px;
+}
+
+#ux-taskbar .x-btn-click  .ux-taskbutton-right {
+  background-position: 0 -196px;
+}
+
+#ux-taskbar .x-btn-click .ux-taskbutton-center {
+  background-position: 0 -224px;
+}
+
+#ux-taskbar .active-win .ux-taskbutton-left {
+  background-position: 0 -84px;
+}
+
+#ux-taskbar .active-win  .ux-taskbutton-right {
+  background: url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 -112px;
+}
+
+#ux-taskbar .active-win .ux-taskbutton-center {
+  background: url( ../images/taskbar/black/taskbutton.gif ) repeat-x 0 -140px;
+}
+
+#ux-taskbar .active-win .ux-taskbutton-center button {
+  color: #fff;
+}
+
+#spacer {
+  height: 25px;
+  float: left;
+  width: 0;
+  overflow: hidden;
+  margin-top: 2px;
+}
+
+.x-window-body p,.x-panel-body p {
+  padding: 10px;
+  margin: 0;
+}
+
+.x-window-maximized .x-window-bc {
+  height: 0;
+}
+
+.add {
+  background-image: url(../../shared/icons/fam/add.gif) !important;
+}
+
+.option {
+  background-image: url(../../shared/icons/fam/plugin.gif) !important;
+}
+
+.remove {
+  background-image: url(../../shared/icons/fam/delete.gif) !important;
+}
+
+.tabs {
+  background-image: url(../images/tabs.gif) !important;
+}
+
+.ux-start-menu {
+  background: transparent none;
+  border: 0px none;
+  padding: 0;
+}
+
+.ux-start-menu-tl .x-window-header {
+  color: #f1f1f1;
+  font: bold 11px tahoma, arial, verdana, sans-serif;
+  padding: 5px 0 4px 0;
+}
+
+.x-panel-tl .x-panel-icon,.ux-start-menu-tl .x-panel-icon {
+  background-position: 0pt 4px;
+  background-repeat: no-repeat;
+  padding-left: 20px !important;
+}
+
+.ux-start-menu-tl {
+  background: transparent url( ../images/taskbar/black/start-menu-left-corners.png ) no-repeat 0 0;
+  padding-left: 6px;
+  zoom: 1;
+  z-index: 1;
+  position: relative;
+}
+
+.ux-start-menu-tr {
+  background: transparent url( ../images/taskbar/black/start-menu-right-corners.png ) no-repeat right
+    0;
+  padding-right: 6px;
+}
+
+.ux-start-menu-tc {
+  background: transparent url( ../images/taskbar/black/start-menu-top-bottom.png ) repeat-x 0 0;
+  overflow: hidden;
+  zoom: 1;
+}
+
+.ux-start-menu-ml {
+  background: transparent url( ../images/taskbar/black/start-menu-left-right.png ) repeat-y 0 0;
+  padding-left: 6px;
+  zoom: 1;
+}
+
+.ux-start-menu-bc {
+  background: transparent url( ../images/taskbar/black/start-menu-top-bottom.png ) repeat-x 0 bottom;
+  zoom: 1;
+}
+
+.ux-start-menu-bc .x-window-footer {
+  padding-bottom: 6px;
+  zoom: 1;
+  font-size: 0;
+  line-height: 0;
+}
+
+.ux-start-menu-bl {
+  background: transparent url( ../images/taskbar/black/start-menu-left-corners.png ) no-repeat 0
+    bottom;
+  padding-left: 6px;
+  zoom: 1;
+}
+
+.ux-start-menu-br {
+  background: transparent url( ../images/taskbar/black/start-menu-right-corners.png ) no-repeat right
+    bottom;
+  padding-right: 6px;
+  zoom: 1;
+}
+
+.x-panel-nofooter .ux-start-menu-bc {
+  height: 6px;
+}
+
+.ux-start-menu-splitbar-h {
+  background-color: #d0d0d0;
+}
+
+.ux-start-menu-bwrap {
+  background: transparent none;
+  border: 0px none;
+}
+
+.ux-start-menu-body {
+  background: transparent none;
+  border: 0px none;
+}
+
+.ux-start-menu-apps-panel {
+  background: #ffffff none;
+  border: 1px solid #1e2124;
+}
+
+.ux-start-menu-tools-panel {
+  border: 0px none;
+  background: transparent url( ../images/taskbar/black/start-menu-right.png ) repeat-y scroll right
+    0pt;
+}
+
+#ux-taskbar-start {
+  background: #000000 url( ../images/taskbar/black/taskbar-start-panel-bg.gif ) repeat-x left top;
+  left: 0px;
+  padding: 0;
+  position: absolute;
+}
+
+#ux-taskbar-start .x-toolbar {
+  background: none;
+  padding: 0px;
+  border: 0px none;
+}
+
+#ux-taskbuttons-panel {
+  background: #000000 url( ../images/taskbar/black/taskbuttons-panel-bg.gif ) repeat-x left top;
+  padding-top: 0;
+  position: relative;
+}
+
+.ux-taskbuttons-strip-wrap { /* overflow:hidden;
+	position:relative;
+	width:100%; */
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  zoom: 1;
+}
+
+ul.ux-taskbuttons-strip {
+  display: block;
+  width: 5000px;
+  zoom: 1;
+}
+
+ul.ux-taskbuttons-strip li {
+  float: left;
+  margin-left: 2px;
+}
+
+ul.ux-taskbuttons-strip li.ux-taskbuttons-edge {
+  float: left;
+  margin: 0 !important;
+  padding: 0 !important;
+  border: 0 none !important;
+  font-size: 1px !important;
+  line-height: 1px !important;
+  overflow: hidden;
+  zoom: 1;
+  background: transparent !important;
+  width: 1px;
+}
+
+.x-clear {
+  clear: both;
+  height: 0;
+  overflow: hidden;
+  line-height: 0;
+  font-size: 0;
+}
+
+.x-taskbuttons-scrolling {
+  position: relative;
+}
+
+.x-taskbuttons-scrolling .ux-taskbuttons-strip-wrap {
+  margin-left: 18px;
+  margin-right: 18px;
+}
+
+td.ux-taskButtons-edge { /*float:left;*/
+  margin: 0 !important;
+  padding: 0 !important;
+  border: 0 none !important;
+  font-size: 1px !important;
+  line-height: 1px !important;
+  overflow: hidden;
+  zoom: 1;
+  background: transparent !important;
+  width: 1px;
+}
+
+.ux-taskbuttons-scroller-left {
+  background: transparent url( ../images/taskbar/black/scroll-left.gif ) no-repeat -18px 0;
+  width: 18px;
+  position: absolute;
+  left: 1px;
+  top: 0px;
+  z-index: 10;
+  cursor: pointer;
+}
+
+.ux-taskbuttons-scroller-left-over {
+  background-position: 0 0;
+}
+
+.ux-taskbuttons-scroller-left-disabled {
+  background-position: -18px 0;
+  opacity: .5;
+  -moz-opacity: .5;
+  filter: alpha(opacity =   50);
+  cursor: default;
+}
+
+.ux-taskbuttons-scroller-right {
+  background: transparent url( ../images/taskbar/black/scroll-right.gif ) no-repeat 0 0;
+  width: 18px;
+  position: absolute;
+  right: 0;
+  top: 0px;
+  z-index: 10;
+  cursor: pointer;
+}
+
+.ux-taskbuttons-scroller-right-over {
+  background-position: -18px 0;
+}
+
+.ux-taskbuttons-scroller-right-disabled {
+  background-position: 0 0;
+  opacity: .5;
+  -moz-opacity: .5;
+  filter: alpha(opacity =   50);
+  cursor: default;
+}
+
+.ux-toolmenu-sep {
+  background-color: #18191a;
+  border-bottom: 1px solid #858789;
+  display: block;
+  font-size: 1px;
+  line-height: 1px;
+  margin: 2px 3px;
+}
+
+.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item a.x-menu-item {
+  color: #ffffff;
+}
+
+.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item .x-menu-item-active a.x-menu-item {
+  color: #000000;
+}
+
+.ux-start-menu-tools-panel .x-menu-item-active {
+  background: #525456 url( ../images/taskbar/black/item-over.gif ) repeat-x left bottom;
+  border: 1px solid #000000;
+  padding: 0;
+}
+
+#ux-taskbar .x-splitbar-h {
+  background: #000000 url( ../images/taskbar/black/taskbar-split-h.gif ) no-repeat 0 0;
+  width: 8px;
+}
+
+.x-window-header-text {
+  cursor: default;
+}
+
+/*
+ * Begin Start button
+ */
+.ux-startbutton-left,.ux-startbutton-right {
+  font-size: 1px;
+  line-height: 1px;
+}
+
+.ux-startbutton-left {
+  width: 10px;
+  height: 28px;
+  background: url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 0;
+}
+
+.ux-startbutton-right {
+  width: 10px;
+  height: 30px;
+  background: url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 -28px;
+}
+
+.ux-startbutton-left i,.ux-startbutton-right i {
+  display: block;
+  width: 10px;
+  overflow: hidden;
+  font-size: 1px;
+  line-height: 1px;
+}
+
+.ux-startbutton-center {
+  background: url( ../images/taskbar/black/startbutton.gif ) repeat-x 0 -56px;
+  vertical-align: middle;
+  text-align: center;
+  padding: 0;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+#ux-taskbar .ux-startbutton-left {
+  background-position: 0 0;
+}
+
+#ux-taskbar .ux-startbutton-right {
+  background-position: 0 -30px;
+}
+
+#ux-taskbar .ux-startbutton-center {
+  background-position: 0 -60px;
+}
+
+#ux-taskbar .x-btn-over .ux-startbutton-left {
+  background-position: 0 -270px;
+}
+
+#ux-taskbar .x-btn-over  .ux-startbutton-right {
+  background-position: 0 -300px;
+}
+
+#ux-taskbar .x-btn-over .ux-startbutton-center {
+  background-position: 0 -330px;
+}
+
+#ux-taskbar .x-btn-click .ux-startbutton-left {
+  background-position: 0 -180px;
+}
+
+#ux-taskbar .x-btn-click  .ux-startbutton-right {
+  background-position: 0 -210px;
+}
+
+#ux-taskbar .x-btn-click .ux-startbutton-center {
+  background-position: 0 -240px;
+}
+
+#ux-taskbar .active-win .ux-startbutton-left {
+  background-position: 0 -90px;
+}
+
+#ux-taskbar .active-win  .ux-startbutton-right {
+  background: url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 -120px;
+}
+
+#ux-taskbar .active-win .ux-startbutton-center {
+  background: url( ../images/taskbar/black/startbutton.gif ) repeat-x 0 -150px;
+}
+
+#ux-taskbar .active-win .ux-startbutton-center button {
+  color: #fff;
+}
+
+/*
+ * End Start button
+ */
+.x-resizable-proxy {
+  background: #C7DFFC;
+  opacity: .5;
+  -moz-opacity: .5;
+  filter: alpha(opacity =   50);
+  border: 1px solid #3b5a82;
+}
+
+/* Desktop Shortcuts */
+#x-shortcuts dt {
+  float: left;
+  margin: 15px 0 0 15px;
+  clear: left;
+  width: 64px;
+  font: normal 10px tahoma, arial, verdana, sans-serif;
+  text-align: center;
+  zoom: 1;
+  display: block;
+}
+
+#x-shortcuts dt a {
+  width: 64px;
+  display: block;
+  color: white;
+  text-decoration: none;
+}
+
+#x-shortcuts dt div {
+  width: 100%;
+  color: white;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+
+#x-shortcuts dt a:hover {
+  text-decoration: underline;
+}