kune-commits

Download

[email protected]

1587 discussions

r789 - in sandbox3/src/main/java/org/op: client public/css
by vjrj 06 Jul '08

06 Jul '08

Author: vjrj Date: 2008-07-06 14:42:07 +0200 (Sun, 06 Jul 2008) New Revision: 789 Modified: sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java sandbox3/src/main/java/org/op/client/Sandbox.java sandbox3/src/main/java/org/op/client/SiteBar.java sandbox3/src/main/java/org/op/client/Workspace.java sandbox3/src/main/java/org/op/public/css/sandbox.css Log: more ext probes Modified: sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java =================================================================== --- sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java 2008-07-06 00:01:47 UTC (rev 788) +++ sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java 2008-07-06 12:42:07 UTC (rev 789) @@ -122,5 +122,4 @@ panel.clear(); add(panel, widget); } - } Modified: sandbox3/src/main/java/org/op/client/Sandbox.java =================================================================== --- sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-06 00:01:47 UTC (rev 788) +++ sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-06 12:42:07 UTC (rev 789) @@ -136,6 +136,9 @@ wk.getEntityWorkspace().getTitle().add(new LabelWrapper("Title2")); wk.getEntityWorkspace().getSubTitle().addFill(); wk.getEntityWorkspace().getSubTitle().add(new LabelWrapper("Subtitle")); + wk.getSiteBar().add(new LabelWrapper("sitebar-left")); + wk.getSiteBar().addFill(); + wk.getSiteBar().addSeparator(); wk.getSiteBar().add(new LabelWrapper("sitebar-right")); wk.setTheme(WsTheme.def); wk.setTheme(WsTheme.green); Modified: sandbox3/src/main/java/org/op/client/SiteBar.java =================================================================== --- sandbox3/src/main/java/org/op/client/SiteBar.java 2008-07-06 00:01:47 UTC (rev 788) +++ sandbox3/src/main/java/org/op/client/SiteBar.java 2008-07-06 12:42:07 UTC (rev 789) @@ -1,38 +1,33 @@ package org.op.client; -import org.ourproject.kune.platf.client.View; - import com.google.gwt.user.client.ui.Widget; import com.gwtext.client.widgets.Panel; -import com.gwtext.client.widgets.ToolbarButton; -public class SiteBar { +public class SiteBar extends Panel { - private final Panel panel; + private final TitleBar titleBar; public SiteBar() { - panel = new Panel(); - panel.setBorder(false); - panel.setCls("x-panel"); + super.setBorder(false); + titleBar = new TitleBar(); + titleBar.setStyleName("k-sitebar"); + super.add(titleBar); } - public void add(final View view) { - panel.add((Widget) view); - doLayoutIfNeeded(); + public void add(final Widget widget) { + titleBar.add(widget); } - public void addMenuButton(final ToolbarButton button) { - panel.addButton(button); - doLayoutIfNeeded(); + public void addFill() { + titleBar.addFill(); } - public Panel getPanel() { - return panel; + public void addSeparator() { + titleBar.addSeparator(); } - private void doLayoutIfNeeded() { - if (panel.isRendered()) { - panel.doLayout(false); - } + public void addSpacer() { + titleBar.addSpacer(); } + } Modified: sandbox3/src/main/java/org/op/client/Workspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/Workspace.java 2008-07-06 00:01:47 UTC (rev 788) +++ sandbox3/src/main/java/org/op/client/Workspace.java 2008-07-06 12:42:07 UTC (rev 789) @@ -7,7 +7,7 @@ public Workspace() { sitebar = new SiteBar(); entity = new Entity(); - add(sitebar.getPanel(), DefaultBorderLayout.Position.NORTH, DEF_TOOLBAR_HEIGHT); + add(sitebar, DefaultBorderLayout.Position.NORTH, DEF_TOOLBAR_HEIGHT); add(entity.getPanel(), DefaultBorderLayout.Position.CENTER); } Modified: sandbox3/src/main/java/org/op/public/css/sandbox.css =================================================================== --- sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-06 00:01:47 UTC (rev 788) +++ sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-06 12:42:07 UTC (rev 789) @@ -1,12 +1,16 @@ @CHARSET "UTF-8"; .k-site-traybar { - background: #FFF none repeat scroll 0% 50%; + background: #FFF none repeat scroll 0% 50%; } +.k-sitebar { + white-space: nowrap; +} + .k-entity-summary { - border-left-color: #FFF; - border-left-width: 5px; + border-left-color: #FFF; + border-left-width: 5px; } .k-entity-def .x-layout-split { @@ -56,7 +60,7 @@ .k-entity-title-green { background: #AFA none repeat scroll 0% 50%; color: #250; - border-left-color: #5FD35F; + border-left-color: #5FD35F; } .k-entity-subtitle-def { @@ -117,6 +121,21 @@ line-height: 19px; } -.k-toolbar-sep { - padding-top: 5px; +.k-toolbar-sep { + padding-top: 4px; } + +.ytb-sep { + background-image: url(../js/ext/resources/images/default/grid/grid-split.gif); + background-position: center; + background-repeat: no-repeat; + display: block; + font-size: 1px; + height: 16px; + width: 4px; + overflow: hidden; + cursor: default; + margin: 0 2px 0; + border: 0; +} +

1 0

r788 - in sandbox3/src/main/java/org/op: client public/css
by vjrj 06 Jul '08

06 Jul '08

Author: vjrj Date: 2008-07-06 02:01:47 +0200 (Sun, 06 Jul 2008) New Revision: 788 Removed: sandbox3/src/main/java/org/op/client/WorkspaceModule.java Modified: sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java sandbox3/src/main/java/org/op/client/EntitySummary.java sandbox3/src/main/java/org/op/client/Sandbox.java sandbox3/src/main/java/org/op/client/SiteBar.java sandbox3/src/main/java/org/op/client/Workspace.java sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java sandbox3/src/main/java/org/op/public/css/sandbox.css Log: more ext probes Modified: sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java =================================================================== --- sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java 2008-07-05 22:17:07 UTC (rev 787) +++ sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java 2008-07-06 00:01:47 UTC (rev 788) @@ -28,10 +28,6 @@ mainPanel.setBorder(false); } - public void setBorder(final boolean border) { - mainPanel.setBorder(border); - } - protected void add(final Panel panel, final Position position) { add(panel, position, false); } @@ -114,6 +110,10 @@ return mainPanel; } + protected void setBorder(final boolean border) { + mainPanel.setBorder(border); + } + protected void setCls(final String style) { mainPanel.setCls(style); } Modified: sandbox3/src/main/java/org/op/client/EntitySummary.java =================================================================== --- sandbox3/src/main/java/org/op/client/EntitySummary.java 2008-07-05 22:17:07 UTC (rev 787) +++ sandbox3/src/main/java/org/op/client/EntitySummary.java 2008-07-06 00:01:47 UTC (rev 788) @@ -1,23 +1,46 @@ package org.op.client; -import com.google.gwt.user.client.ui.Label; +import com.google.gwt.user.client.ui.Widget; import com.gwtext.client.widgets.Panel; import com.gwtext.client.widgets.Toolbar; -import com.gwtext.client.widgets.ToolbarMenuButton; +import com.gwtext.client.widgets.ToolbarButton; -public class EntitySummary extends DefaultBorderLayout { +public class EntitySummary { + private final Panel entityTools; + private final Panel entitySummary; + private final DefaultBorderLayout mainPanel; private final Toolbar trayBar; public EntitySummary() { - final Panel entitySummary = new Panel(); + mainPanel = new DefaultBorderLayout(); + entityTools = new Panel(); + entitySummary = new Panel(); + entitySummary.setCls("k-entity-summary"); + entityTools.setBorder(false); entitySummary.setBorder(false); - entitySummary.add(new Label("Summary")); - trayBar = createBottomBar(entitySummary, "k-toolbar-transparent"); - add(entitySummary, DefaultBorderLayout.Position.CENTER); + entityTools.setAutoScroll(false); + entitySummary.setAutoScroll(true); + trayBar = mainPanel.createBottomBar(entitySummary, "k-site-traybar"); + mainPanel.add(entityTools, DefaultBorderLayout.Position.NORTH, 30); + mainPanel.add(entitySummary, DefaultBorderLayout.Position.CENTER); } - public void addMenuToTrayBar(final ToolbarMenuButton button) { + public void addInSummary(final Widget widget) { + entitySummary.add(widget); + mainPanel.doLayoutIfNeeded(); + } + + public void addInTools(final Widget widget) { + entityTools.add(widget); + mainPanel.doLayoutIfNeeded(); + } + + public void addSiteTrayMenuButton(final ToolbarButton button) { trayBar.addButton(button); } + public Panel getPanel() { + return mainPanel.getPanel(); + } + } Modified: sandbox3/src/main/java/org/op/client/Sandbox.java =================================================================== --- sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-05 22:17:07 UTC (rev 787) +++ sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-06 00:01:47 UTC (rev 788) @@ -4,7 +4,6 @@ import com.google.gwt.core.client.EntryPoint; import com.google.gwt.user.client.Command; -import com.google.gwt.user.client.Window; import com.google.gwt.user.client.ui.Composite; import com.google.gwt.user.client.ui.Label; import com.google.gwt.user.client.ui.MenuBar; @@ -29,7 +28,7 @@ // Make a command that we will execute from all leaves. final Command cmd = new Command() { public void execute() { - Window.alert("You selected a menu item!"); + // Window.alert("You selected a menu item!"); } }; @@ -58,6 +57,16 @@ } } + private static final String LOREM = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean urna dolor, auctor nec, adipiscing vel, ullamcorper id, arcu. Nunc tempor. Suspendisse eget felis. Phasellus sed mi. Phasellus elit. In lobortis lectus a turpis. Maecenas blandit. Ut consequat adipiscing ipsum. Aliquam justo. Sed vitae metus ac sapien elementum feugiat. Nullam eget eros. Sed ornare justo eget ipsum. Pellentesque quam turpis, lacinia in, sagittis vitae, aliquam in, lorem. Etiam auctor pretium orci.\n" + + "\n" + + "In sed augue. Suspendisse ac urna ut risus vulputate vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin imperdiet eros vel sapien. Integer ultrices nunc ut nulla. Donec gravida. Ut feugiat. Nunc feugiat cursus ante. Curabitur rutrum, odio sagittis vulputate convallis, arcu erat congue magna, a varius dui nisi sed diam. Nullam suscipit nulla ac mauris. Sed placerat. Integer at ante id orci ultricies tristique. Praesent faucibus lectus ullamcorper ligula. Aliquam facilisis, eros a ornare vestibulum, neque urna consequat magna, at tempor sem velit id est. Sed hendrerit.\n" + + "\n" + + "Proin at quam. Etiam neque diam, laoreet eu, pulvinar a, porta eu, nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ante. Curabitur eleifend, enim vehicula dapibus egestas, quam massa iaculis nulla, eget viverra arcu nisi lobortis leo. Proin quam. Sed fermentum facilisis lacus. Vestibulum luctus purus sit amet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi iaculis, erat ultrices feugiat tincidunt, libero sem suscipit mauris, sit amet dapibus diam nisi feugiat nunc. Quisque porttitor odio a ligula. Vivamus arcu diam, lacinia vitae, adipiscing eget, lobortis in, risus. Integer pharetra tempor augue. Nam sit amet risus. Donec consequat tempus eros. Vestibulum a nibh. Integer mollis sollicitudin tellus. Ut at nisi.\n" + + "\n" + + "Suspendisse volutpat venenatis orci. Nullam a arcu et mi rutrum rhoncus. Suspendisse dictum imperdiet elit. Nullam in justo nec augue varius semper. Quisque sagittis pede a neque. Phasellus ultrices. Mauris odio felis, luctus a, lacinia nec, viverra eget, leo. Nulla congue augue quis magna. Aenean sed nunc quis quam sodales sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed placerat. Aliquam a lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mi velit, iaculis vitae, volutpat eu, egestas vel, pede.\n" + + "\n" + + "Aliquam erat volutpat. Nulla ac augue ut ligula dignissim ornare. Ut porttitor consequat magna. Sed tempor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer ipsum. Nam non tellus. Morbi at nulla. Aliquam erat volutpat. Maecenas a dolor. Aliquam nec tellus vitae sapien porttitor facilisis. Integer ipsum. Etiam eget nibh sed nulla tincidunt ultrices. Proin enim. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac odio ut libero porta tempus. Vivamus vel purus. Nam mauris magna, bibendum quis, aliquam ac, fermentum nec, elit. Vestibulum justo sapien, sollicitudin non, mattis vitae, facilisis ac, libero."; + /** * This is the entry point method. */ @@ -98,9 +107,11 @@ panel.add(wk.getPanel()); new Viewport(panel); - // wk.getEntityWorkspace().getContentTopBar().add(new MenuBarWrapper()); - // wk.getEntityWorkspace().getContainerTopBar().add(new - // MenuBarWrapper()); + // final Window w = new Window("test", 600, 480); + // panel.setWidth(600); + // panel.setHeight(460); + // w.add(panel); + // w.show(); wk.getEntityWorkspace().getContainerTopBar().addFill(); wk.getEntityWorkspace().getContainerTopBar().add(new LabelWrapper("uno")); @@ -111,34 +122,12 @@ // wk.getEntityWorkspace().getContainerBottomBar().add(new // MenuBarWrapper()); - wk.getEntitySummary().addMenuToTrayBar(new WsThemeMenuPanel()); + wk.getEntitySummary().addSiteTrayMenuButton(new WsThemeMenuPanel()); wk.getEntityWorkspace().getContainerBottomBar().add(new LabelWrapper("otro")); - wk - .getEntityWorkspace() - .setContainer( - new LabelWrapper( - "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean urna dolor, auctor nec, adipiscing vel, ullamcorper id, arcu. Nunc tempor. Suspendisse eget felis. Phasellus sed mi. Phasellus elit. In lobortis lectus a turpis. Maecenas blandit. Ut consequat adipiscing ipsum. Aliquam justo. Sed vitae metus ac sapien elementum feugiat. Nullam eget eros. Sed ornare justo eget ipsum. Pellentesque quam turpis, lacinia in, sagittis vitae, aliquam in, lorem. Etiam auctor pretium orci.\n" - + "\n" - + "In sed augue. Suspendisse ac urna ut risus vulputate vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin imperdiet eros vel sapien. Integer ultrices nunc ut nulla. Donec gravida. Ut feugiat. Nunc feugiat cursus ante. Curabitur rutrum, odio sagittis vulputate convallis, arcu erat congue magna, a varius dui nisi sed diam. Nullam suscipit nulla ac mauris. Sed placerat. Integer at ante id orci ultricies tristique. Praesent faucibus lectus ullamcorper ligula. Aliquam facilisis, eros a ornare vestibulum, neque urna consequat magna, at tempor sem velit id est. Sed hendrerit.\n" - + "\n" - + "Proin at quam. Etiam neque diam, laoreet eu, pulvinar a, porta eu, nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ante. Curabitur eleifend, enim vehicula dapibus egestas, quam massa iaculis nulla, eget viverra arcu nisi lobortis leo. Proin quam. Sed fermentum facilisis lacus. Vestibulum luctus purus sit amet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi iaculis, erat ultrices feugiat tincidunt, libero sem suscipit mauris, sit amet dapibus diam nisi feugiat nunc. Quisque porttitor odio a ligula. Vivamus arcu diam, lacinia vitae, adipiscing eget, lobortis in, risus. Integer pharetra tempor augue. Nam sit amet risus. Donec consequat tempus eros. Vestibulum a nibh. Integer mollis sollicitudin tellus. Ut at nisi.\n" - + "\n" - + "Suspendisse volutpat venenatis orci. Nullam a arcu et mi rutrum rhoncus. Suspendisse dictum imperdiet elit. Nullam in justo nec augue varius semper. Quisque sagittis pede a neque. Phasellus ultrices. Mauris odio felis, luctus a, lacinia nec, viverra eget, leo. Nulla congue augue quis magna. Aenean sed nunc quis quam sodales sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed placerat. Aliquam a lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mi velit, iaculis vitae, volutpat eu, egestas vel, pede.\n" - + "\n" - + "Aliquam erat volutpat. Nulla ac augue ut ligula dignissim ornare. Ut porttitor consequat magna. Sed tempor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer ipsum. Nam non tellus. Morbi at nulla. Aliquam erat volutpat. Maecenas a dolor. Aliquam nec tellus vitae sapien porttitor facilisis. Integer ipsum. Etiam eget nibh sed nulla tincidunt ultrices. Proin enim. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac odio ut libero porta tempus. Vivamus vel purus. Nam mauris magna, bibendum quis, aliquam ac, fermentum nec, elit. Vestibulum justo sapien, sollicitudin non, mattis vitae, facilisis ac, libero.")); - wk - .getEntityWorkspace() - .setContent( - new LabelWrapper( - "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean urna dolor, auctor nec, adipiscing vel, ullamcorper id, arcu. Nunc tempor. Suspendisse eget felis. Phasellus sed mi. Phasellus elit. In lobortis lectus a turpis. Maecenas blandit. Ut consequat adipiscing ipsum. Aliquam justo. Sed vitae metus ac sapien elementum feugiat. Nullam eget eros. Sed ornare justo eget ipsum. Pellentesque quam turpis, lacinia in, sagittis vitae, aliquam in, lorem. Etiam auctor pretium orci.\n" - + "\n" - + "In sed augue. Suspendisse ac urna ut risus vulputate vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin imperdiet eros vel sapien. Integer ultrices nunc ut nulla. Donec gravida. Ut feugiat. Nunc feugiat cursus ante. Curabitur rutrum, odio sagittis vulputate convallis, arcu erat congue magna, a varius dui nisi sed diam. Nullam suscipit nulla ac mauris. Sed placerat. Integer at ante id orci ultricies tristique. Praesent faucibus lectus ullamcorper ligula. Aliquam facilisis, eros a ornare vestibulum, neque urna consequat magna, at tempor sem velit id est. Sed hendrerit.\n" - + "\n" - + "Proin at quam. Etiam neque diam, laoreet eu, pulvinar a, porta eu, nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ante. Curabitur eleifend, enim vehicula dapibus egestas, quam massa iaculis nulla, eget viverra arcu nisi lobortis leo. Proin quam. Sed fermentum facilisis lacus. Vestibulum luctus purus sit amet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi iaculis, erat ultrices feugiat tincidunt, libero sem suscipit mauris, sit amet dapibus diam nisi feugiat nunc. Quisque porttitor odio a ligula. Vivamus arcu diam, lacinia vitae, adipiscing eget, lobortis in, risus. Integer pharetra tempor augue. Nam sit amet risus. Donec consequat tempus eros. Vestibulum a nibh. Integer mollis sollicitudin tellus. Ut at nisi.\n" - + "\n" - + "Suspendisse volutpat venenatis orci. Nullam a arcu et mi rutrum rhoncus. Suspendisse dictum imperdiet elit. Nullam in justo nec augue varius semper. Quisque sagittis pede a neque. Phasellus ultrices. Mauris odio felis, luctus a, lacinia nec, viverra eget, leo. Nulla congue augue quis magna. Aenean sed nunc quis quam sodales sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed placerat. Aliquam a lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mi velit, iaculis vitae, volutpat eu, egestas vel, pede.\n" - + "\n" - + "Aliquam erat volutpat. Nulla ac augue ut ligula dignissim ornare. Ut porttitor consequat magna. Sed tempor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer ipsum. Nam non tellus. Morbi at nulla. Aliquam erat volutpat. Maecenas a dolor. Aliquam nec tellus vitae sapien porttitor facilisis. Integer ipsum. Etiam eget nibh sed nulla tincidunt ultrices. Proin enim. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac odio ut libero porta tempus. Vivamus vel purus. Nam mauris magna, bibendum quis, aliquam ac, fermentum nec, elit. Vestibulum justo sapien, sollicitudin non, mattis vitae, facilisis ac, libero. ")); + wk.getEntityWorkspace().setContainer(new LabelWrapper(LOREM)); + wk.getEntityWorkspace().setContent(new LabelWrapper(LOREM)); + wk.getEntitySummary().addInTools(new Label("doc")); + wk.getEntitySummary().addInSummary(new LabelWrapper(LOREM)); wk.getEntityWorkspace().getBottomTitle().addSpacer(); wk.getEntityWorkspace().getBottomTitle().add(new LabelWrapper("Bottom")); wk.getEntityWorkspace().getTitle().add(new LabelWrapper("Title")); Modified: sandbox3/src/main/java/org/op/client/SiteBar.java =================================================================== --- sandbox3/src/main/java/org/op/client/SiteBar.java 2008-07-05 22:17:07 UTC (rev 787) +++ sandbox3/src/main/java/org/op/client/SiteBar.java 2008-07-06 00:01:47 UTC (rev 788) @@ -4,6 +4,7 @@ import com.google.gwt.user.client.ui.Widget; import com.gwtext.client.widgets.Panel; +import com.gwtext.client.widgets.ToolbarButton; public class SiteBar { @@ -12,16 +13,26 @@ public SiteBar() { panel = new Panel(); panel.setBorder(false); + panel.setCls("x-panel"); } public void add(final View view) { panel.add((Widget) view); - if (panel.isRendered()) { - panel.doLayout(false); - } + doLayoutIfNeeded(); } + public void addMenuButton(final ToolbarButton button) { + panel.addButton(button); + doLayoutIfNeeded(); + } + public Panel getPanel() { return panel; } + + private void doLayoutIfNeeded() { + if (panel.isRendered()) { + panel.doLayout(false); + } + } } Modified: sandbox3/src/main/java/org/op/client/Workspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/Workspace.java 2008-07-05 22:17:07 UTC (rev 787) +++ sandbox3/src/main/java/org/op/client/Workspace.java 2008-07-06 00:01:47 UTC (rev 788) @@ -26,4 +26,5 @@ public void setTheme(final WsTheme theme) { entity.setTheme(theme); } + } Deleted: sandbox3/src/main/java/org/op/client/WorkspaceModule.java =================================================================== --- sandbox3/src/main/java/org/op/client/WorkspaceModule.java 2008-07-05 22:17:07 UTC (rev 787) +++ sandbox3/src/main/java/org/op/client/WorkspaceModule.java 2008-07-06 00:01:47 UTC (rev 788) @@ -1,23 +0,0 @@ -package org.op.client; - -import com.calclab.suco.client.container.Provider; -import com.calclab.suco.client.modules.Module; -import com.calclab.suco.client.modules.ModuleBuilder; -import com.calclab.suco.client.scopes.SingletonScope; - -public class WorkspaceModule implements Module { - - public Class<WorkspaceModule> getType() { - return WorkspaceModule.class; - } - - public void onLoad(final ModuleBuilder builder) { - builder.registerProvider(Workspace.class, new Provider<Workspace>() { - public Workspace get() { - return new Workspace(); - } - }, SingletonScope.class); - - } - -} Modified: sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java =================================================================== --- sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java 2008-07-05 22:17:07 UTC (rev 787) +++ sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java 2008-07-06 00:01:47 UTC (rev 788) @@ -1,10 +1,10 @@ package org.op.client; -import com.gwtext.client.widgets.ToolbarMenuButton; +import com.gwtext.client.widgets.ToolbarButton; import com.gwtext.client.widgets.menu.Menu; import com.gwtext.client.widgets.menu.MenuItem; -public class WsThemeMenuPanel extends ToolbarMenuButton { +public class WsThemeMenuPanel extends ToolbarButton { public WsThemeMenuPanel() { final Menu menu = new Menu(); Modified: sandbox3/src/main/java/org/op/public/css/sandbox.css =================================================================== --- sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-05 22:17:07 UTC (rev 787) +++ sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-06 00:01:47 UTC (rev 788) @@ -1,10 +1,14 @@ @CHARSET "UTF-8"; -.k-toolbar-transparent { - background: #EFEFEF none repeat scroll 0% 50%; - border-top: 0px; +.k-site-traybar { + background: #FFF none repeat scroll 0% 50%; } +.k-entity-summary { + border-left-color: #FFF; + border-left-width: 5px; +} + .k-entity-def .x-layout-split { background: #DD8A3D none repeat scroll 0% 50%; }

1 0

r787 - in sandbox3/src/main/java/org/op: client public/css
by vjrj 05 Jul '08

05 Jul '08

Author: vjrj Date: 2008-07-06 00:17:07 +0200 (Sun, 06 Jul 2008) New Revision: 787 Added: sandbox3/src/main/java/org/op/client/WorkspaceModule.java Removed: sandbox3/src/main/java/org/op/client/DefaultPanel.java Modified: sandbox3/src/main/java/org/op/client/Entity.java sandbox3/src/main/java/org/op/client/EntitySummary.java sandbox3/src/main/java/org/op/client/EntityWorkspace.java sandbox3/src/main/java/org/op/public/css/sandbox.css Log: more ext probes Deleted: sandbox3/src/main/java/org/op/client/DefaultPanel.java =================================================================== --- sandbox3/src/main/java/org/op/client/DefaultPanel.java 2008-07-05 22:02:17 UTC (rev 786) +++ sandbox3/src/main/java/org/op/client/DefaultPanel.java 2008-07-05 22:17:07 UTC (rev 787) @@ -1,10 +0,0 @@ -package org.op.client; - -import com.gwtext.client.widgets.Panel; - -public class DefaultPanel extends Panel { - public DefaultPanel() { - setBorder(false); - - } -} Modified: sandbox3/src/main/java/org/op/client/Entity.java =================================================================== --- sandbox3/src/main/java/org/op/client/Entity.java 2008-07-05 22:02:17 UTC (rev 786) +++ sandbox3/src/main/java/org/op/client/Entity.java 2008-07-05 22:17:07 UTC (rev 787) @@ -29,7 +29,7 @@ } public void setTheme(final WsTheme theme) { - super.setCls("entity-" + theme); + super.setCls("k-entity-" + theme); entityWorkspace.setTheme(theme); } } Modified: sandbox3/src/main/java/org/op/client/EntitySummary.java =================================================================== --- sandbox3/src/main/java/org/op/client/EntitySummary.java 2008-07-05 22:02:17 UTC (rev 786) +++ sandbox3/src/main/java/org/op/client/EntitySummary.java 2008-07-05 22:17:07 UTC (rev 787) @@ -12,7 +12,7 @@ final Panel entitySummary = new Panel(); entitySummary.setBorder(false); entitySummary.add(new Label("Summary")); - trayBar = createBottomBar(entitySummary, "toolbar-transparent"); + trayBar = createBottomBar(entitySummary, "k-toolbar-transparent"); add(entitySummary, DefaultBorderLayout.Position.CENTER); } Modified: sandbox3/src/main/java/org/op/client/EntityWorkspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-05 22:02:17 UTC (rev 786) +++ sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-05 22:17:07 UTC (rev 787) @@ -31,12 +31,12 @@ title = new TitleBar(); title.setHeight("" + (DEF_TOOLBAR_HEIGHT - 2)); - title.setStylePrimaryName("entity-title"); + title.setStylePrimaryName("k-entity-title"); subTitle = new TitleBar(); - subTitle.setStylePrimaryName("entity-subtitle"); + subTitle.setStylePrimaryName("k-entity-subtitle"); bottom = new TitleBar(); bottom.setHeight("" + (DEF_TOOLBAR_HEIGHT - 2)); - bottom.setStylePrimaryName("entity-bottom"); + bottom.setStylePrimaryName("k-entity-bottom"); roundedTitle = new RoundedPanel(title, RoundedPanel.TOPLEFT, 2); roundedBottom = new RoundedPanel(bottom, RoundedPanel.BOTTOMLEFT, 2); @@ -68,10 +68,10 @@ containerTopBar.addClass("k-toolbar-bottom-line"); containerBottomBar.addClass("k-toolbar-top-line"); contentWrap.add(contentTopBar.getPanel(), Position.NORTH, false, DEF_TOOLBAR_HEIGHT); - contentWrap.add(content, Position.CENTER); - contentWrap.add(contentBottomBar.getPanel(), Position.SOUTH, false, DEF_TOOLBAR_HEIGHT); containerWrap.add(containerTopBar.getPanel(), Position.NORTH, false, DEF_TOOLBAR_HEIGHT); + contentWrap.add(content, Position.CENTER); containerWrap.add(container, Position.CENTER); + contentWrap.add(contentBottomBar.getPanel(), Position.SOUTH, false, DEF_TOOLBAR_HEIGHT); containerWrap.add(containerBottomBar.getPanel(), Position.SOUTH, false, DEF_TOOLBAR_HEIGHT); add(titles, DefaultBorderLayout.Position.NORTH, DEF_TOOLBAR_HEIGHT * 2); @@ -118,13 +118,12 @@ public void setTheme(final WsTheme theme) { final String themeS = theme.toString(); - super.setCls("entityworkspace-" + theme); - roundedTitle.setCornerStyleName("entity-title-rd-" + theme); - roundedBottom.setCornerStyleName("entity-bottom-rd-" + theme); + super.setCls("k-entityworkspace-" + theme); + roundedTitle.setCornerStyleName("k-entity-title-rd-" + theme); + roundedBottom.setCornerStyleName("k-entity-bottom-rd-" + theme); title.addStyleDependentName(themeS); subTitle.addStyleDependentName(themeS); bottom.addStyleDependentName(themeS); - container.setStyleName("entity-container-" + theme); + container.setStyleName("k-entity-container-" + theme); } - } Added: sandbox3/src/main/java/org/op/client/WorkspaceModule.java =================================================================== --- sandbox3/src/main/java/org/op/client/WorkspaceModule.java 2008-07-05 22:02:17 UTC (rev 786) +++ sandbox3/src/main/java/org/op/client/WorkspaceModule.java 2008-07-05 22:17:07 UTC (rev 787) @@ -0,0 +1,23 @@ +package org.op.client; + +import com.calclab.suco.client.container.Provider; +import com.calclab.suco.client.modules.Module; +import com.calclab.suco.client.modules.ModuleBuilder; +import com.calclab.suco.client.scopes.SingletonScope; + +public class WorkspaceModule implements Module { + + public Class<WorkspaceModule> getType() { + return WorkspaceModule.class; + } + + public void onLoad(final ModuleBuilder builder) { + builder.registerProvider(Workspace.class, new Provider<Workspace>() { + public Workspace get() { + return new Workspace(); + } + }, SingletonScope.class); + + } + +} Modified: sandbox3/src/main/java/org/op/public/css/sandbox.css =================================================================== --- sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-05 22:02:17 UTC (rev 786) +++ sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-05 22:17:07 UTC (rev 787) @@ -1,96 +1,96 @@ @CHARSET "UTF-8"; -.toolbar-transparent { +.k-toolbar-transparent { background: #EFEFEF none repeat scroll 0% 50%; border-top: 0px; } -.entity-def .x-layout-split { +.k-entity-def .x-layout-split { background: #DD8A3D none repeat scroll 0% 50%; } -.entity-green .x-layout-split { +.k-entity-green .x-layout-split { background: #5FD35F none repeat scroll 0% 50%; } -.entityworkspace .x-layout-split { +.k-entityworkspace .x-layout-split { background: transparent none repeat scroll 0% 50%; } -.entityworkspace-def .x-layout-split { +.k-entityworkspace-def .x-layout-split { background: #DEAA87 none repeat scroll 0% 50%; } -.entityworkspace-green .x-layout-split { +.k-entityworkspace-green .x-layout-split { background: #DCE8AB none repeat scroll 0% 50%; } -.entity-title { +.k-entity-title { line-height: 22px; border-left-style: solid; border-left-width: 2px; } -.entity-subtitle { +.k-entity-subtitle { line-height: 2em; } -.entity-title-rd-def { +.k-entity-title-rd-def { background: #DD8A3D; } -.entity-title-rd-green { +.k-entity-title-rd-green { background: #5FD35F; } -.entity-title-def { +.k-entity-title-def { background: #F1BB59 none repeat scroll 0% 50%; color: #69312F; border-left-color: #DD8A3D; } -.entity-title-green { +.k-entity-title-green { background: #AFA none repeat scroll 0% 50%; color: #250; border-left-color: #5FD35F; } -.entity-subtitle-def { +.k-entity-subtitle-def { background: #DD8A3D none repeat scroll 0% 50%; color: #FFF; } -.entity-subtitle-green { +.k-entity-subtitle-green { background: #5FD35F none repeat scroll 0% 50%; color: #FFF; } -.entity-bottom-rd-def { +.k-entity-bottom-rd-def { background: #DD8A3D; } -.entity-bottom-rd-green { +.k-entity-bottom-rd-green { background: #5FD35F; } -.entity-container-def div { +.k-entity-container-def div { background: #FFD09D none repeat scroll 0% 50%; } -.entity-container-green div { +.k-entity-container-green div { background: #CFA none repeat scroll 0% 50%; } -.entity-bottom { +.k-entity-bottom { line-height: 2em; } -.entity-bottom-def { +.k-entity-bottom-def { background: #DD8A3D; color: #FFF; } -.entity-bottom-green { +.k-entity-bottom-green { background: #5FD35F; color: #FFF; }

1 0

r786 - in sandbox3: . src/main/java/org/op/client src/main/java/org/op/public/css
by vjrj 05 Jul '08

05 Jul '08

Author: vjrj Date: 2008-07-06 00:02:17 +0200 (Sun, 06 Jul 2008) New Revision: 786 Added: sandbox3/src/main/java/org/op/client/AbstractBar.java sandbox3/src/main/java/org/op/client/TitleBar.java Modified: sandbox3/ sandbox3/src/main/java/org/op/client/EntityWorkspace.java sandbox3/src/main/java/org/op/client/Sandbox.java sandbox3/src/main/java/org/op/client/Toolbar.java sandbox3/src/main/java/org/op/public/css/sandbox.css Log: more ext probes Property changes on: sandbox3 ___________________________________________________________________ Name: svn:ignore - .gwt-cache .classpath www .project gwt-out target tomcat bin Sandbox3.launch .settings + .gwt-cache .classpath www .project gwt-out target tomcat bin Sandbox3.launch .settings Sandbox4.launch Added: sandbox3/src/main/java/org/op/client/AbstractBar.java =================================================================== --- sandbox3/src/main/java/org/op/client/AbstractBar.java 2008-07-05 19:59:54 UTC (rev 785) +++ sandbox3/src/main/java/org/op/client/AbstractBar.java 2008-07-05 22:02:17 UTC (rev 786) @@ -0,0 +1,40 @@ +package org.op.client; + +import com.google.gwt.user.client.ui.Composite; +import com.google.gwt.user.client.ui.HorizontalPanel; +import com.google.gwt.user.client.ui.Label; +import com.google.gwt.user.client.ui.Widget; + +public class AbstractBar extends Composite { + private final HorizontalPanel horPanel; + + public AbstractBar() { + horPanel = new HorizontalPanel(); + horPanel.setWidth("100%"); + initWidget(horPanel); + } + + public void add(final Widget widget) { + horPanel.add(widget); + } + + public void addFill() { + final Label emptyLabel = new Label(""); + horPanel.add(emptyLabel); + horPanel.setCellWidth(emptyLabel, "100%"); + } + + public void addSeparator() { + final Label emptyLabel = new Label(""); + emptyLabel.setStyleName("ytb-sep"); + emptyLabel.addStyleName("k-toolbar-sep"); + horPanel.add(emptyLabel); + } + + public void addSpacer() { + final Label emptyLabel = new Label(""); + emptyLabel.setStyleName("ytb-spacer"); + horPanel.add(emptyLabel); + } + +} Modified: sandbox3/src/main/java/org/op/client/EntityWorkspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-05 19:59:54 UTC (rev 785) +++ sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-05 22:02:17 UTC (rev 786) @@ -2,7 +2,6 @@ import org.ourproject.kune.platf.client.View; -import com.google.gwt.user.client.ui.HorizontalPanel; import com.google.gwt.user.client.ui.Widget; import com.gwtext.client.widgets.Panel; import com.gwtext.client.widgets.layout.AnchorLayout; @@ -11,9 +10,9 @@ public class EntityWorkspace extends DefaultBorderLayout { private final Panel content; private final Panel container; - private final HorizontalPanel title; - private final HorizontalPanel subTitle; - private final HorizontalPanel bottom; + private final TitleBar title; + private final TitleBar subTitle; + private final TitleBar bottom; private final Toolbar contentTopBar; private final Toolbar contentBottomBar; private final Toolbar containerTopBar; @@ -30,15 +29,12 @@ bottomPanel.setBorder(false); bottomPanel.setLayout(new AnchorLayout()); - title = new HorizontalPanel(); - title.setWidth("100%"); + title = new TitleBar(); title.setHeight("" + (DEF_TOOLBAR_HEIGHT - 2)); title.setStylePrimaryName("entity-title"); - subTitle = new HorizontalPanel(); - subTitle.setWidth("100%"); + subTitle = new TitleBar(); subTitle.setStylePrimaryName("entity-subtitle"); - bottom = new HorizontalPanel(); - bottom.setWidth("100%"); + bottom = new TitleBar(); bottom.setHeight("" + (DEF_TOOLBAR_HEIGHT - 2)); bottom.setStylePrimaryName("entity-bottom"); @@ -84,6 +80,10 @@ add(bottomPanel, DefaultBorderLayout.Position.SOUTH, DEF_TOOLBAR_HEIGHT + 2); } + public TitleBar getBottomTitle() { + return bottom; + } + public Toolbar getContainerBottomBar() { return containerBottomBar; } @@ -100,11 +100,14 @@ return contentTopBar; } - public void setBottom(final View view) { - bottom.clear(); - bottom.add((Widget) view); + public TitleBar getSubTitle() { + return subTitle; } + public TitleBar getTitle() { + return title; + } + public void setContainer(final View view) { setPanel(container, (Widget) view); } @@ -113,11 +116,6 @@ setPanel(content, (Widget) view); } - public void setSubtitle(final View view) { - subTitle.clear(); - subTitle.add((Widget) view); - } - public void setTheme(final WsTheme theme) { final String themeS = theme.toString(); super.setCls("entityworkspace-" + theme); @@ -129,9 +127,4 @@ container.setStyleName("entity-container-" + theme); } - public void setTitle(final View view) { - title.clear(); - title.add((Widget) view); - } - } Modified: sandbox3/src/main/java/org/op/client/Sandbox.java =================================================================== --- sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-05 19:59:54 UTC (rev 785) +++ sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-05 22:02:17 UTC (rev 786) @@ -139,45 +139,16 @@ + "Suspendisse volutpat venenatis orci. Nullam a arcu et mi rutrum rhoncus. Suspendisse dictum imperdiet elit. Nullam in justo nec augue varius semper. Quisque sagittis pede a neque. Phasellus ultrices. Mauris odio felis, luctus a, lacinia nec, viverra eget, leo. Nulla congue augue quis magna. Aenean sed nunc quis quam sodales sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed placerat. Aliquam a lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mi velit, iaculis vitae, volutpat eu, egestas vel, pede.\n" + "\n" + "Aliquam erat volutpat. Nulla ac augue ut ligula dignissim ornare. Ut porttitor consequat magna. Sed tempor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer ipsum. Nam non tellus. Morbi at nulla. Aliquam erat volutpat. Maecenas a dolor. Aliquam nec tellus vitae sapien porttitor facilisis. Integer ipsum. Etiam eget nibh sed nulla tincidunt ultrices. Proin enim. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac odio ut libero porta tempus. Vivamus vel purus. Nam mauris magna, bibendum quis, aliquam ac, fermentum nec, elit. Vestibulum justo sapien, sollicitudin non, mattis vitae, facilisis ac, libero. ")); - // wk.getEntityWorkspace().setContent(fooMenu); - wk.getEntityWorkspace().setBottom(new LabelWrapper("Bottom")); - wk.getEntityWorkspace().setTitle(new LabelWrapper("Title")); - wk.getEntityWorkspace().setSubtitle(new LabelWrapper("Subtitle")); + wk.getEntityWorkspace().getBottomTitle().addSpacer(); + wk.getEntityWorkspace().getBottomTitle().add(new LabelWrapper("Bottom")); + wk.getEntityWorkspace().getTitle().add(new LabelWrapper("Title")); + wk.getEntityWorkspace().getTitle().addSeparator(); + wk.getEntityWorkspace().getTitle().addFill(); + wk.getEntityWorkspace().getTitle().add(new LabelWrapper("Title2")); + wk.getEntityWorkspace().getSubTitle().addFill(); + wk.getEntityWorkspace().getSubTitle().add(new LabelWrapper("Subtitle")); wk.getSiteBar().add(new LabelWrapper("sitebar-right")); wk.setTheme(WsTheme.def); - - // final TabItem item1 = new TabItem(); - // item1.setText("Nose que1"); - // item1.add(new Label("Hola 1")); - // tabPanel.addTabItem(item1); - // - // final TabItem item2 = new TabItem(); - // item2.setText("Nose que2"); - // item2.add(new Label("Hola 2")); - // tabPanel.addTabItem(item2); - // final TextField field1 = new TextField(); - // final TextField field2 = new TextField(); - // field1.setFieldLabel("Nombre"); - // field2.setFieldLabel("App"); - // item1.add(field1); - // item2.add(field2); - // - // final Window window = new Window(); - // window.add(tabPanel.getTabPanel()); - // RootPanel.get().add(panel); - // window.setTitle("Layout Window"); - // window.setClosable(true); - // window.setWidth(600); - // window.setHeight(350); - // window.setPlain(true); - // window.setLayout(new BorderLayout()); - // final BorderLayoutData centerData = new - // BorderLayoutData(RegionPosition.CENTER); - // // final Panel panel = new Panel(); - // // panel.add(form.getForm()); - // window.add(form.getForm(), centerData); - // window.setCloseAction(Window.HIDE); - // RootPanel.get("slot1").add(window); - // window.show(); + wk.setTheme(WsTheme.green); } } Added: sandbox3/src/main/java/org/op/client/TitleBar.java =================================================================== --- sandbox3/src/main/java/org/op/client/TitleBar.java 2008-07-05 19:59:54 UTC (rev 785) +++ sandbox3/src/main/java/org/op/client/TitleBar.java 2008-07-05 22:02:17 UTC (rev 786) @@ -0,0 +1,5 @@ +package org.op.client; + +public class TitleBar extends AbstractBar { + +} Modified: sandbox3/src/main/java/org/op/client/Toolbar.java =================================================================== --- sandbox3/src/main/java/org/op/client/Toolbar.java 2008-07-05 19:59:54 UTC (rev 785) +++ sandbox3/src/main/java/org/op/client/Toolbar.java 2008-07-05 22:02:17 UTC (rev 786) @@ -1,13 +1,11 @@ package org.op.client; -import com.google.gwt.user.client.ui.HorizontalPanel; -import com.google.gwt.user.client.ui.Label; import com.google.gwt.user.client.ui.Widget; import com.gwtext.client.widgets.Panel; public class Toolbar { private final Panel container; - private final HorizontalPanel horPanel; + private final AbstractBar horPanel; public Toolbar() { container = new Panel(); @@ -18,7 +16,7 @@ container.setHeader(false); container.setBaseCls("x-toolbar"); container.addClass("x-panel"); - horPanel = new HorizontalPanel(); + horPanel = new AbstractBar(); container.add(horPanel); } @@ -34,25 +32,19 @@ } public void addFill() { - final Label emptyLabel = new Label(""); - horPanel.add(emptyLabel); - horPanel.setCellWidth(emptyLabel, "100%"); + horPanel.addFill(); } public void addSeparator() { - final Label emptyLabel = new Label(""); - emptyLabel.setStyleName("ytb-sep"); - emptyLabel.addStyleName("k-toolbar-sep"); - horPanel.add(emptyLabel); + horPanel.addSeparator(); } public void addSpacer() { - final Label emptyLabel = new Label(""); - emptyLabel.setStyleName("ytb-spacer"); - horPanel.add(emptyLabel); + horPanel.addSpacer(); } public Panel getPanel() { return container; } + } Modified: sandbox3/src/main/java/org/op/public/css/sandbox.css =================================================================== --- sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-05 19:59:54 UTC (rev 785) +++ sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-05 22:02:17 UTC (rev 786) @@ -52,6 +52,7 @@ .entity-title-green { background: #AFA none repeat scroll 0% 50%; color: #250; + border-left-color: #5FD35F; } .entity-subtitle-def { @@ -76,7 +77,7 @@ background: #FFD09D none repeat scroll 0% 50%; } -.entity-container-green { +.entity-container-green div { background: #CFA none repeat scroll 0% 50%; }

1 0

r785 - in sandbox3: . src/main/java/org/op/client src/main/java/org/op/public/css
by vjrj 05 Jul '08

05 Jul '08

Author: vjrj Date: 2008-07-05 21:59:54 +0200 (Sat, 05 Jul 2008) New Revision: 785 Modified: sandbox3/pom.xml sandbox3/src/main/java/org/op/client/EntityWorkspace.java sandbox3/src/main/java/org/op/client/Toolbar.java sandbox3/src/main/java/org/op/public/css/sandbox.css Log: Modified: sandbox3/pom.xml =================================================================== --- sandbox3/pom.xml 2008-07-05 19:00:57 UTC (rev 784) +++ sandbox3/pom.xml 2008-07-05 19:59:54 UTC (rev 785) @@ -144,7 +144,13 @@ <version>0.0.4</version> </dependency> - <dependency> + <dependency> + <groupId>com.calclab</groupId> + <artifactId>suco</artifactId> + <version>0.2.8</version> + </dependency> + + <dependency> <groupId>com.calclab.emite</groupId> <artifactId>emite-modular</artifactId> <version>0.2.4</version> Modified: sandbox3/src/main/java/org/op/client/EntityWorkspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-05 19:00:57 UTC (rev 784) +++ sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-05 19:59:54 UTC (rev 785) @@ -54,13 +54,13 @@ contentWrap.setBorder(true); containerWrap.setBorder(true); content = new Panel(); + container = new Panel(); content.setBorder(false); - content.setAutoScroll(true); - container = new Panel(); container.setBorder(false); container.setCollapsible(true); content.setPaddings(5); container.setPaddings(5); + content.setAutoScroll(true); container.setAutoScroll(true); contentTopBar = new Toolbar(); Modified: sandbox3/src/main/java/org/op/client/Toolbar.java =================================================================== --- sandbox3/src/main/java/org/op/client/Toolbar.java 2008-07-05 19:00:57 UTC (rev 784) +++ sandbox3/src/main/java/org/op/client/Toolbar.java 2008-07-05 19:59:54 UTC (rev 785) @@ -42,6 +42,7 @@ public void addSeparator() { final Label emptyLabel = new Label(""); emptyLabel.setStyleName("ytb-sep"); + emptyLabel.addStyleName("k-toolbar-sep"); horPanel.add(emptyLabel); } Modified: sandbox3/src/main/java/org/op/public/css/sandbox.css =================================================================== --- sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-05 19:00:57 UTC (rev 784) +++ sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-05 19:59:54 UTC (rev 785) @@ -1,110 +1,117 @@ @CHARSET "UTF-8"; .toolbar-transparent { - background: #EFEFEF none repeat scroll 0% 50%; - border-top: 0px; + background: #EFEFEF none repeat scroll 0% 50%; + border-top: 0px; } .entity-def .x-layout-split { - background: #DD8A3D none repeat scroll 0% 50%; + background: #DD8A3D none repeat scroll 0% 50%; } .entity-green .x-layout-split { - background: #5FD35F none repeat scroll 0% 50%; + background: #5FD35F none repeat scroll 0% 50%; } .entityworkspace .x-layout-split { - background: transparent none repeat scroll 0% 50%; + background: transparent none repeat scroll 0% 50%; } .entityworkspace-def .x-layout-split { - background: #DEAA87 none repeat scroll 0% 50%; + background: #DEAA87 none repeat scroll 0% 50%; } .entityworkspace-green .x-layout-split { - background: #DCE8AB none repeat scroll 0% 50%; + background: #DCE8AB none repeat scroll 0% 50%; } .entity-title { - line-height: 22px; + line-height: 22px; + border-left-style: solid; + border-left-width: 2px; } -.entity-subtitle { - line-height: 2em; +.entity-subtitle { + line-height: 2em; } .entity-title-rd-def { - background: #DD8A3D; + background: #DD8A3D; } .entity-title-rd-green { - background: #5FD35F; + background: #5FD35F; } .entity-title-def { - background: #F1BB59 none repeat scroll 0% 50%; - color: #69312F; + background: #F1BB59 none repeat scroll 0% 50%; + color: #69312F; + border-left-color: #DD8A3D; } .entity-title-green { - background: #AFA none repeat scroll 0% 50%; - color: #250; + background: #AFA none repeat scroll 0% 50%; + color: #250; } .entity-subtitle-def { - background: #DD8A3D none repeat scroll 0% 50%; - color: #FFF; + background: #DD8A3D none repeat scroll 0% 50%; + color: #FFF; } .entity-subtitle-green { - background: #5FD35F none repeat scroll 0% 50%; - color: #FFF; + background: #5FD35F none repeat scroll 0% 50%; + color: #FFF; } .entity-bottom-rd-def { - background: #DD8A3D; + background: #DD8A3D; } .entity-bottom-rd-green { - background: #5FD35F; + background: #5FD35F; } .entity-container-def div { - background: #FFD09D none repeat scroll 0% 50%; + background: #FFD09D none repeat scroll 0% 50%; } .entity-container-green { - background: #CFA none repeat scroll 0% 50%; + background: #CFA none repeat scroll 0% 50%; } .entity-bottom { - line-height:2em; + line-height: 2em; } .entity-bottom-def { - background: #DD8A3D; - color: #FFF; + background: #DD8A3D; + color: #FFF; } .entity-bottom-green { - background: #5FD35F; - color: #FFF; + background: #5FD35F; + color: #FFF; } .k-toolbar-top-line { - border-top-color: rgb(208, 208, 208); - border-top-style: solid; - border-top-width: 1px; + border-top-color: rgb( 208, 208, 208 ); + border-top-style: solid; + border-top-width: 1px; } .k-toolbar-bottom-line { - border-bottom-color: rgb(208, 208, 208); - border-bottom-style: solid; - border-bottom-width: 1px; + border-bottom-color: rgb( 208, 208, 208 ); + border-bottom-style: solid; + border-bottom-width: 1px; } -.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label { - white-space: nowrap; - font:normal 13px arial,sans; - line-height: 19px; +.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label { + white-space: nowrap; + font: normal 13px arial, sans; + line-height: 19px; } + +.k-toolbar-sep { + padding-top: 5px; +}

1 0

r784 - in sandbox3/src/main/java/org/op: client public public/css
by vjrj 05 Jul '08

05 Jul '08

Author: vjrj Date: 2008-07-05 21:00:57 +0200 (Sat, 05 Jul 2008) New Revision: 784 Removed: sandbox3/src/main/java/org/op/public/sandbox.css Modified: sandbox3/src/main/java/org/op/client/EntityWorkspace.java sandbox3/src/main/java/org/op/public/css/sandbox.css Log: more ext probes Modified: sandbox3/src/main/java/org/op/client/EntityWorkspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-05 18:27:10 UTC (rev 783) +++ sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-05 19:00:57 UTC (rev 784) @@ -20,9 +20,9 @@ private final Toolbar containerBottomBar; private final RoundedPanel roundedTitle; private final RoundedPanel roundedBottom; + private final DefaultBorderLayout containerWrap; public EntityWorkspace() { - super.setCls("entityworkspace"); final Panel titles = new Panel(); titles.setBorder(false); titles.setLayout(new AnchorLayout()); @@ -50,7 +50,7 @@ bottomPanel.add(roundedBottom, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); final DefaultBorderLayout contentWrap = new DefaultBorderLayout(); - final DefaultBorderLayout containerWrap = new DefaultBorderLayout(); + containerWrap = new DefaultBorderLayout(); contentWrap.setBorder(true); containerWrap.setBorder(true); content = new Panel(); @@ -120,11 +120,13 @@ public void setTheme(final WsTheme theme) { final String themeS = theme.toString(); + super.setCls("entityworkspace-" + theme); roundedTitle.setCornerStyleName("entity-title-rd-" + theme); roundedBottom.setCornerStyleName("entity-bottom-rd-" + theme); title.addStyleDependentName(themeS); subTitle.addStyleDependentName(themeS); bottom.addStyleDependentName(themeS); + container.setStyleName("entity-container-" + theme); } public void setTitle(final View view) { Modified: sandbox3/src/main/java/org/op/public/css/sandbox.css =================================================================== --- sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-05 18:27:10 UTC (rev 783) +++ sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-05 19:00:57 UTC (rev 784) @@ -17,6 +17,14 @@ background: transparent none repeat scroll 0% 50%; } +.entityworkspace-def .x-layout-split { + background: #DEAA87 none repeat scroll 0% 50%; +} + +.entityworkspace-green .x-layout-split { + background: #DCE8AB none repeat scroll 0% 50%; +} + .entity-title { line-height: 22px; } @@ -61,6 +69,14 @@ background: #5FD35F; } +.entity-container-def div { + background: #FFD09D none repeat scroll 0% 50%; +} + +.entity-container-green { + background: #CFA none repeat scroll 0% 50%; +} + .entity-bottom { line-height:2em; } Deleted: sandbox3/src/main/java/org/op/public/sandbox.css =================================================================== --- sandbox3/src/main/java/org/op/public/sandbox.css 2008-07-05 18:27:10 UTC (rev 783) +++ sandbox3/src/main/java/org/op/public/sandbox.css 2008-07-05 19:00:57 UTC (rev 784) @@ -1,52 +0,0 @@ -@CHARSET "UTF-8"; - -.toolbar-transparent { - background: #EFEFEF none repeat scroll 0% 50%; - border-top: 0px; -} - -.entity .x-layout-split { - background: blue none repeat scroll 0% 50%; -} - -.entityworkspace .x-layout-split { - background: transparent none repeat scroll 0% 50%; -} - -.entity-title { - background: blue none repeat scroll 0% 50%; - height: 100%; - line-height: 18px; -} - -.entity-subtitle { - background: cyan none repeat scroll 0%; - height: 100%; - line-height:2em; -} - -.entity-bottom { - background-color: blue; - height: 100%; - line-height:2em; -} - -.entity-title-rd { - -} - -.faketoolbar-top-line { -border-top-color: rgb(208, 208, 208); -border-top-style: solid; -border-top-width: 1px; -} - -.faketoolbar-bottom-line { -border-bottom-color: rgb(208, 208, 208); -border-bottom-style: solid; -border-bottom-width: 1px; -} - -.entity-bottom-rd { - -} \ No newline at end of file

1 0

r783 - in sandbox3/src/main/java/org/op: . client public public/css
by vjrj 05 Jul '08

05 Jul '08

Author: vjrj Date: 2008-07-05 20:27:10 +0200 (Sat, 05 Jul 2008) New Revision: 783 Added: sandbox3/src/main/java/org/op/client/RoundedPanel.java sandbox3/src/main/java/org/op/client/Toolbar.java sandbox3/src/main/java/org/op/client/WsTheme.java sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java sandbox3/src/main/java/org/op/public/css/ sandbox3/src/main/java/org/op/public/css/all.css sandbox3/src/main/java/org/op/public/css/sandbox.css Removed: sandbox3/src/main/java/org/op/client/FakeToolbar.java Modified: sandbox3/src/main/java/org/op/Sandbox.gwt.xml sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java sandbox3/src/main/java/org/op/client/Entity.java sandbox3/src/main/java/org/op/client/EntitySummary.java sandbox3/src/main/java/org/op/client/EntityWorkspace.java sandbox3/src/main/java/org/op/client/Sandbox.java sandbox3/src/main/java/org/op/client/Workspace.java sandbox3/src/main/java/org/op/public/Sandbox.html Log: more ext probes Modified: sandbox3/src/main/java/org/op/Sandbox.gwt.xml =================================================================== --- sandbox3/src/main/java/org/op/Sandbox.gwt.xml 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/Sandbox.gwt.xml 2008-07-05 18:27:10 UTC (rev 783) @@ -9,15 +9,12 @@ <script src="js/ext/ext-all.js" />  + <stylesheet src="css/all.css" /> + <stylesheet src="css/sandbox.css" /> - <stylesheet src="js/ext/resources/css/ext-all.css"/> - <stylesheet src="js/ext/resources/css/xtheme-gray.css"/> - <stylesheet src="sandbox.css" /> - <inherits name="com.allen_sauer.gwt.log.gwt-log" /> <extend-property name="log_level" values="DEBUG" /> <set-property name="log_DivLogger" value="DISABLED" /> Modified: sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java =================================================================== --- sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java 2008-07-05 18:27:10 UTC (rev 783) @@ -1,7 +1,5 @@ package org.op.client; -import org.ourproject.kune.platf.client.View; - import com.google.gwt.user.client.ui.Widget; import com.gwtext.client.core.RegionPosition; import com.gwtext.client.widgets.Panel; @@ -15,7 +13,7 @@ NORTH, CENTER, SOUTH, EAST, WEST } - protected static final int DEF_TOOLBAR_HEIGHT = 22; + protected static final int DEF_TOOLBAR_HEIGHT = 26; private static final int NO_SIZE = -1; @@ -71,16 +69,11 @@ protected void add(final Panel panel, final Widget widget) { panel.add(widget); - // FIXME: test if this is is necessary if (panel.isRendered()) { panel.syncSize(); panel.doLayout(); } - // FIXME: useDoLayoutIfNeeded - if (mainPanel.isRendered()) { - mainPanel.syncSize(); - mainPanel.doLayout(); - } + doLayoutIfNeeded(); } protected Toolbar createBottomBar(final Panel panel) { @@ -125,8 +118,7 @@ mainPanel.setCls(style); } - protected void setPanel(final Panel panel, final View view) { - final Widget widget = (Widget) view; + protected void setPanel(final Panel panel, final Widget widget) { panel.clear(); add(panel, widget); } Modified: sandbox3/src/main/java/org/op/client/Entity.java =================================================================== --- sandbox3/src/main/java/org/op/client/Entity.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/Entity.java 2008-07-05 18:27:10 UTC (rev 783) @@ -6,22 +6,30 @@ public class Entity extends DefaultBorderLayout { private final EntityWorkspace entityWorkspace; + private final EntitySummary entitySummary; public Entity() { - Panel entityMainHeader = new Panel(); - entityMainHeader.setBorder(false); - entityMainHeader.add(new Label("Group logo")); - EntitySummary entitySummary = new EntitySummary(); - entityWorkspace = new EntityWorkspace(); - super.setCls("entity"); + final Panel entityMainHeader = new Panel(); + entityMainHeader.setBorder(false); + entityMainHeader.add(new Label("Group logo")); + entitySummary = new EntitySummary(); + entityWorkspace = new EntityWorkspace(); - add(entityMainHeader, DefaultBorderLayout.Position.NORTH, 65); - add(entityWorkspace.getPanel(), DefaultBorderLayout.Position.CENTER); - add(entitySummary.getPanel(), DefaultBorderLayout.Position.EAST, true, 150); + add(entityMainHeader, DefaultBorderLayout.Position.NORTH, 65); + add(entityWorkspace.getPanel(), DefaultBorderLayout.Position.CENTER); + add(entitySummary.getPanel(), DefaultBorderLayout.Position.EAST, true, 150); } + public EntitySummary getEntitySummary() { + return entitySummary; + } + public EntityWorkspace getEntityWorkspace() { - return entityWorkspace; + return entityWorkspace; } + public void setTheme(final WsTheme theme) { + super.setCls("entity-" + theme); + entityWorkspace.setTheme(theme); + } } Modified: sandbox3/src/main/java/org/op/client/EntitySummary.java =================================================================== --- sandbox3/src/main/java/org/op/client/EntitySummary.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/EntitySummary.java 2008-07-05 18:27:10 UTC (rev 783) @@ -2,21 +2,22 @@ import com.google.gwt.user.client.ui.Label; import com.gwtext.client.widgets.Panel; +import com.gwtext.client.widgets.Toolbar; +import com.gwtext.client.widgets.ToolbarMenuButton; public class EntitySummary extends DefaultBorderLayout { + private final Toolbar trayBar; + public EntitySummary() { - Panel entitySummary = new Panel(); - entitySummary.setBorder(false); - entitySummary.add(new Label("Summary")); - // entitySummary.setCtCls("entity-separator"); - // super.setCtCls("entity-separator"); - createBottomBar(entitySummary, "toolbar-transparent"); + final Panel entitySummary = new Panel(); + entitySummary.setBorder(false); + entitySummary.add(new Label("Summary")); + trayBar = createBottomBar(entitySummary, "toolbar-transparent"); + add(entitySummary, DefaultBorderLayout.Position.CENTER); + } - // Panel separator = new Panel(); - // separator.setBorder(false); - // entitySummary.setCls("entity-separator"); + public void addMenuToTrayBar(final ToolbarMenuButton button) { + trayBar.addButton(button); + } - add(entitySummary, DefaultBorderLayout.Position.CENTER); - // add(separator, DefaultBorderLayout.Position.west, 3); - } } Modified: sandbox3/src/main/java/org/op/client/EntityWorkspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-05 18:27:10 UTC (rev 783) @@ -1,141 +1,135 @@ package org.op.client; import org.ourproject.kune.platf.client.View; -import org.ourproject.kune.platf.client.ui.RoundedBorderDecorator; -import com.google.gwt.user.client.Window; -import com.google.gwt.user.client.ui.Label; -import com.gwtext.client.core.EventObject; -import com.gwtext.client.widgets.Button; +import com.google.gwt.user.client.ui.HorizontalPanel; +import com.google.gwt.user.client.ui.Widget; import com.gwtext.client.widgets.Panel; -import com.gwtext.client.widgets.Toolbar; -import com.gwtext.client.widgets.ToolbarButton; -import com.gwtext.client.widgets.event.ButtonListenerAdapter; import com.gwtext.client.widgets.layout.AnchorLayout; import com.gwtext.client.widgets.layout.AnchorLayoutData; public class EntityWorkspace extends DefaultBorderLayout { - private static final String SAMPLE_COLOR = "blue"; + private final Panel content; + private final Panel container; + private final HorizontalPanel title; + private final HorizontalPanel subTitle; + private final HorizontalPanel bottom; private final Toolbar contentTopBar; - @SuppressWarnings("unused") private final Toolbar contentBottomBar; - @SuppressWarnings("unused") - private final Panel container; - private final Panel content; - private final Panel bottom; - private final Panel title; - private final Panel subTitle; - private final FakeToolbar containerTopBar; - private final FakeToolbar containerBottomBar; + private final Toolbar containerTopBar; + private final Toolbar containerBottomBar; + private final RoundedPanel roundedTitle; + private final RoundedPanel roundedBottom; public EntityWorkspace() { super.setCls("entityworkspace"); final Panel titles = new Panel(); titles.setBorder(false); titles.setLayout(new AnchorLayout()); + final Panel bottomPanel = new Panel(); + bottomPanel.setBorder(false); + bottomPanel.setLayout(new AnchorLayout()); - title = new Panel(); - title.setBorder(false); - title.setBaseCls("entity-title"); - subTitle = new Panel(); - subTitle.setBorder(false); - subTitle.setBaseCls("entity-subtitle"); - bottom = new Panel(); - bottom.setBorder(false); - bottom.setBaseCls("entity-bottom"); + title = new HorizontalPanel(); + title.setWidth("100%"); + title.setHeight("" + (DEF_TOOLBAR_HEIGHT - 2)); + title.setStylePrimaryName("entity-title"); + subTitle = new HorizontalPanel(); + subTitle.setWidth("100%"); + subTitle.setStylePrimaryName("entity-subtitle"); + bottom = new HorizontalPanel(); + bottom.setWidth("100%"); + bottom.setHeight("" + (DEF_TOOLBAR_HEIGHT - 2)); + bottom.setStylePrimaryName("entity-bottom"); - final RoundedBorderDecorator roundedTitle = new RoundedBorderDecorator(title, RoundedBorderDecorator.TOPLEFT); - roundedTitle.setColor(SAMPLE_COLOR); - // roundedTitle.addStyleName("entity-title-rd"); - roundedTitle.setHeight("" + DEF_TOOLBAR_HEIGHT); + roundedTitle = new RoundedPanel(title, RoundedPanel.TOPLEFT, 2); + roundedBottom = new RoundedPanel(bottom, RoundedPanel.BOTTOMLEFT, 2); - final RoundedBorderDecorator roundedBottom = new RoundedBorderDecorator(bottom, - RoundedBorderDecorator.BOTTOMLEFT); - roundedBottom.setColor(SAMPLE_COLOR); - // roundedBottom.addStyleName("entity-bottom-rd"); - roundedBottom.setHeight("" + DEF_TOOLBAR_HEIGHT); - titles.add(roundedTitle, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); titles.add(subTitle, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); + bottomPanel.add(roundedBottom, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); final DefaultBorderLayout contentWrap = new DefaultBorderLayout(); final DefaultBorderLayout containerWrap = new DefaultBorderLayout(); + contentWrap.setBorder(true); containerWrap.setBorder(true); content = new Panel(); + content.setBorder(false); + content.setAutoScroll(true); container = new Panel(); container.setBorder(false); container.setCollapsible(true); content.setPaddings(5); container.setPaddings(5); + container.setAutoScroll(true); - final Panel bottomPanel = new Panel(); - bottomPanel.setBorder(false); - bottomPanel.setLayout(new AnchorLayout()); - bottomPanel.add(roundedBottom, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); - - // contentTopBar = new FakeToolbar(); - contentTopBar = createTopBar(content); - contentTopBar.addElement((new Label("l")).getElement()); - contentTopBar.addSeparator(); - contentTopBar.addElement((new Label("c")).getElement()); - contentTopBar.addSpacer(); - contentTopBar.addElement((new Label("r")).getElement()); - containerTopBar = new FakeToolbar(); - final ToolbarButton rula = new ToolbarButton("kkrula?"); - containerTopBar.add(rula); - - rula.addListener(new ButtonListenerAdapter() { - public void onClick(final Button button, final EventObject e) { - Window.alert("click"); - } - }); - containerBottomBar = new FakeToolbar(); - containerTopBar.addClass("faketoolbar-bottom-line"); - containerBottomBar.addClass("faketoolbar-top-line"); - // contentWrap.add(contentTopBar.getPanel(), Position.NORTH, false, - // DEF_TOOLBAR_HEIGHT); + contentTopBar = new Toolbar(); + contentBottomBar = new Toolbar(); + containerTopBar = new Toolbar(); + containerBottomBar = new Toolbar(); + contentTopBar.addClass("k-toolbar-bottom-line"); + contentBottomBar.addClass("k-toolbar-top-line"); + containerTopBar.addClass("k-toolbar-bottom-line"); + containerBottomBar.addClass("k-toolbar-top-line"); + contentWrap.add(contentTopBar.getPanel(), Position.NORTH, false, DEF_TOOLBAR_HEIGHT); + contentWrap.add(content, Position.CENTER); + contentWrap.add(contentBottomBar.getPanel(), Position.SOUTH, false, DEF_TOOLBAR_HEIGHT); containerWrap.add(containerTopBar.getPanel(), Position.NORTH, false, DEF_TOOLBAR_HEIGHT); containerWrap.add(container, Position.CENTER); containerWrap.add(containerBottomBar.getPanel(), Position.SOUTH, false, DEF_TOOLBAR_HEIGHT); - contentWrap.add(content, Position.CENTER); - contentBottomBar = createBottomBar(content); add(titles, DefaultBorderLayout.Position.NORTH, DEF_TOOLBAR_HEIGHT * 2); add(contentWrap.getPanel(), DefaultBorderLayout.Position.CENTER); add(containerWrap.getPanel(), DefaultBorderLayout.Position.EAST, true, 175); - add(bottomPanel, DefaultBorderLayout.Position.SOUTH, DEF_TOOLBAR_HEIGHT); + add(bottomPanel, DefaultBorderLayout.Position.SOUTH, DEF_TOOLBAR_HEIGHT + 2); } - public void addItemToContentTopBar(final View view) { - setPanel(content, view); - } - - public FakeToolbar getContainerBottomBar() { + public Toolbar getContainerBottomBar() { return containerBottomBar; } - public FakeToolbar getContainerTopBar() { + public Toolbar getContainerTopBar() { return containerTopBar; } + public Toolbar getContentBottomBar() { + return contentBottomBar; + } + + public Toolbar getContentTopBar() { + return contentTopBar; + } + public void setBottom(final View view) { - setPanel(bottom, view); + bottom.clear(); + bottom.add((Widget) view); } public void setContainer(final View view) { - setPanel(container, view); + setPanel(container, (Widget) view); } public void setContent(final View view) { - setPanel(content, view); + setPanel(content, (Widget) view); } public void setSubtitle(final View view) { - setPanel(subTitle, view); + subTitle.clear(); + subTitle.add((Widget) view); } + public void setTheme(final WsTheme theme) { + final String themeS = theme.toString(); + roundedTitle.setCornerStyleName("entity-title-rd-" + theme); + roundedBottom.setCornerStyleName("entity-bottom-rd-" + theme); + title.addStyleDependentName(themeS); + subTitle.addStyleDependentName(themeS); + bottom.addStyleDependentName(themeS); + } + public void setTitle(final View view) { - setPanel(title, view); + title.clear(); + title.add((Widget) view); } } Deleted: sandbox3/src/main/java/org/op/client/FakeToolbar.java =================================================================== --- sandbox3/src/main/java/org/op/client/FakeToolbar.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/FakeToolbar.java 2008-07-05 18:27:10 UTC (rev 783) @@ -1,57 +0,0 @@ -package org.op.client; - -import com.google.gwt.user.client.ui.HorizontalPanel; -import com.google.gwt.user.client.ui.Label; -import com.google.gwt.user.client.ui.Widget; -import com.gwtext.client.widgets.Panel; - -public class FakeToolbar { - private final Panel container; - private final HorizontalPanel horPanel; - - public FakeToolbar() { - container = new Panel(); - container.setBorder(false); - container.setBodyBorder(false); - container.setHeight(DefaultBorderLayout.DEF_TOOLBAR_HEIGHT); - container.setWidth("100%"); - container.setHeader(false); - container.setBaseCls("x-toolbar"); - container.addClass("x-panel"); - horPanel = new HorizontalPanel(); - container.add(horPanel); - } - - public void add(final Widget widget) { - horPanel.add(widget); - if (container.isRendered()) { - container.doLayout(false); - } - } - - public void addClass(final String cls) { - container.addClass(cls); - } - - public void addFill() { - final Label emptyLabel = new Label(""); - horPanel.add(emptyLabel); - horPanel.setCellWidth(emptyLabel, "100%"); - } - - public void addSeparator() { - final Label emptyLabel = new Label(""); - emptyLabel.setStyleName("ytb-sep"); - horPanel.add(emptyLabel); - } - - public void addSpacer() { - final Label emptyLabel = new Label(""); - emptyLabel.setStyleName("ytb-spacer"); - horPanel.add(emptyLabel); - } - - public Panel getPanel() { - return container; - } -} Added: sandbox3/src/main/java/org/op/client/RoundedPanel.java =================================================================== --- sandbox3/src/main/java/org/op/client/RoundedPanel.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/RoundedPanel.java 2008-07-05 18:27:10 UTC (rev 783) @@ -0,0 +1,486 @@ +/* + * Copyright 2007 Hilbrand Bouwkamp, hs(a)bouwkamp.com + * + * Licensed under the Apache License, Version 2.0 (the "License"); you may not + * use this file except in compliance with the License. You may obtain a copy of + * the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations under + * the License. + */ +package org.op.client; + +import com.google.gwt.user.client.DOM; +import com.google.gwt.user.client.Element; +import com.google.gwt.user.client.ui.SimplePanel; +import com.google.gwt.user.client.ui.Widget; + +/** + * The <code>RoundedPanel</code> class adds similar rounded corners, as seen + * in other Google applications, to a widget. This is done by adding several + * <code>div</code> Elements around a Widget. The HTML code roughly for a + * corner height 2 looks as follows: + * + * <pre> + * <div> + * <div style="margin:0 2px"></div> + * <div style="margin:0 1px"></div> + * <div>your widget</div> + * <div style="margin:0 1px"></div> + * <div style="margin:0 2px"></div> + * </div> + * </pre> + * + * To add the rounded corners to a widget start simply wrap your own widget in + * the <code>RoundedPanel</code> class, for example with all corners rounded: + * + * <pre> + * // all 4 corners are rounded. + * RoundedPanel rp = new RoundedPanel(yourWidget); + * // use rp where you would use 'yourWidget' otherwise + * </pre> + * + * Or with custom set corners, like only on the left: + * + * <pre> + * // custom set corners + * RoundedPanel rp = new RoundedPanel(yourWidget, RoundedPanel.LEFT); + * // use rp where you would use 'yourWidget' otherwise + * </pre> + * + * By default the height of the corners is 2px. It is possible to set a + * different height at construction time. The height can be a value between and + * including 1 and 9. This value doesn't correspond exactly with the height, + * e.g. 9 is 12px heigh. + * + * <pre> + * // all 4 corners are rounded and height index 5 + * RoundedPanel rp = new RoundedPanel(yourWidget, ALL, 5); + * // use rp where you would use 'yourWidget' otherwise + * </pre> + * + * Programmatically set the color of the corners with + * {@link #setCornerColor(String)}: + * + * <pre> + * // all 4 corners are rounded. + * RoundedPanel rp = new RoundedPanel(yourWidget); + * rp.setCornerColor("red"); + * </pre> + * + * Default the css style name of the rounded corner divs is <code>cbg-RP</code>. + * Use it to set the colors of the corner. For example: + * + * <pre> + * .cbg-RP { background-color:#c3d9ff; } + * </pre> + * + * A custom style might be needed when the corners are visible only when a panel + * is selected (see the KitchenSink example modification below). Use the + * <code>setCornerStyleName</code> method to set the custom style name. For + * example set a custom style <code>my-RP</code> and add something like the + * following to the stylesheet: + * + * <pre> + * .selected .my-RP { background-color:#c3d9ff; } + * </pre> + * + * <h3>Adding rounded corners to DialogBox widgets</h3> + * Adding rounded corners to a <code>DialogBox</code> is somewhat more + * complicated. The problem with <code>DialogBox</code> is that it uses a + * private panel and the <code>RoundedPanel</code> should be applied to this + * private <code>Panel</code>. To add the rounded corners to a + * <code>DialogBox</code> you have to rewrite the implementation of the + * <code>DialogBox</code>. For the <code>DialogBox</code> widget this can + * be done as follows. First create a new class like + * <code>RoundedDialogBox</code> and copy the code from the original + * <code>DialogBox</code> (Please take the copyright of this class into + * account). Next make the following changes to the code: + * + * <pre> + * // Private variable for RoundedPanel + * private RoundedPanel rp; + * </pre> + * + * In the constructor change: + * + * <pre> + * super.add(panel); + * </pre> + * + * into: + * + * <pre> + * rp = new RoundedPanel(panel); + * super.add(rp); + * </pre> + * + * Next change the style, otherwise the style of the dialog box is applied to + * the rounded lines too. Do this by changing the following line: + * + * <pre> + * setStyleName("gwt-DialogBox"); + * </pre> + * + * into: + * + * <pre> + * panel.setStyleName("gwt-DialogBox"); + * </pre> + * + * In your css add the color of the border, something like: + * + * <pre> + * .cbg-RP { background-color:#AAAAAA; } + * </pre> + * + * There seems to be a problem with the width under IE. The RoundedPanel divs + * don't follow the width of the dialog. To fix this change the + * <code>show</code> method as follows: + * + * <pre> + * public void show() { + * super.show(); + * // (The width must be set after the super.show() otherwise it will be 0). + * // NOTE: As of GWT 1.1 the .getOffsetWidth() returns 0 at this point. + * // This is different with earlier versions of GWT. Disable the line will make + * // the rounded corners work in at least Firefox 1.5, but not in IE. + * // I'm looking into this issue. + * rp.setWidth(panel.getOffsetWidth() + "px"); + * } + * </pre> + * + * Now by extending your own dialog class on this <code>RoundedDialogBox</code> + * instead of the original <code>DialogBox</code> you will have rounded + * corners around your dialog. + * + * + * @author Hilbrand Bouwkamp(hs(a)bouwkamp.com) + * @version 1.3 + */ +public class RoundedPanel extends SimplePanel { + + /** + * <code>TOPLEFT</code> top left rounded corner + */ + public final static int TOPLEFT = 1; + + /** + * <code>TOPRIGHT</code> top right rounded corner + */ + public final static int TOPRIGHT = 2; + + /** + * <code>BOTTOMLEFT</code> bottom left rounded corner + */ + public final static int BOTTOMLEFT = 4; + + /** + * <code>BOTTOMRIGHT</code> bottom right rounded corner + */ + public final static int BOTTOMRIGHT = 8; + + /** + * <code>BOTTOM</code> rounded corners at the top + */ + public final static int TOP = TOPLEFT | TOPRIGHT; + + /** + * <code>TOP</code> rounded corners at the bottom + */ + public final static int BOTTOM = BOTTOMLEFT | BOTTOMRIGHT; + + /** + * <code>LEFT</code> rounded corners on the left side + */ + public final static int LEFT = TOPLEFT | BOTTOMLEFT; + + /** + * <code>RIGHT</code> rounded corners on the right side + */ + public final static int RIGHT = TOPRIGHT | BOTTOMRIGHT; + + /** + * <code>ALL</code> rounded corners on all sides + */ + public final static int ALL = TOP | BOTTOM; + + /** + * Default border style + */ + private final static String RPSTYLE = "cbg-RP"; + + /** + * Lookup table for corner border width + */ + private final static String[][] CORNERBORDER = { { "1px" }, { "1px", "1px" }, { "1px", "1px", "1px" }, + { "1px", "1px", "1px", "1px" }, { "1px", "1px", "1px", "2px", "1px" }, + { "1px", "1px", "1px", "1px", "2px", "1px" }, { "1px", "1px", "1px", "1px", "1px", "2px", "1px" }, + { "1px", "1px", "1px", "1px", "1px", "2px", "2px", "1px" }, + { "1px", "1px", "1px", "1px", "1px", "1px", "2px", "3px", "1px" } }; + + /** + * Lookup table for corner height + */ + private final static String[][] CORNERHEIGHT = { { "1px" }, { "1px", "1px" }, { "1px", "1px", "1px" }, + { "1px", "1px", "1px", "1px" }, { "2px", "1px", "1px", "1px", "1px" }, + { "2px", "1px", "1px", "1px", "1px", "1px" }, { "2px", "1px", "1px", "1px", "1px", "1px", "1px" }, + { "2px", "1px", "1px", "1px", "1px", "1px", "1px", "1px" }, + { "3px", "2px", "1px", "1px", "1px", "1px", "1px", "1px", "1px" } }; + + /** + * Lookup table for corner margin + */ + private final static String[][] CORNERMARGIN = { { "1px" }, { "1px", "2px" }, { "1px", "2px", "3px" }, + { "1px", "2px", "3px", "4px" }, { "1px", "2px", "3px", "4px", "6px" }, + { "1px", "2px", "3px", "4px", "5px", "7px" }, { "1px", "2px", "3px", "4px", "5px", "6px", "8px" }, + { "1px", "2px", "3px", "4px", "5px", "6px", "8px", "10px" }, + { "1px", "2px", "3px", "4px", "5px", "6px", "7px", "9px", "12px" }, }; + + /** + * Element array containing all div elements of the top corner div's. + */ + protected final Element[] divt; + + /** + * Element array containing all div elements of the bottom corner div's. + */ + protected final Element[] divb; + + /** + * Index of the corner height. + */ + protected final int cornerHeight; + + /** + * Index of which corners are set. + */ + protected final int corners; + + private final Element body; // body of widget + private final Element divElement; // div element containing widget + + /** + * Creates a new <code>RoundedPanel</code> with all corners rounded and + * height of corners 2px. Use <code>setWidget</code> to add the widget. + */ + public RoundedPanel() { + this(ALL, 2); + } + + /** + * Creates a new <code>RoundedPanel</code> with custom rounding and height + * of corners 2px but with no widget set. Use <code>setWidget</code> to + * add widget. + * + * Every combination of corners can be set via <code>corners</code>. Use + * the static constants to set the corners. For example, to create a panel + * with only rounded corners at the left, use: + * + * <code>new RoundedPanel(yourWidget, RoundedPanel.LEFT);</code> + * + * @param corners + * set custom rounded corners + */ + public RoundedPanel(final int corners) { + this(corners, 2); + } + + /** + * Creates a new <code>RoundedPanel</code> with custom rounding and custom + * height of the corners but with no widget set. Height can be value from 1 + * to 9. The height for a value 5 or higher is actually larger, e.g. for 5 + * the height is 6px. Use {@link #setWidget(Widget)} to add widget. + * + * @param corners + * set custom rounded corners + * @param cornerHeight + * height index between and including 1 and 9 + * @throws IndexOutOfBoundsException + * when cornerHeight below 1 or above 9 + */ + public RoundedPanel(final int corners, final int cornerHeight) { + super(DOM.createDiv()); + body = getElement(); + if (cornerHeight < 1 || cornerHeight > 9) { + throw new IndexOutOfBoundsException("RoundedPanel height range between and including 1 and 9"); + } + this.cornerHeight = cornerHeight; + divt = new Element[cornerHeight]; + divb = new Element[cornerHeight]; + this.corners = corners; + if (inMask(corners, TOP)) { + final int ct = corners & TOP; + + for (int i = 0; i < cornerHeight; ++i) { + divt[i] = addLine(ct, cornerHeight - (i + 1)); + } + } + divElement = DOM.createDiv(); + DOM.appendChild(body, divElement); + if (inMask(corners, BOTTOM)) { + final int cb = corners & BOTTOM; + + for (int i = cornerHeight - 1; i >= 0; --i) { + divb[i] = addLine(cb, cornerHeight - (i + 1)); + } + } + setCornerStyleName(RPSTYLE); + } + + /** + * Creates a new <code>RoundedPanel</code> with all corners rounded and + * height 2px on the widget <code>w</code>. + * + * @param w + * widget to add corners to + */ + public RoundedPanel(final Widget w) { + this(w, ALL); + } + + /** + * Creates a new <code>RoundedPanel</code> with custom rounded corners and + * height 2px on the widget <code>w</code>. + * + * @param w + * widget to add corners to + * @param corners + * set custom rounded corners + */ + public RoundedPanel(final Widget w, final int corners) { + this(w, corners, 2); + } + + /** + * Creates a new <code>RoundedPanel</code> with custom rounded corners and + * custom height on widget <code>w</code>. + * + * @param w + * widget to add corners to + * @param corners + * set custom rounded corners + * @param cornerHeight + * height index between and including 1 and 9 + */ + public RoundedPanel(final Widget w, final int corners, final int cornerHeight) { + this(corners, cornerHeight); + setWidget(w); + } + + /** + * <p> + * Set the bolder color of the rounded corner by setting the background + * color of the div's. + * </p> + * + * @param borderColor + * border color + */ + public void setCornerColor(final String borderColor) { + if (null != divt[0]) { + for (int i = 0; i < cornerHeight; ++i) { + DOM.setStyleAttribute(divt[i], "backgroundColor", borderColor); + } + } + if (null != divb[0]) { + for (int i = 0; i < cornerHeight; ++i) { + DOM.setStyleAttribute(divb[i], "backgroundColor", borderColor); + } + } + } + + /** + * Set the css style name of the rounded corners div's. Default the css + * stylename is <code>cbg-RP</code>. Use it to set the colors of the + * corner. For example: <code>.cbg-RP { background-color:#c3d9ff; }</code>. + * + * A custom style might be needed when the corners are visible only when a + * panel is selected. Use this method to set the custom style name and add + * something like the following to the stylesheet: + * + * <code>.selected .cbg-RP { background-color:#c3d9ff; }</code> Setting + * the color is also possible via the method {@link #setCornerColor(String)}. + * + * @param style + * css style name + */ + public void setCornerStyleName(final String style) { + if (null != divt[0]) { + for (int i = 0; i < cornerHeight; ++i) { + DOM.setElementProperty(divt[i], "className", style); + } + } + if (null != divb[0]) { + for (int i = 0; i < cornerHeight; ++i) { + DOM.setElementProperty(divb[i], "className", style); + } + } + } + + /** + * Set the style of the RoundedPanel. In most cases this is not necessary + * and setting the style on the widget to which the + * <code>RoundedPanel</code> is applied should be set, as is done when not + * using the <code>RoundedPanel</code> + * + * @param style + * css style name + */ + public void setStyleName(final String style) { + DOM.setElementProperty(body, "className", style); + } + + /** + * Overwrite of parent getContainerElement() + */ + protected Element getContainerElement() { + return divElement; + } + + /** + * Convenience method to check if given <code>input</code> is with the + * <code>mask</code>. + * + * @param input + * input to check + * @param mask + * mask to check against + * @return true if input within mask + */ + protected boolean inMask(final int input, final int mask) { + return (input & mask) > 0; + } + + /** + * Creates div element representing part of the rounded corner. + * + * @param corner + * corner mask to set rounded corner + * @param heightIndex + * margin width for line + */ + private Element addLine(final int corner, final int heightIndex) { + // margin 2 fields : top/bottom right/left => "0 <width>px" + // margin 4 fields : top right bottom left => "0 <width>px 0 <width>px" + final String margin = corner == TOP || corner == BOTTOM ? "0 " + + RoundedPanel.CORNERMARGIN[cornerHeight - 1][heightIndex] : inMask(corner, LEFT) ? "0 0 0 " + + RoundedPanel.CORNERMARGIN[cornerHeight - 1][heightIndex] : "0 " + + RoundedPanel.CORNERMARGIN[cornerHeight - 1][heightIndex] + " 0 0"; + final Element div = DOM.createDiv(); + + DOM.setStyleAttribute(div, "fontSize", "0px"); + DOM.setStyleAttribute(div, "height", RoundedPanel.CORNERHEIGHT[cornerHeight - 1][heightIndex]); + DOM.setStyleAttribute(div, "borderWidth", "0 " + RoundedPanel.CORNERBORDER[cornerHeight - 1][heightIndex]); + DOM.setStyleAttribute(div, "lineHeight", RoundedPanel.CORNERHEIGHT[cornerHeight - 1][heightIndex]); + DOM.setStyleAttribute(div, "margin", margin); + DOM.setInnerHTML(div, " "); + DOM.appendChild(body, div); + return div; + } +} \ No newline at end of file Modified: sandbox3/src/main/java/org/op/client/Sandbox.java =================================================================== --- sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-05 18:27:10 UTC (rev 783) @@ -98,23 +98,53 @@ panel.add(wk.getPanel()); new Viewport(panel); - wk.getEntityWorkspace().addItemToContentTopBar(new MenuBarWrapper()); - wk.getEntityWorkspace().getContainerTopBar().add(new MenuBarWrapper()); + // wk.getEntityWorkspace().getContentTopBar().add(new MenuBarWrapper()); + // wk.getEntityWorkspace().getContainerTopBar().add(new + // MenuBarWrapper()); + wk.getEntityWorkspace().getContainerTopBar().addFill(); wk.getEntityWorkspace().getContainerTopBar().add(new LabelWrapper("uno")); wk.getEntityWorkspace().getContainerTopBar().addSeparator(); wk.getEntityWorkspace().getContainerTopBar().add(new LabelWrapper("dos")); wk.getEntityWorkspace().getContainerTopBar().addSpacer(); wk.getEntityWorkspace().getContainerTopBar().add(new LabelWrapper("tres")); - wk.getEntityWorkspace().getContainerBottomBar().add(new MenuBarWrapper()); + // wk.getEntityWorkspace().getContainerBottomBar().add(new + // MenuBarWrapper()); + + wk.getEntitySummary().addMenuToTrayBar(new WsThemeMenuPanel()); wk.getEntityWorkspace().getContainerBottomBar().add(new LabelWrapper("otro")); - wk.getEntityWorkspace().setContainer(new LabelWrapper("Container")); - wk.getEntityWorkspace().setContent(new LabelWrapper("Content")); + wk + .getEntityWorkspace() + .setContainer( + new LabelWrapper( + "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean urna dolor, auctor nec, adipiscing vel, ullamcorper id, arcu. Nunc tempor. Suspendisse eget felis. Phasellus sed mi. Phasellus elit. In lobortis lectus a turpis. Maecenas blandit. Ut consequat adipiscing ipsum. Aliquam justo. Sed vitae metus ac sapien elementum feugiat. Nullam eget eros. Sed ornare justo eget ipsum. Pellentesque quam turpis, lacinia in, sagittis vitae, aliquam in, lorem. Etiam auctor pretium orci.\n" + + "\n" + + "In sed augue. Suspendisse ac urna ut risus vulputate vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin imperdiet eros vel sapien. Integer ultrices nunc ut nulla. Donec gravida. Ut feugiat. Nunc feugiat cursus ante. Curabitur rutrum, odio sagittis vulputate convallis, arcu erat congue magna, a varius dui nisi sed diam. Nullam suscipit nulla ac mauris. Sed placerat. Integer at ante id orci ultricies tristique. Praesent faucibus lectus ullamcorper ligula. Aliquam facilisis, eros a ornare vestibulum, neque urna consequat magna, at tempor sem velit id est. Sed hendrerit.\n" + + "\n" + + "Proin at quam. Etiam neque diam, laoreet eu, pulvinar a, porta eu, nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ante. Curabitur eleifend, enim vehicula dapibus egestas, quam massa iaculis nulla, eget viverra arcu nisi lobortis leo. Proin quam. Sed fermentum facilisis lacus. Vestibulum luctus purus sit amet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi iaculis, erat ultrices feugiat tincidunt, libero sem suscipit mauris, sit amet dapibus diam nisi feugiat nunc. Quisque porttitor odio a ligula. Vivamus arcu diam, lacinia vitae, adipiscing eget, lobortis in, risus. Integer pharetra tempor augue. Nam sit amet risus. Donec consequat tempus eros. Vestibulum a nibh. Integer mollis sollicitudin tellus. Ut at nisi.\n" + + "\n" + + "Suspendisse volutpat venenatis orci. Nullam a arcu et mi rutrum rhoncus. Suspendisse dictum imperdiet elit. Nullam in justo nec augue varius semper. Quisque sagittis pede a neque. Phasellus ultrices. Mauris odio felis, luctus a, lacinia nec, viverra eget, leo. Nulla congue augue quis magna. Aenean sed nunc quis quam sodales sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed placerat. Aliquam a lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mi velit, iaculis vitae, volutpat eu, egestas vel, pede.\n" + + "\n" + + "Aliquam erat volutpat. Nulla ac augue ut ligula dignissim ornare. Ut porttitor consequat magna. Sed tempor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer ipsum. Nam non tellus. Morbi at nulla. Aliquam erat volutpat. Maecenas a dolor. Aliquam nec tellus vitae sapien porttitor facilisis. Integer ipsum. Etiam eget nibh sed nulla tincidunt ultrices. Proin enim. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac odio ut libero porta tempus. Vivamus vel purus. Nam mauris magna, bibendum quis, aliquam ac, fermentum nec, elit. Vestibulum justo sapien, sollicitudin non, mattis vitae, facilisis ac, libero.")); + wk + .getEntityWorkspace() + .setContent( + new LabelWrapper( + "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean urna dolor, auctor nec, adipiscing vel, ullamcorper id, arcu. Nunc tempor. Suspendisse eget felis. Phasellus sed mi. Phasellus elit. In lobortis lectus a turpis. Maecenas blandit. Ut consequat adipiscing ipsum. Aliquam justo. Sed vitae metus ac sapien elementum feugiat. Nullam eget eros. Sed ornare justo eget ipsum. Pellentesque quam turpis, lacinia in, sagittis vitae, aliquam in, lorem. Etiam auctor pretium orci.\n" + + "\n" + + "In sed augue. Suspendisse ac urna ut risus vulputate vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin imperdiet eros vel sapien. Integer ultrices nunc ut nulla. Donec gravida. Ut feugiat. Nunc feugiat cursus ante. Curabitur rutrum, odio sagittis vulputate convallis, arcu erat congue magna, a varius dui nisi sed diam. Nullam suscipit nulla ac mauris. Sed placerat. Integer at ante id orci ultricies tristique. Praesent faucibus lectus ullamcorper ligula. Aliquam facilisis, eros a ornare vestibulum, neque urna consequat magna, at tempor sem velit id est. Sed hendrerit.\n" + + "\n" + + "Proin at quam. Etiam neque diam, laoreet eu, pulvinar a, porta eu, nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ante. Curabitur eleifend, enim vehicula dapibus egestas, quam massa iaculis nulla, eget viverra arcu nisi lobortis leo. Proin quam. Sed fermentum facilisis lacus. Vestibulum luctus purus sit amet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi iaculis, erat ultrices feugiat tincidunt, libero sem suscipit mauris, sit amet dapibus diam nisi feugiat nunc. Quisque porttitor odio a ligula. Vivamus arcu diam, lacinia vitae, adipiscing eget, lobortis in, risus. Integer pharetra tempor augue. Nam sit amet risus. Donec consequat tempus eros. Vestibulum a nibh. Integer mollis sollicitudin tellus. Ut at nisi.\n" + + "\n" + + "Suspendisse volutpat venenatis orci. Nullam a arcu et mi rutrum rhoncus. Suspendisse dictum imperdiet elit. Nullam in justo nec augue varius semper. Quisque sagittis pede a neque. Phasellus ultrices. Mauris odio felis, luctus a, lacinia nec, viverra eget, leo. Nulla congue augue quis magna. Aenean sed nunc quis quam sodales sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed placerat. Aliquam a lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mi velit, iaculis vitae, volutpat eu, egestas vel, pede.\n" + + "\n" + + "Aliquam erat volutpat. Nulla ac augue ut ligula dignissim ornare. Ut porttitor consequat magna. Sed tempor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer ipsum. Nam non tellus. Morbi at nulla. Aliquam erat volutpat. Maecenas a dolor. Aliquam nec tellus vitae sapien porttitor facilisis. Integer ipsum. Etiam eget nibh sed nulla tincidunt ultrices. Proin enim. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac odio ut libero porta tempus. Vivamus vel purus. Nam mauris magna, bibendum quis, aliquam ac, fermentum nec, elit. Vestibulum justo sapien, sollicitudin non, mattis vitae, facilisis ac, libero. ")); // wk.getEntityWorkspace().setContent(fooMenu); wk.getEntityWorkspace().setBottom(new LabelWrapper("Bottom")); wk.getEntityWorkspace().setTitle(new LabelWrapper("Title")); wk.getEntityWorkspace().setSubtitle(new LabelWrapper("Subtitle")); wk.getSiteBar().add(new LabelWrapper("sitebar-right")); + wk.setTheme(WsTheme.def); // final TabItem item1 = new TabItem(); // item1.setText("Nose que1"); Copied: sandbox3/src/main/java/org/op/client/Toolbar.java (from rev 782, sandbox3/src/main/java/org/op/client/FakeToolbar.java) =================================================================== --- sandbox3/src/main/java/org/op/client/FakeToolbar.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/Toolbar.java 2008-07-05 18:27:10 UTC (rev 783) @@ -0,0 +1,57 @@ +package org.op.client; + +import com.google.gwt.user.client.ui.HorizontalPanel; +import com.google.gwt.user.client.ui.Label; +import com.google.gwt.user.client.ui.Widget; +import com.gwtext.client.widgets.Panel; + +public class Toolbar { + private final Panel container; + private final HorizontalPanel horPanel; + + public Toolbar() { + container = new Panel(); + container.setBorder(false); + container.setBodyBorder(false); + container.setHeight(DefaultBorderLayout.DEF_TOOLBAR_HEIGHT); + container.setWidth("100%"); + container.setHeader(false); + container.setBaseCls("x-toolbar"); + container.addClass("x-panel"); + horPanel = new HorizontalPanel(); + container.add(horPanel); + } + + public void add(final Widget widget) { + horPanel.add(widget); + if (container.isRendered()) { + container.doLayout(false); + } + } + + public void addClass(final String cls) { + container.addClass(cls); + } + + public void addFill() { + final Label emptyLabel = new Label(""); + horPanel.add(emptyLabel); + horPanel.setCellWidth(emptyLabel, "100%"); + } + + public void addSeparator() { + final Label emptyLabel = new Label(""); + emptyLabel.setStyleName("ytb-sep"); + horPanel.add(emptyLabel); + } + + public void addSpacer() { + final Label emptyLabel = new Label(""); + emptyLabel.setStyleName("ytb-spacer"); + horPanel.add(emptyLabel); + } + + public Panel getPanel() { + return container; + } +} Modified: sandbox3/src/main/java/org/op/client/Workspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/Workspace.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/Workspace.java 2008-07-05 18:27:10 UTC (rev 783) @@ -11,6 +11,10 @@ add(entity.getPanel(), DefaultBorderLayout.Position.CENTER); } + public EntitySummary getEntitySummary() { + return entity.getEntitySummary(); + } + public EntityWorkspace getEntityWorkspace() { return entity.getEntityWorkspace(); } @@ -18,4 +22,8 @@ public SiteBar getSiteBar() { return sitebar; } + + public void setTheme(final WsTheme theme) { + entity.setTheme(theme); + } } Added: sandbox3/src/main/java/org/op/client/WsTheme.java =================================================================== --- sandbox3/src/main/java/org/op/client/WsTheme.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/WsTheme.java 2008-07-05 18:27:10 UTC (rev 783) @@ -0,0 +1,5 @@ +package org.op.client; + +public enum WsTheme { + def, green, blue, grey, purple, red +} Added: sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java =================================================================== --- sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java 2008-07-05 18:27:10 UTC (rev 783) @@ -0,0 +1,19 @@ +package org.op.client; + +import com.gwtext.client.widgets.ToolbarMenuButton; +import com.gwtext.client.widgets.menu.Menu; +import com.gwtext.client.widgets.menu.MenuItem; + +public class WsThemeMenuPanel extends ToolbarMenuButton { + + public WsThemeMenuPanel() { + final Menu menu = new Menu(); + for (final WsTheme theme : WsTheme.values()) { + final MenuItem item = new MenuItem(); + item.setText(theme.toString()); + menu.addItem(item); + } + menu.setDefaultAlign("br-tr"); + super.setMenu(menu); + } +} Modified: sandbox3/src/main/java/org/op/public/Sandbox.html =================================================================== --- sandbox3/src/main/java/org/op/public/Sandbox.html 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/public/Sandbox.html 2008-07-05 18:27:10 UTC (rev 783) @@ -25,7 +25,6 @@ --> <script type="text/javascript" language="javascript" src="org.op.Sandbox.nocache.js"></script> -  </head>  @@ -37,6 +36,7 @@  <iframe src="javascript:''" id="__gwt_historyFrame" style="position:absolute;width:0;height:0;border:0"></iframe> + <!-- <h1>Sandbox</h1> Added: sandbox3/src/main/java/org/op/public/css/all.css =================================================================== --- sandbox3/src/main/java/org/op/public/css/all.css 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/public/css/all.css 2008-07-05 18:27:10 UTC (rev 783) @@ -0,0 +1,38 @@ +/* +Copyright (c) 2007, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 2.3.1 +*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/* +Copyright (c) 2007, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 2.3.1 +*/body{font:13px/1.22 arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:99%;}/* + * Ext JS Library 2.0.2 + * Copyright(c) 2006-2008, Ext JS, LLC. + * licensing(a)extjs.com + * + * http://extjs.com/license + */html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask{z-index:20000;position:absolute;top:0;left:0;-moz-opacity:.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:1;}.ext-el-mask-msg{z-index:20001;position:absolute;top:0;left:0;border:1px solid #6593cf;background:#c3daf9 url(../js/ext/resources/images/default/box/tb-blue.gif) repeat-x 0 -16px;padding:2px;}.ext-el-mask-msg div{padding:5px 10px;background:#eee;border:1px solid #a3bad9;color:#222;font:normal 11px tahoma,arial,helvetica,sans-serif;cursor:wait;}.ext-shim{position:absolute;visibility:hidden;left:0;top:0;overflow:hidden;}.ext-ie .ext-shim{filter:alpha(opacity=0);}.ext-ie6 .ext-shim{margin-left:5px;margin-top:3px;}.x-mask-loading div{padding:5px 10px 5px 25px;background:#fbfbfb url(../js/ext/resources/images/default/grid/loading.gif) no-repeat 5px 5px;line-height:16px;}.x-hidden,.x-hide-offsets{position:absolute;left:-10000px;top:-10000px;visibility:hidden;}.x-hide-display{display:none!important;}.x-hide-visibility{visibility:hidden!important;}.x-masked{overflow:hidden!important;}.x-masked select,.x-masked object,.x-masked embed{visibility:hidden;}.x-layer{visibility:hidden;}.x-unselectable,.x-unselectable *{-moz-user-select:none;-khtml-user-select:none;}.x-repaint{zoom:1;background-color:transparent;-moz-outline:none;}.x-item-disabled{color:gray;cursor:default;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);}.x-item-disabled *{color:gray!important;cursor:default!important;}.x-splitbar-proxy{position:absolute;visibility:hidden;z-index:20001;background:#aaa;zoom:1;line-height:1px;font-size:1px;overflow:hidden;}.x-splitbar-h,.x-splitbar-proxy-h{cursor:e-resize;cursor:col-resize;}.x-splitbar-v,.x-splitbar-proxy-v{cursor:s-resize;cursor:row-resize;}.x-color-palette{width:150px;height:92px;cursor:pointer;}.x-color-palette a{border:1px solid #fff;float:left;padding:2px;text-decoration:none;-moz-outline:0 none;outline:0 none;cursor:pointer;}.x-color-palette a:hover,.x-color-palette a.x-color-palette-sel{border:1px solid #8BB8F3;background:#deecfd;}.x-color-palette em{display:block;border:1px solid #ACA899;}.x-color-palette em span{cursor:pointer;display:block;height:10px;line-height:10px;width:10px;}.x-ie-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;background:#777;zoom:1;}.x-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;}.x-shadow *{overflow:hidden;}.x-shadow *{padding:0;border:0;margin:0;clear:none;zoom:1;}.x-shadow .xstc,.x-shadow .xsbc{height:6px;float:left;}.x-shadow .xstl,.x-shadow .xstr,.x-shadow .xsbl,.x-shadow .xsbr{width:6px;height:6px;float:left;}.x-shadow .xsc{width:100%;}.x-shadow .xsml,.x-shadow .xsmr{width:6px;float:left;height:100%;}.x-shadow .xsmc{float:left;height:100%;background:transparent url(../js/ext/resources/images/default/shadow-c.png);}.x-shadow .xst,.x-shadow .xsb{height:6px;overflow:hidden;width:100%;}.x-shadow .xsml{background:transparent url(../js/ext/resources/images/default/shadow-lr.png) repeat-y 0 0;}.x-shadow .xsmr{background:transparent url(../js/ext/resources/images/default/shadow-lr.png) repeat-y -6px 0;}.x-shadow .xstl{background:transparent url(../js/ext/resources/images/default/shadow.png) no-repeat 0 0;}.x-shadow .xstc{background:transparent url(../js/ext/resources/images/default/shadow.png) repeat-x 0 -30px;}.x-shadow .xstr{background:transparent url(../js/ext/resources/images/default/shadow.png) repeat-x 0 -18px;}.x-shadow .xsbl{background:transparent url(../js/ext/resources/images/default/shadow.png) no-repeat 0 -12px;}.x-shadow .xsbc{background:transparent url(../js/ext/resources/images/default/shadow.png) repeat-x 0 -36px;}.x-shadow .xsbr{background:transparent url(../js/ext/resources/images/default/shadow.png) repeat-x 0 -6px;}.loading-indicator{font-size:11px;background-image:url(../js/ext/resources/images/default/grid/loading.gif);background-repeat:no-repeat;background-position:left;padding-left:20px;line-height:16px;margin:3px;}.x-text-resize{position:absolute;left:-1000px;top:-1000px;visibility:hidden;zoom:1;}.x-drag-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;background-image:url(../js/ext/resources/images/default/s.gif);z-index:20000;}.x-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}.x-spotlight{z-index:8999;position:absolute;top:0;left:0;-moz-opacity:.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:0;height:0;zoom:1;}.x-tab-panel{overflow:hidden;}.x-tab-panel-header,.x-tab-panel-footer{background:#deecfd;border:1px solid #8db2e3;overflow:hidden;zoom:1;}.x-tab-panel-header{border:1px solid #8db2e3;padding-bottom:2px;}.x-tab-panel-footer{border:1px solid #8db2e3;padding-top:2px;}.x-tab-strip-wrap{width:100%;overflow:hidden;position:relative;zoom:1;}ul.x-tab-strip{display:block;width:5000px;zoom:1;}ul.x-tab-strip-top{padding-top:1px;background:url(../js/ext/resources/images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;border-bottom:1px solid #8db2e3;}ul.x-tab-strip-bottom{padding-bottom:1px;background:url(../js/ext/resources/images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;border-top:1px solid #8db2e3;border-bottom:0 none;}.x-tab-panel-header-plain .x-tab-strip-top{background:transparent!important;padding-top:0!important;}.x-tab-panel-header-plain{background:transparent!important;border-width:0!important;padding-bottom:0!important;}.x-tab-panel-header-plain .x-tab-strip-spacer{border:1px solid #8db2e3;border-top:0 none;height:2px;background:#deecfd;font-size:1px;line-height:1px;}.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer{height:3px;}ul.x-tab-strip li{float:left;margin-left:2px;}ul.x-tab-strip li.x-tab-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-tab-strip a,.x-tab-strip span,.x-tab-strip em{display:block;}.x-tab-strip a{text-decoration:none!important;-moz-outline:none;outline:none;cursor:pointer;}.x-tab-strip-inner{overflow:hidden;text-overflow:ellipsis;}.x-tab-strip span.x-tab-strip-text{font:normal 11px tahoma,arial,helvetica;color:#416aa3;white-space:nowrap;cursor:pointer;padding:4px 0;}.x-tab-strip .x-tab-with-icon .x-tab-right{padding-left:6px;}.x-tab-strip .x-tab-with-icon span.x-tab-strip-text{padding-left:20px;background-position:0 3px;background-repeat:no-repeat;}.x-tab-strip-over span.x-tab-strip-text{color:#15428b;}.x-tab-strip-active{cursor:default;}.x-tab-strip-active span.x-tab-strip-text{cursor:default;color:#15428b;font-weight:700;}.x-tab-strip-disabled .x-tabs-text{cursor:default;color:#aaa;}.x-tab-panel-body{overflow:hidden;}.x-tab-panel-bwrap{overflow:hidden;}.ext-ie .x-tab-strip .x-tab-right{position:relative;}.x-tab-strip-top .x-tab-strip-active .x-tab-right{margin-bottom:-1px;}.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text{padding-bottom:5px;}.x-tab-strip-bottom .x-tab-strip-active .x-tab-right{margin-top:-1px;}.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text{padding-top:5px;}.x-tab-strip-top .x-tab-right{background:transparent url(../js/ext/resources/images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;padding-left:10px;}.x-tab-strip-top .x-tab-left{background:transparent url(../js/ext/resources/images/default/tabs/tabs-sprite.gif) no-repeat right -351px;padding-right:10px;}.x-tab-strip-top .x-tab-strip-inner{background:transparent url(../js/ext/resources/images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;}.x-tab-strip-top .x-tab-strip-over .x-tab-right{background-position:0 -101px;}.x-tab-strip-top .x-tab-strip-over .x-tab-left{background-position:right -401px;}.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner{background-position:0 -251px;}.x-tab-strip-top .x-tab-strip-active .x-tab-right{background-position:0 0;}.x-tab-strip-top .x-tab-strip-active .x-tab-left{background-position:right -301px;}.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner{background-position:0 -151px;}.x-tab-strip-bottom .x-tab-right{background:url(../js/ext/resources/images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;}.x-tab-strip-bottom .x-tab-left{background:url(../js/ext/resources/images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;}.x-tab-strip-bottom .x-tab-strip-active .x-tab-right{background:url(../js/ext/resources/images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;}.x-tab-strip-bottom .x-tab-strip-active .x-tab-left{background:url(../js/ext/resources/images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;}.x-tab-strip-bottom .x-tab-left{padding:0 10px;}.x-tab-strip-bottom .x-tab-right{padding:0;}.x-tab-strip .x-tab-strip-close{display:none;}.x-tab-strip-closable{position:relative;}.x-tab-strip-closable .x-tab-left{padding-right:19px;}.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close{background-image:url(../js/ext/resources/images/default/tabs/tab-close.gif);opacity:.6;-moz-opacity:.6;background-repeat:no-repeat;display:block;width:11px;height:11px;position:absolute;top:3px;right:3px;cursor:pointer;z-index:2;}.x-tab-strip .x-tab-strip-active a.x-tab-strip-close{opacity:.8;-moz-opacity:.8;}.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{background-image:url(../js/ext/resources/images/default/tabs/tab-close.gif);opacity:1;-moz-opacity:1;}.x-tab-panel-body{border:1px solid #8db2e3;background:#fff;}.x-tab-panel-body-top{border-top:0 none;}.x-tab-panel-body-bottom{border-bottom:0 none;}.x-tab-scroller-left{background:transparent url(../js/ext/resources/images/default/tabs/scroll-left.gif) no-repeat -18px 0;border-bottom:1px solid #8db2e3;width:18px;position:absolute;left:0;top:0;z-index:10;cursor:pointer;}.x-tab-scroller-left-over{background-position:0 0;}.x-tab-scroller-left-disabled{background-position:-18px 0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);cursor:default;}.x-tab-scroller-right{background:transparent url(../js/ext/resources/images/default/tabs/scroll-right.gif) no-repeat 0 0;border-bottom:1px solid #8db2e3;width:18px;position:absolute;right:0;top:0;z-index:10;cursor:pointer;}.x-tab-scroller-right-over{background-position:-18px 0;}.x-tab-scroller-right-disabled{background-position:0 0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);cursor:default;}.x-tab-scrolling .x-tab-strip-wrap{margin-left:18px;margin-right:18px;}.x-tab-scrolling{position:relative;}.x-tab-panel-bbar .x-toolbar{border:1px solid #99bbe8;border-top:0 none;overflow:hidden;padding:2px;}.x-tab-panel-tbar .x-toolbar{border:1px solid #99bbe8;border-top:0 none;overflow:hidden;padding:2px;}.x-border-layout-ct .x-tab-panel{background:#FFF;}.x-form-field{margin:0;font:normal 12px tahoma,arial,helvetica,sans-serif;}.x-form-text,textarea.x-form-field{padding:1px 3px;background:#fff url(../js/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;border:1px solid #B5B8C8;}textarea.x-form-field{padding:2px 3px;}.x-form-text{height:22px;line-height:18px;vertical-align:middle;}.ext-ie .x-form-text{margin:-1px 0;height:22px;line-height:18px;}.ext-ie textarea.x-form-field{margin:-1px 0;}.ext-strict .x-form-text{height:18px;}.ext-safari .x-form-text{height:20px;padding:0 3px;}.ext-safari.ext-mac textarea.x-form-field{margin-bottom:-2px;}.ext-gecko .x-form-text{padding-top:2px;padding-bottom:0;}textarea{resize:none;}.x-form-select-one{height:20px;line-height:18px;vertical-align:middle;background-color:#fff;border:1px solid #B5B8C8;}.x-form-field-wrap{position:relative;zoom:1;white-space:nowrap;}.x-editor .x-form-check-wrap{background:#fff;}.x-form-field-wrap .x-form-trigger{width:17px;height:21px;border:0;background:transparent url(../js/ext/resources/images/default/form/trigger.gif) no-repeat 0 0;cursor:pointer;border-bottom:1px solid #B5B8C8;position:absolute;top:0;}.ext-safari .x-form-field-wrap .x-form-trigger{height:21px;}.x-form-field-wrap .x-form-date-trigger{background-image:url(../js/ext/resources/images/default/form/date-trigger.gif);cursor:pointer;}.x-form-field-wrap .x-form-clear-trigger{background-image:url(../js/ext/resources/images/default/form/clear-trigger.gif);cursor:pointer;}.x-form-field-wrap .x-form-search-trigger{background-image:url(../js/ext/resources/images/default/form/search-trigger.gif);cursor:pointer;}.ext-safari .x-form-field-wrap .x-form-trigger{right:0;}.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{position:static;top:auto;vertical-align:top;}.x-form-field-wrap .x-form-trigger-over{background-position:-17px 0;}.x-form-field-wrap .x-form-trigger-click{background-position:-34px 0;}.x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;}.x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0;}.x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;}.x-trigger-wrap-focus .x-form-trigger{border-bottom:1px solid #7eadd9;}.x-item-disabled .x-form-trigger-over{background-position:0 0!important;border-bottom:1px solid #B5B8C8;}.x-item-disabled .x-form-trigger-click{background-position:0 0!important;border-bottom:1px solid #B5B8C8;}.x-form-focus,textarea.x-form-focus{border:1px solid #7eadd9;}.x-form-invalid,textarea.x-form-invalid{background:#fff url(../js/ext/resources/images/default/grid/invalid_line.gif) repeat-x bottom;border:1px solid #dd7870;}.ext-safari .x-form-invalid{background-color:#fee;border:1px solid #ff7870;}.x-editor{visibility:hidden;padding:0;margin:0;}.x-form-check-wrap{line-height:18px;}.ext-ie .x-form-check-wrap input{width:15px;height:15px;}.x-editor .x-form-check-wrap{padding:3px;}.x-editor .x-form-checkbox{height:13px;}.x-form-grow-sizer{font:normal 12px tahoma,arial,helvetica,sans-serif;left:-10000px;padding:8px 3px;position:absolute;visibility:hidden;top:-10000px;white-space:pre-wrap;white-space:0;white-space:0;white-space:0;word-wrap:break-word;zoom:1;}.x-form-grow-sizer p{margin:0!important;border:0 none!important;padding:0!important;}.x-form-item{font:normal 12px tahoma,arial,helvetica,sans-serif;display:block;margin-bottom:4px;}.x-form-item label{display:block;float:left;width:100px;padding:3px;padding-left:0;clear:left;z-index:2;position:relative;}.x-form-element{padding-left:105px;position:relative;}.x-form-invalid-msg{color:#e00;padding:2px;padding-left:18px;font:normal 11px tahoma,arial,helvetica,sans-serif;background:transparent url(../js/ext/resources/images/default/shared/warning.gif) no-repeat 0 2px;line-height:16px;width:200px;}.x-form-label-right label{text-align:right;}.x-form-label-top .x-form-item label{width:auto;float:none;clear:none;display:inline;margin-bottom:4px;position:static;}.x-form-label-top .x-form-element{padding-left:0;padding-top:4px;}.x-form-label-top .x-form-item{padding-bottom:4px;}.x-form-empty-field{color:gray;}.x-small-editor .x-form-field{font:normal 11px arial,tahoma,helvetica,sans-serif;}.x-small-editor .x-form-text{height:20px;line-height:16px;vertical-align:middle;}.ext-ie .x-small-editor .x-form-text{margin-top:-1px!important;margin-bottom:-1px!important;height:20px!important;line-height:16px!important;}.ext-strict .x-small-editor .x-form-text{height:16px!important;}.ext-safari .x-small-editor .x-form-field{font:normal 12px arial,tahoma,helvetica,sans-serif;}.ext-ie .x-small-editor .x-form-text{height:20px;line-height:16px;}.ext-border-box .x-small-editor .x-form-text{height:20px;}.x-small-editor .x-form-select-one{height:20px;line-height:16px;vertical-align:middle;}.x-small-editor .x-form-num-field{text-align:right;}.x-small-editor .x-form-field-wrap .x-form-trigger{height:19px;}.x-form-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}.x-form-clear-left{clear:left;height:0;overflow:hidden;line-height:0;font-size:0;}.x-form-cb-label{width:auto!important;float:none!important;clear:none!important;display:inline!important;margin-left:4px;}.x-form-column{float:left;padding:0;margin:0;width:48%;overflow:hidden;zoom:1;}.x-form .x-form-btns-ct .x-btn{float:right;clear:none;}.x-form .x-form-btns-ct .x-form-btns td{border:0;padding:0;}.x-form .x-form-btns-ct .x-form-btns-right table{float:right;clear:none;}.x-form .x-form-btns-ct .x-form-btns-left table{float:left;clear:none;}.x-form .x-form-btns-ct .x-form-btns-center{text-align:center;}.x-form .x-form-btns-ct .x-form-btns-center table{margin:0 auto;}.x-form .x-form-btns-ct table td.x-form-btn-td{padding:3px;}.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{background-position:0 -147px;}.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{background-position:0 -168px;}.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{background-position:0 -189px;}.x-form .x-form-btns-ct .x-btn-click .x-btn-center{background-position:0 -126px;}.x-form .x-form-btns-ct .x-btn-click .x-btn-right{background-position:0 -84px;}.x-form .x-form-btns-ct .x-btn-click .x-btn-left{background-position:0 -63px;}.x-form-invalid-icon{width:16px;height:18px;visibility:hidden;position:absolute;left:0;top:0;display:block;background:transparent url(../js/ext/resources/images/default/form/exclamation.gif) no-repeat 0 2px;}.x-fieldset{border:1px solid #B5B8C8;padding:10px;margin-bottom:10px;}.x-fieldset legend{font:bold 11px tahoma,arial,helvetica,sans-serif;color:#15428b;}.ext-ie .x-fieldset legend{margin-bottom:10px;}.ext-ie .x-fieldset{padding-top:0;padding-bottom:10px;}.x-fieldset legend .x-tool-toggle{margin-right:3px;margin-left:0;float:left!important;}.x-fieldset legend input{margin-right:3px;float:left!important;height:13px;width:13px;}fieldset.x-panel-collapsed{padding-bottom:0!important;border-width:1px 0 0!important;}fieldset.x-panel-collapsed .x-fieldset-bwrap{visibility:hidden;position:absolute;left:-1000px;top:-1000px;}.ext-ie .x-fieldset-bwrap{zoom:1;}.ext-ie td .x-form-text{position:relative;top:-1px;}.x-fieldset-noborder{border:0 none transparent;}.x-fieldset-noborder legend{margin-left:-3px;}.ext-ie .x-fieldset-noborder legend{position:relative;margin-bottom:23px;}.ext-ie .x-fieldset-noborder legend span{position:absolute;left:-5px;}.ext-gecko .x-window-body .x-form-item{-moz-outline:none;overflow:auto;}.ext-gecko .x-form-item{-moz-outline:none;}.x-hide-label label.x-form-item-label{display:none;}.x-hide-label .x-form-element{padding-left:0!important;}.x-fieldset{overflow:hidden;}.x-fieldset-bwrap{overflow:hidden;zoom:1;}.x-fieldset-body{overflow:hidden;}.x-btn{font:normal 11px tahoma,verdana,helvetica;cursor:pointer;white-space:nowrap;}.x-btn button{border:0 none;background:transparent;font:normal 11px tahoma,verdana,helvetica;padding-left:3px;padding-right:3px;cursor:pointer;margin:0;overflow:visible;width:auto;-moz-outline:0 none;outline:0 none;}* html .ext-ie .x-btn button{width:1px;}.ext-gecko .x-btn button{padding-left:0;padding-right:0;}.ext-ie .x-btn button{padding-top:2px;}.x-btn-icon .x-btn-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 .x-btn-center{padding:1px;}.x-btn em{font-style:normal;font-weight:400;}.x-btn-text-icon .x-btn-center .x-btn-text{background-position:0 2px;background-repeat:no-repeat;padding-left:18px;padding-top:3px;padding-bottom:2px;padding-right:0;}.x-btn-left,.x-btn-right{font-size:1px;line-height:1px;}.x-btn-left{width:3px;height:21px;background:url(../js/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0 0;}.x-btn-right{width:3px;height:21px;background:url(../js/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0 -21px;}.x-btn-left i,.x-btn-right i{display:block;width:3px;overflow:hidden;font-size:1px;line-height:1px;}.x-btn-center{background:url(../js/ext/resources/images/default/button/btn-sprite.gif) repeat-x 0 -42px;vertical-align:middle;text-align:center;padding:0 5px;cursor:pointer;white-space:nowrap;}.x-btn-over .x-btn-left{background-position:0 -63px;}.x-btn-over .x-btn-right{background-position:0 -84px;}.x-btn-over .x-btn-center{background-position:0 -105px;}.x-btn-click .x-btn-center,.x-btn-menu-active .x-btn-center{background-position:0 -126px;}.x-btn-disabled *{color:gray!important;cursor:default!important;}.x-btn-menu-text-wrap .x-btn-center{padding:0 3px;}.ext-gecko .x-btn-menu-text-wrap .x-btn-center{padding:0 1px;}.x-btn-menu-arrow-wrap .x-btn-center{padding:0;}.x-btn-menu-arrow-wrap .x-btn-center button{width:12px!important;height:21px;padding:0!important;display:block;background:transparent url(../js/ext/resources/images/default/button/btn-arrow.gif) no-repeat left 3px;}.x-btn-with-menu .x-btn-center{padding-right:2px!important;}.x-btn-with-menu .x-btn-center em{display:block;background:transparent url(../js/ext/resources/images/default/toolbar/btn-arrow.gif) no-repeat right 0;padding-right:10px;}.x-btn-text-icon .x-btn-with-menu .x-btn-center em{display:block;background:transparent url(../js/ext/resources/images/default/toolbar/btn-arrow.gif) no-repeat right 3px;padding-right:10px;}.x-btn-pressed .x-btn-left{background:url(../js/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0 -63px;}.x-btn-pressed .x-btn-right{background:url(../js/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0 -84px;}.x-btn-pressed .x-btn-center{background:url(../js/ext/resources/images/default/button/btn-sprite.gif) repeat-x 0 -126px;}.x-toolbar{border-color:#a9bfd3;border-style:solid;border-width:0 0 1px;display:block;padding:2px;background:#d0def0 url(../js/ext/resources/images/default/toolbar/bg.gif) repeat-x top left;position:relative;zoom:1;}.x-toolbar .x-item-disabled .x-btn-icon{opacity:.35;-moz-opacity:.35;filter:alpha(opacity=35);}.x-toolbar td{vertical-align:middle;}.mso .x-toolbar,.x-grid-mso .x-toolbar{border:0 none;background:url(../js/ext/resources/images/default/grid/mso-hd.gif);}.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{white-space:nowrap;font:normal 11px tahoma,arial,helvetica,sans-serif;}.x-toolbar .x-item-disabled{color:gray;cursor:default;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);}.x-toolbar .x-item-disabled *{color:gray;cursor:default;}.x-toolbar .x-btn-left{background:none;}.x-toolbar .x-btn-right{background:none;}.x-toolbar .x-btn-center{background:none;padding:0;}.x-toolbar .x-btn-menu-text-wrap .x-btn-center button{padding-right:2px;}.ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{padding-right:0;}.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{padding:0 2px;}.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{width:12px;background:transparent url(../js/ext/resources/images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;}.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button{width:12px;background:transparent url(../js/ext/resources/images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;}.x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button{background-position:0 -47px;}.x-toolbar .x-btn-over .x-btn-left{background:url(../js/ext/resources/images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;}.x-toolbar .x-btn-over .x-btn-right{background:url(../js/ext/resources/images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;}.x-toolbar .x-btn-over .x-btn-center{background:url(../js/ext/resources/images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;}.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:url(../js/ext/resources/images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;}.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:url(../js/ext/resources/images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;}.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:url(../js/ext/resources/images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;}.x-toolbar .x-btn-with-menu .x-btn-center em{padding-right:8px;}.x-toolbar .ytb-text{padding:2px;}.x-toolbar .ytb-sep{background-image:url(../js/ext/resources/images/default/grid/grid-blue-split.gif);background-position:center;background-repeat:no-repeat;display:block;font-size:1px;height:16px;width:4px;overflow:hidden;cursor:default;margin:0 2px;border:0;}.x-toolbar .ytb-spacer{width:2px;}.x-tbar-page-number{width:24px;height:14px;}.x-tbar-page-first{background-image:url(../js/ext/resources/images/default/grid/page-first.gif)!important;}.x-tbar-loading{background-image:url(../js/ext/resources/images/default/grid/done.gif)!important;}.x-tbar-page-last{background-image:url(../js/ext/resources/images/default/grid/page-last.gif)!important;}.x-tbar-page-next{background-image:url(../js/ext/resources/images/default/grid/page-next.gif)!important;}.x-tbar-page-prev{background-image:url(../js/ext/resources/images/default/grid/page-prev.gif)!important;}.x-item-disabled .x-tbar-loading{background-image:url(../js/ext/resources/images/default/grid/loading.gif)!important;}.x-item-disabled .x-tbar-page-first{background-image:url(../js/ext/resources/images/default/grid/page-first-disabled.gif)!important;}.x-item-disabled .x-tbar-page-last{background-image:url(../js/ext/resources/images/default/grid/page-last-disabled.gif)!important;}.x-item-disabled .x-tbar-page-next{background-image:url(../js/ext/resources/images/default/grid/page-next-disabled.gif)!important;}.x-item-disabled .x-tbar-page-prev{background-image:url(../js/ext/resources/images/default/grid/page-prev-disabled.gif)!important;}.x-paging-info{position:absolute;top:5px;right:8px;color:#444;}.x-resizable-handle{position:absolute;z-index:100;font-size:1px;line-height:6px;overflow:hidden;background:#FFF;filter:alpha(opacity=0);opacity:0;zoom:1;}.x-resizable-handle-east{width:6px;cursor:e-resize;right:0;top:0;height:100%;}.ext-ie .x-resizable-handle-east{margin-right:-1px;}.x-resizable-handle-south{width:100%;cursor:s-resize;left:0;bottom:0;height:6px;}.ext-ie .x-resizable-handle-south{margin-bottom:-1px;}.x-resizable-handle-west{width:6px;cursor:w-resize;left:0;top:0;height:100%;}.x-resizable-handle-north{width:100%;cursor:n-resize;left:0;top:0;height:6px;}.x-resizable-handle-southeast{width:6px;cursor:se-resize;right:0;bottom:0;height:6px;z-index:101;}.x-resizable-handle-northwest{width:6px;cursor:nw-resize;left:0;top:0;height:6px;z-index:101;}.x-resizable-handle-northeast{width:6px;cursor:ne-resize;right:0;top:0;height:6px;z-index:101;}.x-resizable-handle-southwest{width:6px;cursor:sw-resize;left:0;bottom:0;height:6px;z-index:101;}.x-resizable-over .x-resizable-handle,.x-resizable-pinned .x-resizable-handle{filter:alpha(opacity=100);opacity:1;}.x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{background:url(../js/ext/resources/images/default/sizer/e-handle.gif);background-position:left;}.x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{background:url(../js/ext/resources/images/default/sizer/e-handle.gif);background-position:left;}.x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{background:url(../js/ext/resources/images/default/sizer/s-handle.gif);background-position:top;}.x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{background:url(../js/ext/resources/images/default/sizer/s-handle.gif);background-position:top;}.x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{background:url(../js/ext/resources/images/default/sizer/se-handle.gif);background-position:top left;}.x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{background:url(../js/ext/resources/images/default/sizer/nw-handle.gif);background-position:bottom right;}.x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{background:url(../js/ext/resources/images/default/sizer/ne-handle.gif);background-position:bottom left;}.x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{background:url(../js/ext/resources/images/default/sizer/sw-handle.gif);background-position:top right;}.x-resizable-proxy{border:1px dashed #3b5a82;position:absolute;overflow:hidden;display:none;left:0;top:0;z-index:50000;}.x-resizable-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;background:#FFF;z-index:200000;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);}.x-grid3{position:relative;overflow:hidden;background-color:#fff;}.x-grid-panel .x-panel-body{overflow:hidden!important;}.x-grid-panel .x-panel-mc .x-panel-body{border:1px solid #99bbe8;}.ext-ie .x-grid3 table,.ext-safari .x-grid3 table{table-layout:fixed;}.x-grid3-viewport{overflow:hidden;}.x-grid3-hd-row td,.x-grid3-row td,.x-grid3-summary-row td{font:normal 11px arial,tahoma,helvetica,sans-serif;-moz-outline:none;-moz-user-focus:normal;}.x-grid3-row td,.x-grid3-summary-row td{line-height:13px;vertical-align:top;padding-left:1px;padding-right:1px;-moz-user-select:none;}.x-grid3-hd-row td{line-height:15px;vertical-align:middle;border-left:1px solid #eee;border-right:1px solid #d0d0d0;}.x-grid3-hd-row .x-grid3-marker-hd{padding:3px;}.x-grid3-row .x-grid3-marker{padding:3px;}.x-grid3-cell-inner,.x-grid3-hd-inner{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding:3px 3px 3px 5px;white-space:nowrap;}.x-grid3-hd-inner{position:relative;cursor:inherit;padding:4px 3px 4px 5px;}.x-grid3-row-body{white-space:normal;}.x-grid3-body-cell{-moz-outline:0 none;outline:0 none;}.ext-ie .x-grid3-cell-inner,.ext-ie .x-grid3-hd-inner{width:100%;}.ext-strict .x-grid3-cell-inner,.ext-strict .x-grid3-hd-inner{width:auto;}.x-grid-row-loading{background:#fff url(../js/ext/resources/images/default/shared/loading-balls.gif) no-repeat center center;}.x-grid-page{overflow:hidden;}.x-grid3-row{cursor:default;border:1px solid #ededed;border-top-color:#fff;width:100%;}.x-grid3-row-alt{background-color:#fafafa;}.x-grid3-row-over{border:1px solid #ddd;background:#efefef url(../js/ext/resources/images/default/grid/row-over.gif) repeat-x left top;}.x-grid3-resize-proxy{width:1px;left:0;background-color:#777;cursor:e-resize;cursor:col-resize;position:absolute;top:0;height:100px;overflow:hidden;visibility:hidden;border:0 none;z-index:7;}.x-grid3-resize-marker{width:1px;left:0;background-color:#777;position:absolute;top:0;height:100px;overflow:hidden;visibility:hidden;border:0 none;z-index:7;}.x-grid3-focus{position:absolute;top:0;-moz-outline:0 none;outline:0 none;-moz-user-select:normal;-khtml-user-select:normal;}.x-grid3-header{background:#f9f9f9 url(../js/ext/resources/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;cursor:default;zoom:1;padding:1px 0 0;}.x-grid3-header-pop{border-left:1px solid #d0d0d0;float:right;clear:none;}.x-grid3-header-pop-inner{border-left:1px solid #eee;width:14px;height:19px;background:transparent url(../js/ext/resources/images/default/grid/hd-pop.gif) no-repeat center center;}.ext-ie .x-grid3-header-pop-inner{width:15px;}.ext-strict .x-grid3-header-pop-inner{width:14px;}.x-grid3-header-inner{overflow:hidden;zoom:1;float:left;}.x-grid3-header-offset{padding-left:1px;width:10000px;}td.x-grid3-hd-over,td.sort-desc,td.sort-asc,td.x-grid3-hd-menu-open{border-left:1px solid #aaccf6;border-right:1px solid #aaccf6;}td.x-grid3-hd-over .x-grid3-hd-inner,td.sort-desc .x-grid3-hd-inner,td.sort-asc .x-grid3-hd-inner,td.x-grid3-hd-menu-open .x-grid3-hd-inner{background:#ebf3fd url(../js/ext/resources/images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;}.x-grid3-sort-icon{background-repeat:no-repeat;display:none;height:4px;width:13px;margin-left:3px;vertical-align:middle;}.sort-asc .x-grid3-sort-icon{background-image:url(../js/ext/resources/images/default/grid/sort_asc.gif);display:inline;}.sort-desc .x-grid3-sort-icon{background-image:url(../js/ext/resources/images/default/grid/sort_desc.gif);display:inline;}.ext-strict .ext-ie .x-grid3-header-inner{position:relative;}.ext-strict .ext-ie6 .x-grid3-hd{position:relative;}.ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}.x-grid3-body{zoom:1;}.x-grid3-scroller{overflow:auto;zoom:1;position:relative;}.x-grid3-cell-text,.x-grid3-hd-text{display:block;padding:3px 5px;-moz-user-select:none;-khtml-user-select:none;color:#000;}.x-grid3-split{background-image:url(../js/ext/resources/images/default/grid/grid-split.gif);background-position:center;background-repeat:no-repeat;cursor:e-resize;cursor:col-resize;display:block;font-size:1px;height:16px;overflow:hidden;position:absolute;top:2px;width:6px;z-index:3;}.x-grid3-hd-text{color:#15428b;}.x-dd-drag-proxy .x-grid3-hd-inner{background:#ebf3fd url(../js/ext/resources/images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;width:120px;padding:3px;border:1px solid #aaccf6;overflow:hidden;}.col-move-top,.col-move-bottom{width:9px;height:9px;position:absolute;top:0;line-height:1px;font-size:1px;overflow:hidden;visibility:hidden;z-index:20000;}.col-move-top{background:transparent url(../js/ext/resources/images/default/grid/col-move-top.gif) no-repeat left top;}.col-move-bottom{background:transparent url(../js/ext/resources/images/default/grid/col-move-bottom.gif) no-repeat left top;}.x-grid3-row-selected{background:#DFE8F6!important;border:1px dotted #a3bae9;}.x-grid3-cell-selected{background-color:#B8CFEE!important;color:#000;}.x-grid3-cell-selected span{color:#000!important;}.x-grid3-cell-selected .x-grid3-cell-text{color:#000;}.x-grid3-locked td.x-grid3-row-marker,.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{background:#ebeadb url(../js/ext/resources/images/default/grid/grid-hrow.gif) repeat-x 0 bottom!important;vertical-align:middle!important;color:#000;padding:0;border-top:1px solid #FFF;border-bottom:none!important;border-right:1px solid #6fa0df!important;text-align:center;}.x-grid3-locked td.x-grid3-row-marker div,.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{padding:0 4px;color:#15428b!important;text-align:center;}.x-grid3-dirty-cell{background:transparent url(../js/ext/resources/images/default/grid/dirty.gif) no-repeat 0 0;}.x-grid3-topbar,.x-grid3-bottombar{font:normal 11px arial,tahoma,helvetica,sans-serif;overflow:hidden;display:none;zoom:1;position:relative;}.x-grid3-topbar .x-toolbar{border-right:0 none;}.x-grid3-bottombar .x-toolbar{border-right:0 none;border-bottom:0 none;border-top:1px solid #a9bfd3;}.x-props-grid .x-grid3-cell{padding:1px;}.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{background:transparent url(../js/ext/resources/images/default/grid/grid3-special-col-bg.gif) repeat-y -16px!important;padding-left:12px;color:#000!important;}.x-props-grid .x-grid3-body .x-grid3-td-name{padding:1px;padding-right:0;background:#FFF!important;border:0 none;border-right:1px solid #eee;}.xg-hmenu-sort-asc .x-menu-item-icon{background-image:url(../js/ext/resources/images/default/grid/hmenu-asc.gif);}.xg-hmenu-sort-desc .x-menu-item-icon{background-image:url(../js/ext/resources/images/default/grid/hmenu-desc.gif);}.xg-hmenu-lock .x-menu-item-icon{background-image:url(../js/ext/resources/images/default/grid/hmenu-lock.gif);}.xg-hmenu-unlock .x-menu-item-icon{background-image:url(../js/ext/resources/images/default/grid/hmenu-unlock.gif);}.x-grid3-col-dd{border:0 none;padding:0;background:transparent;}.x-dd-drag-ghost .x-grid3-dd-wrap{padding:1px 3px 3px 1px;}.x-grid3-hd{-moz-user-select:none;}.x-grid3-hd-btn{display:none;position:absolute;width:14px;background:#c3daf9 url(../js/ext/resources/images/default/grid/grid3-hd-btn.gif) no-repeat left center;right:0;top:0;z-index:2;cursor:pointer;}.x-grid3-hd-over .x-grid3-hd-btn,.x-grid3-hd-menu-open .x-grid3-hd-btn{display:block;}a.x-grid3-hd-btn:hover{background-position:-14px center;}.x-grid3-body .x-grid3-td-expander{background:transparent url(../js/ext/resources/images/default/grid/grid3-special-col-bg.gif) repeat-y right;}.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner{padding:0!important;height:100%;}.x-grid3-row-expander{width:100%;height:18px;background-position:4px 2px;background-repeat:no-repeat;background-color:transparent;background-image:url(../js/ext/resources/images/default/grid/row-expand-sprite.gif);}.x-grid3-row-collapsed .x-grid3-row-expander{background-position:4px 2px;}.x-grid3-row-expanded .x-grid3-row-expander{background-position:-21px 2px;}.x-grid3-row-collapsed .x-grid3-row-body{display:none!important;}.x-grid3-row-expanded .x-grid3-row-body{display:block!important;}.x-grid3-body .x-grid3-td-checker{background:transparent url(../js/ext/resources/images/default/grid/grid3-special-col-bg.gif) repeat-y right;}.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner,.x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner{padding:0!important;height:100%;}.x-grid3-row-checker,.x-grid3-hd-checker{width:100%;height:18px;background-position:2px 2px;background-repeat:no-repeat;background-color:transparent;background-image:url(../js/ext/resources/images/default/grid/row-check-sprite.gif);}.x-grid3-row .x-grid3-row-checker{background-position:2px 2px;}.x-grid3-row-selected .x-grid3-row-checker,.x-grid3-hd-checker-on .x-grid3-hd-checker{background-position:-23px 2px;}.x-grid3-hd-checker{background-position:2px 3px;}.x-grid3-hd-checker-on .x-grid3-hd-checker{background-position:-23px 3px;}.x-grid3-body .x-grid3-td-numberer{background:transparent url(../js/ext/resources/images/default/grid/grid3-special-col-bg.gif) repeat-y right;}.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner{padding:3px 5px 0 0!important;text-align:right;color:#444;}.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{background:transparent url(../js/ext/resources/images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;}.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner{padding:1px 0 0!important;}.x-grid3-check-col{width:100%;height:16px;background-position:center center;background-repeat:no-repeat;background-color:transparent;background-image:url(../js/ext/resources/images/default/menu/unchecked.gif);}.x-grid3-check-col-on{width:100%;height:16px;background-position:center center;background-repeat:no-repeat;background-color:transparent;background-image:url(../js/ext/resources/images/default/menu/checked.gif);}.x-grid-group,.x-grid-group-body,.x-grid-group-hd{zoom:1;}.x-grid-group-hd{border-bottom:2px solid #99bbe8;cursor:pointer;padding-top:6px;}.x-grid-group-hd div{background:transparent url(../js/ext/resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;padding:4px 4px 4px 17px;color:#3764a0;font:bold 11px tahoma,arial,helvetica,sans-serif;}.x-grid-group-collapsed .x-grid-group-hd div{background-position:3px 3px;}.x-grid-group-collapsed .x-grid-group-body{display:none;}.x-group-by-icon{background-image:url(../js/ext/resources/images/default/grid/group-by.gif);}.x-cols-icon{background-image:url(../js/ext/resources/images/default/grid/columns.gif);}.x-show-groups-icon{background-image:url(../js/ext/resources/images/default/grid/group-by.gif);}.ext-ie .x-grid3 .x-editor .x-form-text{position:relative;top:-1px;}.ext-ie .x-props-grid .x-editor .x-form-text{position:static;top:0;}.x-grid-empty{padding:10px;color:gray;font:normal 11px tahoma,arial,helvetica,sans-serif;}.ext-ie7 .x-grid-panel .x-panel-bbar{position:relative;}.x-dd-drag-proxy{position:absolute;left:0;top:0;visibility:hidden;z-index:15000;}.x-dd-drag-ghost{color:#000;font:normal 11px arial,helvetica,sans-serif;-moz-opacity:.85;opacity:.85;filter:alpha(opacity=85);border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #bbb;border-bottom:1px solid #bbb;padding:3px;padding-left:20px;background-color:#FFF;white-space:nowrap;}.x-dd-drag-repair .x-dd-drag-ghost{-moz-opacity:.4;opacity:.4;filter:alpha(opacity=40);border:0 none;padding:0;background-color:transparent;}.x-dd-drag-repair .x-dd-drop-icon{visibility:hidden;}.x-dd-drop-icon{position:absolute;top:3px;left:3px;display:block;width:16px;height:16px;background-color:transparent;background-position:center;background-repeat:no-repeat;z-index:1;}.x-dd-drop-nodrop .x-dd-drop-icon{background-image:url(../js/ext/resources/images/default/dd/drop-no.gif);}.x-dd-drop-ok .x-dd-drop-icon{background-image:url(../js/ext/resources/images/default/dd/drop-yes.gif);}.x-dd-drop-ok-add .x-dd-drop-icon{background-image:url(../js/ext/resources/images/default/dd/drop-add.gif);}.x-view-selector{position:absolute;left:0;top:0;width:0;background:#c3daf9;border:1px dotted #39b;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);zoom:1;}.x-tree .x-panel-body{background-color:#fff;}.ext-strict .ext-ie .x-tree .x-panel-bwrap{position:relative;overflow:hidden;}.x-tree-icon,.x-tree-ec-icon,.x-tree-elbow-line,.x-tree-elbow,.x-tree-elbow-end,.x-tree-elbow-plus,.x-tree-elbow-minus,.x-tree-elbow-end-plus,.x-tree-elbow-end-minus{border:0 none;height:18px;margin:0;padding:0;vertical-align:top;width:16px;background-repeat:no-repeat;}.x-tree-node-collapsed .x-tree-node-icon,.x-tree-node-expanded .x-tree-node-icon,.x-tree-node-leaf .x-tree-node-icon{border:0 none;height:18px;margin:0;padding:0;vertical-align:top;width:16px;background-position:center;background-repeat:no-repeat;}.ext-ie .x-tree-node-indent img,.ext-ie .x-tree-node-icon,.ext-ie .x-tree-ec-icon{vertical-align:middle!important;}.x-tree-node-expanded .x-tree-node-icon{background-image:url(../js/ext/resources/images/default/tree/folder-open.gif);}.x-tree-node-leaf .x-tree-node-icon{background-image:url(../js/ext/resources/images/default/tree/leaf.gif);}.x-tree-node-collapsed .x-tree-node-icon{background-image:url(../js/ext/resources/images/default/tree/folder.gif);}.ext-ie input.x-tree-node-cb{width:15px;height:15px;}input.x-tree-node-cb{margin-left:1px;}.ext-ie input.x-tree-node-cb{margin-left:0;}.x-tree-noicon .x-tree-node-icon{width:0;height:0;}.x-tree-node-loading .x-tree-node-icon{background-image:url(../js/ext/resources/images/default/tree/loading.gif)!important;}.x-tree-node-loading a span{font-style:italic;color:#444;}.ext-ie .x-tree-node-el input{width:15px;height:15px;}.x-tree-lines .x-tree-elbow{background-image:url(../js/ext/resources/images/default/tree/elbow.gif);}.x-tree-lines .x-tree-elbow-plus{background-image:url(../js/ext/resources/images/default/tree/elbow-plus.gif);}.x-tree-lines .x-tree-elbow-minus{background-image:url(../js/ext/resources/images/default/tree/elbow-minus.gif);}.x-tree-lines .x-tree-elbow-end{background-image:url(../js/ext/resources/images/default/tree/elbow-end.gif);}.x-tree-lines .x-tree-elbow-end-plus{background-image:url(../js/ext/resources/images/default/tree/elbow-end-plus.gif);}.x-tree-lines .x-tree-elbow-end-minus{background-image:url(../js/ext/resources/images/default/tree/elbow-end-minus.gif);}.x-tree-lines .x-tree-elbow-line{background-image:url(../js/ext/resources/images/default/tree/elbow-line.gif);}.x-tree-no-lines .x-tree-elbow{background:transparent;}.x-tree-no-lines .x-tree-elbow-plus{background-image:url(../js/ext/resources/images/default/tree/elbow-plus-nl.gif);}.x-tree-no-lines .x-tree-elbow-minus{background-image:url(../js/ext/resources/images/default/tree/elbow-minus-nl.gif);}.x-tree-no-lines .x-tree-elbow-end{background:transparent;}.x-tree-no-lines .x-tree-elbow-end-plus{background-image:url(../js/ext/resources/images/default/tree/elbow-end-plus-nl.gif);}.x-tree-no-lines .x-tree-elbow-end-minus{background-image:url(../js/ext/resources/images/default/tree/elbow-end-minus-nl.gif);}.x-tree-no-lines .x-tree-elbow-line{background:transparent;}.x-tree-arrows .x-tree-elbow{background:transparent;}.x-tree-arrows .x-tree-elbow-plus{background:transparent url(../js/ext/resources/images/default/tree/arrows.gif) no-repeat 0 0;}.x-tree-arrows .x-tree-elbow-minus{background:transparent url(../js/ext/resources/images/default/tree/arrows.gif) no-repeat -16px 0;}.x-tree-arrows .x-tree-elbow-end{background:transparent;}.x-tree-arrows .x-tree-elbow-end-plus{background:transparent url(../js/ext/resources/images/default/tree/arrows.gif) no-repeat 0 0;}.x-tree-arrows .x-tree-elbow-end-minus{background:transparent url(../js/ext/resources/images/default/tree/arrows.gif) no-repeat -16px 0;}.x-tree-arrows .x-tree-elbow-line{background:transparent;}.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{background-position:-32px 0;}.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{background-position:-48px 0;}.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{background-position:-32px 0;}.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{background-position:-48px 0;}.x-tree-elbow-plus,.x-tree-elbow-minus,.x-tree-elbow-end-plus,.x-tree-elbow-end-minus{cursor:pointer;}.ext-ie ul.x-tree-node-ct{font-size:0;line-height:0;zoom:1;}.x-tree-node{color:#000;font:normal 11px arial,tahoma,helvetica,sans-serif;white-space:nowrap;}.x-tree-node-el{line-height:18px;cursor:pointer;}.x-tree-node a,.x-dd-drag-ghost a{text-decoration:none;color:#000;-khtml-user-select:none;-moz-user-select:none;-kthml-user-focus:normal;-moz-user-focus:normal;-moz-outline:0 none;outline:0 none;}.x-tree-node a span,.x-dd-drag-ghost a span{text-decoration:none;color:#000;padding:1px 3px 1px 2px;}.x-tree-node .x-tree-node-disabled a span{color:gray!important;}.x-tree-node .x-tree-node-disabled .x-tree-node-icon{-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50);}.x-tree-node .x-tree-node-inline-icon{background:transparent;}.x-tree-node a:hover,.x-dd-drag-ghost a:hover{text-decoration:none;}.x-tree-node div.x-tree-drag-insert-below{border-bottom:1px dotted #36c;}.x-tree-node div.x-tree-drag-insert-above{border-top:1px dotted #36c;}.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{border-bottom:0 none;}.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{border-top:0 none;}.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{border-bottom:2px solid #36c;}.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{border-top:2px solid #36c;}.x-tree-node .x-tree-drag-append a span{background:#ddd;border:1px dotted gray;}.x-tree-node .x-tree-node-over{background-color:#eee;}.x-tree-node .x-tree-selected{background-color:#d9e8fb;}.x-dd-drag-ghost .x-tree-node-indent,.x-dd-drag-ghost .x-tree-ec-icon{display:none!important;}.x-tree-drop-ok-append .x-dd-drop-icon{background-image:url(../js/ext/resources/images/default/tree/drop-add.gif);}.x-tree-drop-ok-above .x-dd-drop-icon{background-image:url(../js/ext/resources/images/default/tree/drop-over.gif);}.x-tree-drop-ok-below .x-dd-drop-icon{background-image:url(../js/ext/resources/images/default/tree/drop-under.gif);}.x-tree-drop-ok-between .x-dd-drop-icon{background-image:url(../js/ext/resources/images/default/tree/drop-between.gif);}.x-date-picker{border:1px solid #1b376c;border-top:0 none;background:#fff;position:relative;}.x-date-picker a{-moz-outline:0 none;outline:0 none;}.x-date-inner,.x-date-inner td,.x-date-inner th{border-collapse:separate;}.x-date-middle,.x-date-left,.x-date-right{background:url(../js/ext/resources/images/default/shared/hd-sprite.gif) repeat-x 0 -83px;color:#FFF;font:bold 11px "sans serif",tahoma,verdana,helvetica;overflow:hidden;}.x-date-middle .x-btn-left,.x-date-middle .x-btn-center,.x-date-middle .x-btn-right{background:transparent!important;vertical-align:middle;}.x-date-middle .x-btn .x-btn-text{color:#fff;}.x-date-middle .x-btn-with-menu .x-btn-center em{background:transparent url(../js/ext/resources/images/default/toolbar/btn-arrow-light.gif) no-repeat right 0;}.x-date-right,.x-date-left{width:18px;}.x-date-right{text-align:right;}.x-date-middle{padding-top:2px;padding-bottom:2px;}.x-date-right a,.x-date-left a{display:block;width:16px;height:16px;background-position:center;background-repeat:no-repeat;cursor:pointer;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60);}.x-date-right a:hover,.x-date-left a:hover{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}.x-date-right a{background-image:url(../js/ext/resources/images/default/shared/right-btn.gif);margin-right:2px;text-decoration:none!important;}.x-date-left a{background-image:url(../js/ext/resources/images/default/shared/left-btn.gif);margin-left:2px;text-decoration:none!important;}table.x-date-inner{width:100%;table-layout:fixed;}.x-date-inner th{width:25px;}.x-date-inner th{background:#dfecfb url(../js/ext/resources/images/default/shared/glass-bg.gif) repeat-x left top;text-align:right!important;border-bottom:1px solid #a3bad9;font:normal 10px arial,helvetica,tahoma,sans-serif;color:#233d6d;cursor:default;padding:0;border-collapse:separate;}.x-date-inner th span{display:block;padding:2px;padding-right:7px;}.x-date-inner td{border:1px solid #fff;text-align:right;padding:0;}.x-date-inner a{padding:2px 5px;display:block;font:normal 11px arial,helvetica,tahoma,sans-serif;text-decoration:none;color:#000;text-align:right;zoom:1;}.x-date-inner .x-date-active{cursor:pointer;color:#000;}.x-date-inner .x-date-selected a{background:#dfecfb url(../js/ext/resources/images/default/shared/glass-bg.gif) repeat-x left top;border:1px solid #8db2e3;padding:1px 4px;}.x-date-inner .x-date-today a{border:1px solid #8B0000;padding:1px 4px;}.x-date-inner .x-date-selected span{font-weight:700;}.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a{color:#aaa;text-decoration:none!important;}.x-date-bottom{padding:4px;border-top:1px solid #a3bad9;background:#dfecfb url(../js/ext/resources/images/default/shared/glass-bg.gif) repeat-x left top;}.x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{text-decoration:none!important;color:#000;background:#ddecfe;}.x-date-inner .x-date-disabled a{cursor:default;background:#eee;color:#bbb;}.x-date-mmenu{background:#eee!important;}.x-date-mmenu .x-menu-item{font-size:10px;padding:1px 24px 1px 4px;white-space:nowrap;color:#000;}.x-date-mmenu .x-menu-item .x-menu-item-icon{width:10px;height:10px;margin-right:5px;background-position:center -4px!important;}.x-date-mp{position:absolute;left:0;top:0;background:#FFF;display:none;}.x-date-mp td{padding:2px;font:normal 11px arial,helvetica,tahoma,sans-serif;}td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn{border:0 none;text-align:center;vertical-align:middle;width:25%;}.x-date-mp-ok{margin-right:3px;}.x-date-mp-btns button{text-decoration:none;text-align:center;text-decoration:none!important;background:#083772;color:#FFF;border:1px solid;border-color:#36c #005 #005 #36c;padding:1px 3px;font:normal 11px arial,helvetica,tahoma,sans-serif;cursor:pointer;}.x-date-mp-btns{background:#dfecfb url(../js/ext/resources/images/default/shared/glass-bg.gif) repeat-x left top;}.x-date-mp-btns td{border-top:1px solid #c5d2df;text-align:center;}td.x-date-mp-month a,td.x-date-mp-year a{display:block;padding:2px 4px;text-decoration:none;text-align:center;color:#15428b;}td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{color:#15428b;text-decoration:none;cursor:pointer;background:#ddecfe;}td.x-date-mp-sel a{padding:1px 3px;background:#dfecfb url(../js/ext/resources/images/default/shared/glass-bg.gif) repeat-x left top;border:1px solid #8db2e3;}.x-date-mp-ybtn a{overflow:hidden;width:15px;height:15px;cursor:pointer;background:transparent url(../js/ext/resources/images/default/panel/tool-sprites.gif) no-repeat;display:block;margin:0 auto;}.x-date-mp-ybtn a.x-date-mp-next{background-position:0 -120px;}.x-date-mp-ybtn a.x-date-mp-next:hover{background-position:-15px -120px;}.x-date-mp-ybtn a.x-date-mp-prev{background-position:0 -105px;}.x-date-mp-ybtn a.x-date-mp-prev:hover{background-position:-15px -105px;}.x-date-mp-ybtn{text-align:center;}td.x-date-mp-sep{border-right:1px solid #c5d2df;}.x-tip{position:absolute;top:0;left:0;visibility:hidden;z-index:20000;border:0 none;}.x-tip .x-tip-close{background-image:url(../js/ext/resources/images/default/qtip/close.gif);height:15px;float:right;width:15px;margin:0 0 2px 2px;cursor:pointer;display:none;}.x-tip .x-tip-tc{background:transparent url(../js/ext/resources/images/default/qtip/tip-sprite.gif) no-repeat 0 -62px;padding-top:3px;overflow:hidden;zoom:1;}.x-tip .x-tip-tl{background:transparent url(../js/ext/resources/images/default/qtip/tip-sprite.gif) no-repeat 0 0;padding-left:6px;overflow:hidden;zoom:1;}.x-tip .x-tip-tr{background:transparent url(../js/ext/resources/images/default/qtip/tip-sprite.gif) no-repeat right 0;padding-right:6px;overflow:hidden;zoom:1;}.x-tip .x-tip-bc{background:transparent url(../js/ext/resources/images/default/qtip/tip-sprite.gif) no-repeat 0 -121px;height:3px;overflow:hidden;}.x-tip .x-tip-bl{background:transparent url(../js/ext/resources/images/default/qtip/tip-sprite.gif) no-repeat 0 -59px;padding-left:6px;zoom:1;}.x-tip .x-tip-br{background:transparent url(../js/ext/resources/images/default/qtip/tip-sprite.gif) no-repeat right -59px;padding-right:6px;zoom:1;}.x-tip .x-tip-mc{border:0 none;font:normal 11px tahoma,arial,helvetica,sans-serif;}.x-tip .x-tip-ml{background:#fff url(../js/ext/resources/images/default/qtip/tip-sprite.gif) no-repeat 0 -124px;padding-left:6px;zoom:1;}.x-tip .x-tip-mr{background:transparent url(../js/ext/resources/images/default/qtip/tip-sprite.gif) no-repeat right -124px;padding-right:6px;zoom:1;}.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc{font-size:0;line-height:0;}.x-tip .x-tip-header-text{font:bold 11px tahoma,arial,helvetica,sans-serif;padding:0;margin:0 0 2px;color:#444;}.x-tip .x-tip-body{font:normal 11px tahoma,arial,helvetica,sans-serif;margin:0!important;line-height:14px;color:#444;padding:0;}.x-tip .x-tip-body .loading-indicator{margin:0;}.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text{cursor:move;}.x-form-invalid-tip .x-tip-tc{background:url(../js/ext/resources/images/default/form/error-tip-corners.gif) repeat-x 0 -12px;padding-top:6px;}.x-form-invalid-tip .x-tip-tl{background-image:url(../js/ext/resources/images/default/form/error-tip-corners.gif);}.x-form-invalid-tip .x-tip-tr{background-image:url(../js/ext/resources/images/default/form/error-tip-corners.gif);}.x-form-invalid-tip .x-tip-bc{background:url(../js/ext/resources/images/default/form/error-tip-corners.gif) repeat-x 0 -18px;height:6px;}.x-form-invalid-tip .x-tip-bl{background:url(../js/ext/resources/images/default/form/error-tip-corners.gif) no-repeat 0 -6px;}.x-form-invalid-tip .x-tip-br{background:url(../js/ext/resources/images/default/form/error-tip-corners.gif) no-repeat right -6px;}.x-form-invalid-tip .x-tip-ml{background-image:url(../js/ext/resources/images/default/form/error-tip-corners.gif);}.x-form-invalid-tip .x-tip-mr{background-image:url(../js/ext/resources/images/default/form/error-tip-corners.gif);}.x-form-invalid-tip .x-tip-body{padding:2px;}.x-form-invalid-tip .x-tip-body{padding-left:24px;background:transparent url(../js/ext/resources/images/default/form/exclamation.gif) no-repeat 2px 2px;}.x-menu{border:1px solid #718bb7;z-index:15000;zoom:1;background:#f0f0f0 url(../js/ext/resources/images/default/menu/menu.gif) repeat-y;padding:2px;}.x-menu a{text-decoration:none!important;}.ext-ie .x-menu{zoom:1;overflow:hidden;}.x-menu-list{background:transparent;border:0 none;}.x-menu li{line-height:100%;}.x-menu li.x-menu-sep-li{font-size:1px;line-height:1px;}.x-menu-list-item{font:normal 11px tahoma,arial,sans-serif;white-space:nowrap;-moz-user-select:none;-khtml-user-select:none;display:block;padding:1px;}.x-menu-item-arrow{background:transparent url(../js/ext/resources/images/default/menu/menu-parent.gif) no-repeat right;}.x-menu-sep{display:block;font-size:1px;line-height:1px;margin:2px 3px;background-color:#e0e0e0;border-bottom:1px solid #fff;overflow:hidden;}.x-menu-focus{position:absolute;left:0;top:-5px;width:0;height:0;line-height:1px;}.x-menu a.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px 3px;white-space:nowrap;text-decoration:none;color:#222;-moz-outline:0 none;outline:0 none;cursor:pointer;}.x-menu-item-active{background:#ebf3fd url(../js/ext/resources/images/default/menu/item-over.gif) repeat-x left bottom;border:1px solid #aaccf6;padding:0;}.x-menu-item-active a.x-menu-item{color:#233d6d;}.x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px;margin:0 8px 0 0;background-position:center;}.x-menu-check-item .x-menu-item-icon{background:transparent url(../js/ext/resources/images/default/menu/unchecked.gif) no-repeat center;}.x-menu-item-checked .x-menu-item-icon{background-image:url(../js/ext/resources/images/default/menu/checked.gif);}.x-menu-group-item .x-menu-item-icon{background:transparent;}.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{background:transparent url(../js/ext/resources/images/default/menu/group-checked.gif) no-repeat center;}.x-menu-plain{background:#fff!important;}.x-menu-date-item{padding:0;}.x-menu .x-color-palette,.x-menu .x-date-picker{margin-left:26px;margin-right:4px;}.x-menu .x-date-picker{border:1px solid #a3bad9;margin-top:2px;margin-bottom:2px;}.x-menu-plain .x-color-palette,.x-menu-plain .x-date-picker{margin:0;border:0 none;}.x-date-menu{padding:0!important;}.x-cycle-menu .x-menu-item-checked{border:1px dotted #a3bae9!important;background:#DFE8F6;padding:0;}.x-box-tl{background:transparent url(../js/ext/resources/images/default/box/corners.gif) no-repeat 0 0;zoom:1;}.x-box-tc{height:8px;background:transparent url(../js/ext/resources/images/default/box/tb.gif) repeat-x 0 0;overflow:hidden;}.x-box-tr{background:transparent url(../js/ext/resources/images/default/box/corners.gif) no-repeat right -8px;}.x-box-ml{background:transparent url(../js/ext/resources/images/default/box/l.gif) repeat-y 0;padding-left:4px;overflow:hidden;zoom:1;}.x-box-mc{background:#eee url(../js/ext/resources/images/default/box/tb.gif) repeat-x 0 -16px;padding:4px 10px;font-family:"Myriad Pro","Myriad Web",Tahoma,Helvetica,Arial,sans-serif;color:#393939;font-size:12px;}.x-box-mc h3{font-size:14px;font-weight:700;margin:0 0 4px;zoom:1;}.x-box-mr{background:transparent url(../js/ext/resources/images/default/box/r.gif) repeat-y right;padding-right:4px;overflow:hidden;}.x-box-bl{background:transparent url(../js/ext/resources/images/default/box/corners.gif) no-repeat 0 -16px;zoom:1;}.x-box-bc{background:transparent url(../js/ext/resources/images/default/box/tb.gif) repeat-x 0 -8px;height:8px;overflow:hidden;}.x-box-br{background:transparent url(../js/ext/resources/images/default/box/corners.gif) no-repeat right -24px;}.x-box-tl,.x-box-bl{padding-left:8px;overflow:hidden;}.x-box-tr,.x-box-br{padding-right:8px;overflow:hidden;}.x-box-blue .x-box-bl,.x-box-blue .x-box-br,.x-box-blue .x-box-tl,.x-box-blue .x-box-tr{background-image:url(../js/ext/resources/images/default/box/corners-blue.gif);}.x-box-blue .x-box-bc,.x-box-blue .x-box-mc,.x-box-blue .x-box-tc{background-image:url(../js/ext/resources/images/default/box/tb-blue.gif);}.x-box-blue .x-box-mc{background-color:#c3daf9;}.x-box-blue .x-box-mc h3{color:#17385b;}.x-box-blue .x-box-ml{background-image:url(../js/ext/resources/images/default/box/l-blue.gif);}.x-box-blue .x-box-mr{background-image:url(../js/ext/resources/images/default/box/r-blue.gif);}#x-debug-browser .x-tree .x-tree-node a span{color:#222297;font-size:11px;padding-top:2px;font-family:monotype,"courier new",sans-serif;line-height:18px;}#x-debug-browser .x-tree a i{color:#FF4545;font-style:normal;}#x-debug-browser .x-tree a em{color:#999;}#x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{background:#c3daf9;}#x-debug-browser .x-tool-toggle{background-position:0 -75px;}#x-debug-browser .x-tool-toggle-over{background-position:-15px -75px;}#x-debug-browser.x-panel-collapsed .x-tool-toggle{background-position:0 -60px;}#x-debug-browser.x-panel-collapsed .x-tool-toggle-over{background-position:-15px -60px;}.x-combo-list{border:1px solid #98c0f4;background:#ddecfe;zoom:1;overflow:hidden;}.x-combo-list-inner{overflow:auto;background:#FFF;position:relative;zoom:1;overflow-x:hidden;}.x-combo-list-hd{font:bold 11px tahoma,arial,helvetica,sans-serif;color:#15428b;background-image:url(../js/ext/resources/images/default/layout/panel-title-light-bg.gif);border-bottom:1px solid #98c0f4;padding:3px;}.x-resizable-pinned .x-combo-list-inner{border-bottom:1px solid #98c0f4;}.x-combo-list-item{font:normal 12px tahoma,arial,helvetica,sans-serif;padding:2px;border:1px solid #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.x-combo-list .x-combo-selected{border:1px dotted #a3bae9!important;background:#DFE8F6;cursor:pointer;}.x-combo-noedit{cursor:pointer;}.x-combo-list .x-toolbar{border-top:1px solid #98c0f4;border-bottom:0 none;}.x-combo-list-small .x-combo-list-item{font:normal 11px tahoma,arial,helvetica,sans-serif;}.x-panel{border-style:solid;border-color:#99bbe8;border-width:0;}.x-panel-header{overflow:hidden;zoom:1;color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 3px 4px 5px;border:1px solid #99bbe8;line-height:15px;background:transparent url(../js/ext/resources/images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;}.x-panel-body{border:1px solid #99bbe8;border-top:0 none;overflow:hidden;background:#FFF;position:relative;}.x-panel-bbar .x-toolbar{border:1px solid #99bbe8;border-top:0 none;overflow:hidden;padding:2px;}.x-panel-tbar .x-toolbar{border:1px solid #99bbe8;border-top:0 none;overflow:hidden;padding:2px;}.x-panel-tbar-noheader .x-toolbar,.x-panel-mc .x-panel-tbar .x-toolbar{border-top:1px solid #99bbe8;border-bottom:0 none;}.x-panel-body-noheader,.x-panel-mc .x-panel-body{border-top:1px solid #99bbe8;}.x-panel-header{overflow:hidden;zoom:1;}.x-panel-tl .x-panel-header{color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 0 4px;border:0 none;background:transparent;}.x-panel-tl .x-panel-icon,.x-window-tl .x-panel-icon{padding-left:20px!important;background-repeat:no-repeat;background-position:0 4px;zoom:1;}.x-panel-inline-icon{width:16px;height:16px;background-repeat:no-repeat;background-position:0 0;vertical-align:middle;margin-right:4px;margin-top:-1px;margin-bottom:-1px;}.x-panel-tc{background:transparent url(../js/ext/resources/images/default/panel/top-bottom.gif) repeat-x 0 0;overflow:hidden;}.ext-strict .ext-ie7 .x-panel-tc{overflow:visible;}.x-panel-tl{background:transparent url(../js/ext/resources/images/default/panel/corners-sprite.gif) no-repeat 0 0;padding-left:6px;zoom:1;border-bottom:1px solid #99bbe8;}.x-panel-tr{background:transparent url(../js/ext/resources/images/default/panel/corners-sprite.gif) no-repeat right 0;zoom:1;padding-right:6px;}.x-panel-bc{background:transparent url(../js/ext/resources/images/default/panel/top-bottom.gif) repeat-x 0 bottom;zoom:1;}.x-panel-bc .x-panel-footer{zoom:1;}.x-panel-bl{background:transparent url(../js/ext/resources/images/default/panel/corners-sprite.gif) no-repeat 0 bottom;padding-left:6px;zoom:1;}.x-panel-br{background:transparent url(../js/ext/resources/images/default/panel/corners-sprite.gif) no-repeat right bottom;padding-right:6px;zoom:1;}.x-panel-mc{border:0 none;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;padding-top:6px;background:#dfe8f6;}.x-panel-mc .x-panel-body{background:transparent;border:0 none;}.x-panel-ml{background:#fff url(../js/ext/resources/images/default/panel/left-right.gif) repeat-y 0 0;padding-left:6px;zoom:1;}.x-panel-mr{background:transparent url(../js/ext/resources/images/default/panel/left-right.gif) repeat-y right 0;padding-right:6px;zoom:1;}.x-panel-bc .x-panel-footer{padding-bottom:6px;}.x-panel-nofooter .x-panel-bc{height:6px;font-size:0;line-height:0;}.x-panel-bwrap{overflow:hidden;zoom:1;}.x-panel-body{overflow:hidden;zoom:1;}.x-panel-collapsed .x-resizable-handle{display:none;}.ext-gecko .x-panel-animated div{overflow:hidden!important;}.x-plain-body{overflow:hidden;}.x-plain-bbar .x-toolbar{overflow:hidden;padding:2px;}.x-plain-tbar .x-toolbar{overflow:hidden;padding:2px;}.x-plain-bwrap{overflow:hidden;zoom:1;}.x-plain{overflow:hidden;}.x-tool{overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent url(../js/ext/resources/images/default/panel/tool-sprites.gif) no-repeat;margin-left:2px;}.x-tool-toggle{background-position:0 -60px;}.x-tool-toggle-over{background-position:-15px -60px;}.x-panel-collapsed .x-tool-toggle{background-position:0 -75px;}.x-panel-collapsed .x-tool-toggle-over{background-position:-15px -75px;}.x-tool-close{background-position:0 0;}.x-tool-close-over{background-position:-15px 0;}.x-tool-minimize{background-position:0 -15px;}.x-tool-minimize-over{background-position:-15px -15px;}.x-tool-maximize{background-position:0 -30px;}.x-tool-maximize-over{background-position:-15px -30px;}.x-tool-restore{background-position:0 -45px;}.x-tool-restore-over{background-position:-15px -45px;}.x-tool-gear{background-position:0 -90px;}.x-tool-gear-over{background-position:-15px -90px;}.x-tool-pin{background-position:0 -135px;}.x-tool-pin-over{background-position:-15px -135px;}.x-tool-unpin{background-position:0 -150px;}.x-tool-unpin-over{background-position:-15px -150px;}.x-tool-right{background-position:0 -165px;}.x-tool-right-over{background-position:-15px -165px;}.x-tool-left{background-position:0 -180px;}.x-tool-left-over{background-position:-15px -180px;}.x-tool-up{background-position:0 -210px;}.x-tool-up-over{background-position:-15px -210px;}.x-tool-down{background-position:0 -195px;}.x-tool-down-over{background-position:-15px -195px;}.x-tool-refresh{background-position:0 -225px;}.x-tool-refresh-over{background-position:-15px -225px;}.x-tool-minus{background-position:0 -255px;}.x-tool-minus-over{background-position:-15px -255px;}.x-tool-plus{background-position:0 -240px;}.x-tool-plus-over{background-position:-15px -240px;}.x-tool-search{background-position:0 -270px;}.x-tool-search-over{background-position:-15px -270px;}.x-tool-save{background-position:0 -285px;}.x-tool-save-over{background-position:-15px -285px;}.x-tool-help{background-position:0 -300px;}.x-tool-help-over{background-position:-15px -300px;}.x-tool-print{background-position:0 -315px;}.x-tool-print-over{background-position:-15px -315px;}.x-panel-ghost{background:#cbddf3;z-index:12000;overflow:hidden;position:absolute;left:0;top:0;opacity:.65;-moz-opacity:.65;filter:alpha(opacity=65);}.x-panel-ghost ul{margin:0;padding:0;overflow:hidden;font-size:0;line-height:0;border:1px solid #99bbe8;border-top:0 none;display:block;}.x-panel-ghost *{cursor:move!important;}.x-panel-dd-spacer{border:2px dashed #99bbe8;}.x-panel-btns-ct{padding:5px;}.x-panel-btns-ct .x-btn{float:right;clear:none;}.x-panel-btns-ct .x-panel-btns td{border:0;padding:0;}.x-panel-btns-ct .x-panel-btns-right table{float:right;clear:none;}.x-panel-btns-ct .x-panel-btns-left table{float:left;clear:none;}.x-panel-btns-ct .x-panel-btns-center{text-align:center;}.x-panel-btns-ct .x-panel-btns-center table{margin:0 auto;}.x-panel-btns-ct table td.x-panel-btn-td{padding:3px;}.x-panel-btns-ct .x-btn-focus .x-btn-left{background-position:0 -147px;}.x-panel-btns-ct .x-btn-focus .x-btn-right{background-position:0 -168px;}.x-panel-btns-ct .x-btn-focus .x-btn-center{background-position:0 -189px;}.x-panel-btns-ct .x-btn-over .x-btn-left{background-position:0 -63px;}.x-panel-btns-ct .x-btn-over .x-btn-right{background-position:0 -84px;}.x-panel-btns-ct .x-btn-over .x-btn-center{background-position:0 -105px;}.x-panel-btns-ct .x-btn-click .x-btn-center{background-position:0 -126px;}.x-panel-btns-ct .x-btn-click .x-btn-right{background-position:0 -84px;}.x-panel-btns-ct .x-btn-click .x-btn-left{background-position:0 -63px;}.x-window{zoom:1;}.x-window .x-resizable-handle{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}.x-window-proxy{background:#C7DFFC;border:1px solid #99bbe8;z-index:12000;overflow:hidden;position:absolute;left:0;top:0;display:none;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}.x-window-header{overflow:hidden;zoom:1;}.x-window-bwrap{z-index:1;position:relative;zoom:1;}.x-window-tl .x-window-header{color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 0 4px;}.x-window-header-text{cursor:pointer;}.x-window-tc{background:transparent url(../js/ext/resources/images/default/window/top-bottom.png) repeat-x 0 0;overflow:hidden;zoom:1;}.x-window-tl{background:transparent url(../js/ext/resources/images/default/window/left-corners.png) no-repeat 0 0;padding-left:6px;zoom:1;z-index:1;position:relative;}.x-window-tr{background:transparent url(../js/ext/resources/images/default/window/right-corners.png) no-repeat right 0;padding-right:6px;}.x-window-bc{background:transparent url(../js/ext/resources/images/default/window/top-bottom.png) repeat-x 0 bottom;zoom:1;}.x-window-bc .x-window-footer{padding-bottom:6px;zoom:1;font-size:0;line-height:0;}.x-window-bl{background:transparent url(../js/ext/resources/images/default/window/left-corners.png) no-repeat 0 bottom;padding-left:6px;zoom:1;}.x-window-br{background:transparent url(../js/ext/resources/images/default/window/right-corners.png) no-repeat right bottom;padding-right:6px;zoom:1;}.x-window-mc{border:1px solid #99bbe8;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:#dfe8f6;}.x-window-ml{background:transparent url(../js/ext/resources/images/default/window/left-right.png) repeat-y 0 0;padding-left:6px;zoom:1;}.x-window-mr{background:transparent url(../js/ext/resources/images/default/window/left-right.png) repeat-y right 0;padding-right:6px;zoom:1;}.x-panel-nofooter .x-window-bc{height:6px;}.x-window-body{overflow:hidden;}.x-window-bwrap{overflow:hidden;}.x-window-maximized .x-window-bl,.x-window-maximized .x-window-br,.x-window-maximized .x-window-ml,.x-window-maximized .x-window-mr,.x-window-maximized .x-window-tl,.x-window-maximized .x-window-tr{padding:0;}.x-window-maximized .x-window-footer{padding-bottom:0;}.x-window-maximized .x-window-tc{padding-left:3px;padding-right:3px;background-color:#FFF;}.x-window-maximized .x-window-mc{border-left:0 none;border-right:0 none;}.x-window-tbar .x-toolbar,.x-window-bbar .x-toolbar{border-left:0 none;border-right:0 none;}.x-window-bbar .x-toolbar{border-top:1px solid #99bbe8;border-bottom:0 none;}.x-window-draggable,.x-window-draggable .x-window-header-text{cursor:move;}.x-window-maximized .x-window-draggable,.x-window-maximized .x-window-draggable .x-window-header-text{cursor:default;}.x-window-body{background:transparent;}.x-panel-ghost .x-window-tl{border-bottom:1px solid #99bbe8;}.x-panel-collapsed .x-window-tl{border-bottom:1px solid #84a0c4;}.x-window-maximized-ct{overflow:hidden;}.x-window-maximized .x-resizable-handle{display:none;}.x-window-sizing-ghost ul{border:0 none!important;}.x-dlg-focus{-moz-outline:0 none;outline:0 none;width:0;height:0;overflow:hidden;position:absolute;top:0;left:0;}.x-dlg-mask{z-index:10000;display:none;position:absolute;top:0;left:0;-moz-opacity:.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;}body.ext-ie6.x-body-masked select{visibility:hidden;}body.ext-ie6.x-body-masked .x-window select{visibility:visible;}.x-window-plain .x-window-mc{background:#CAD9EC;border-right:1px solid #DFE8F6;border-bottom:1px solid #DFE8F6;border-top:1px solid #a3bae9;border-left:1px solid #a3bae9;}.x-window-plain .x-window-body{border-left:1px solid #DFE8F6;border-top:1px solid #DFE8F6;border-bottom:1px solid #a3bae9;border-right:1px solid #a3bae9;background:transparent!important;}body.x-body-masked .x-window-plain .x-window-mc{background:#C7D6E9;}.x-html-editor-wrap{border:1px solid #a9bfd3;background:#FFF;}.x-html-editor-tb .x-btn-text{background:transparent url(../js/ext/resources/images/default/editor/tb-sprite.gif) no-repeat;}.x-html-editor-tb .x-edit-bold .x-btn-text{background-position:0 0;}.x-html-editor-tb .x-edit-italic .x-btn-text{background-position:-16px 0;}.x-html-editor-tb .x-edit-underline .x-btn-text{background-position:-32px 0;}.x-html-editor-tb .x-edit-forecolor .x-btn-text{background-position:-160px 0;}.x-html-editor-tb .x-edit-backcolor .x-btn-text{background-position:-176px 0;}.x-html-editor-tb .x-edit-justifyleft .x-btn-text{background-position:-112px 0;}.x-html-editor-tb .x-edit-justifycenter .x-btn-text{background-position:-128px 0;}.x-html-editor-tb .x-edit-justifyright .x-btn-text{background-position:-144px 0;}.x-html-editor-tb .x-edit-insertorderedlist .x-btn-text{background-position:-80px 0;}.x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text{background-position:-96px 0;}.x-html-editor-tb .x-edit-increasefontsize .x-btn-text{background-position:-48px 0;}.x-html-editor-tb .x-edit-decreasefontsize .x-btn-text{background-position:-64px 0;}.x-html-editor-tb .x-edit-sourceedit .x-btn-text{background-position:-192px 0;}.x-html-editor-tb .x-edit-createlink .x-btn-text{background-position:-208px 0;}.x-html-editor-tip .x-tip-bd .x-tip-bd-inner{padding:5px;padding-bottom:1px;}.x-html-editor-tb .x-toolbar{position:static!important;}.x-panel-noborder .x-panel-body-noborder{border-width:0;}.x-panel-noborder .x-panel-header-noborder{border-width:0;border-bottom:1px solid #99bbe8;}.x-panel-noborder .x-panel-tbar-noborder .x-toolbar{border-width:0;border-bottom:1px solid #99bbe8;}.x-panel-noborder .x-panel-bbar-noborder .x-toolbar{border-width:0;border-top:1px solid #99bbe8;}.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 #99bbe8;}.x-tab-panel-tbar-noborder .x-toolbar{border-width:0;border-bottom:1px solid #99bbe8;}.x-border-layout-ct{background:#dfe8f6;}.x-border-panel{position:absolute;left:0;top:0;}.x-tool-collapse-south{background-position:0 -195px;}.x-tool-collapse-south-over{background-position:-15px -195px;}.x-tool-collapse-north{background-position:0 -210px;}.x-tool-collapse-north-over{background-position:-15px -210px;}.x-tool-collapse-west{background-position:0 -180px;}.x-tool-collapse-west-over{background-position:-15px -180px;}.x-tool-collapse-east{background-position:0 -165px;}.x-tool-collapse-east-over{background-position:-15px -165px;}.x-tool-expand-south{background-position:0 -210px;}.x-tool-expand-south-over{background-position:-15px -210px;}.x-tool-expand-north{background-position:0 -195px;}.x-tool-expand-north-over{background-position:-15px -195px;}.x-tool-expand-west{background-position:0 -165px;}.x-tool-expand-west-over{background-position:-15px -165px;}.x-tool-expand-east{background-position:0 -180px;}.x-tool-expand-east-over{background-position:-15px -180px;}.x-tool-expand-north,.x-tool-expand-south{float:right;margin:3px;}.x-tool-expand-east,.x-tool-expand-west{float:none;margin:3px auto;}.x-accordion-hd .x-tool-toggle{background-position:0 -255px;}.x-accordion-hd .x-tool-toggle-over{background-position:-15px -255px;}.x-panel-collapsed .x-accordion-hd .x-tool-toggle{background-position:0 -240px;}.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over{background-position:-15px -240px;}.x-accordion-hd{color:#222;padding-top:4px;padding-bottom:3px;border-top:0 none;font-weight:400;background:transparent url(../js/ext/resources/images/default/panel/light-hd.gif) repeat-x 0 -9px;}.x-layout-collapsed{position:absolute;left:-10000px;top:-10000px;visibility:hidden;background-color:#d2e0f2;width:20px;height:20px;overflow:hidden;border:1px solid #98c0f4;z-index:20;}.ext-border-box .x-layout-collapsed{width:22px;height:22px;}.x-layout-collapsed-over{cursor:pointer;background-color:#d9e8fb;}.x-layout-collapsed-west .x-layout-collapsed-tools,.x-layout-collapsed-east .x-layout-collapsed-tools{position:absolute;top:0;left:0;width:20px;height:20px;}.x-layout-split{position:absolute;height:5px;width:5px;line-height:1px;font-size:1px;z-index:3;background-color:transparent;}.x-layout-split-h{background-image:url(../js/ext/resources/images/default/s.gif);background-position:left;}.x-layout-split-v{background-image:url(../js/ext/resources/images/default/s.gif);background-position:top;}.x-column-layout-ct{overflow:hidden;zoom:1;}.x-column{float:left;padding:0;margin:0;overflow:hidden;zoom:1;}.x-layout-mini{position:absolute;top:0;left:0;display:block;width:5px;height:35px;cursor:pointer;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}.x-layout-mini-over,.x-layout-collapsed-over .x-layout-mini{opacity:1;-moz-opacity:1;filter:none;}.x-layout-split-west .x-layout-mini{top:48%;background-image:url(../js/ext/resources/images/default/layout/mini-left.gif);}.x-layout-split-east .x-layout-mini{top:48%;background-image:url(../js/ext/resources/images/default/layout/mini-right.gif);}.x-layout-split-north .x-layout-mini{left:48%;height:5px;width:35px;background-image:url(../js/ext/resources/images/default/layout/mini-top.gif);}.x-layout-split-south .x-layout-mini{left:48%;height:5px;width:35px;background-image:url(../js/ext/resources/images/default/layout/mini-bottom.gif);}.x-layout-cmini-west .x-layout-mini{top:48%;background-image:url(../js/ext/resources/images/default/layout/mini-right.gif);}.x-layout-cmini-east .x-layout-mini{top:48%;background-image:url(../js/ext/resources/images/default/layout/mini-left.gif);}.x-layout-cmini-north .x-layout-mini{left:48%;height:5px;width:35px;background-image:url(../js/ext/resources/images/default/layout/mini-bottom.gif);}.x-layout-cmini-south .x-layout-mini{left:48%;height:5px;width:35px;background-image:url(../js/ext/resources/images/default/layout/mini-top.gif);}.x-layout-cmini-west,.x-layout-cmini-east{border:0 none;width:5px!important;padding:0;background:transparent;}.x-layout-cmini-north,.x-layout-cmini-south{border:0 none;height:5px!important;padding:0;background:transparent;}.x-viewport,.x-viewport body{margin:0;padding:0;border:0 none;overflow:hidden;height:100%;}.x-abs-layout-item{position:absolute;left:0;top:0;}.ext-ie input.x-abs-layout-item,.ext-ie textarea.x-abs-layout-item{margin:0;}.x-progress-wrap{border:1px solid #6593cf;overflow:hidden;}.x-progress-inner{height:18px;background:#e0e8f3 url(../js/ext/resources/images/default/qtip/bg.gif) repeat-x;position:relative;}.x-progress-bar{height:18px;float:left;width:0;background:#9CBFEE url(../js/ext/resources/images/default/progress/progress-bg.gif) repeat-x left center;border-top:1px solid #D1E4FD;border-bottom:1px solid #7FA9E4;border-right:1px solid #7FA9E4;}.x-progress-text{font-size:11px;font-weight:700;color:#fff;padding:1px 5px;overflow:hidden;position:absolute;left:0;text-align:center;}.x-progress-text-back{color:#396095;line-height:16px;}.ext-ie .x-progress-text-back{line-height:15px;}.x-window-dlg .x-window-body{border:0 none!important;padding:5px 10px;overflow:hidden!important;}.x-window-dlg .x-window-mc{border:0 none!important;}.x-window-dlg .ext-mb-text,.x-window-dlg .x-window-header-text{font-size:12px;}.x-window-dlg .ext-mb-input{margin-top:4px;width:95%;}.x-window-dlg .ext-mb-textarea{margin-top:4px;font:normal 12px tahoma,arial,helvetica,sans-serif;}.x-window-dlg .x-progress-wrap{margin-top:4px;}.ext-ie .x-window-dlg .x-progress-wrap{margin-top:6px;}.x-window-dlg .x-msg-box-wait{background:transparent url(../js/ext/resources/images/default/grid/loading.gif) no-repeat left;display:block;width:300px;padding-left:18px;line-height:18px;}.x-window-dlg .ext-mb-icon{float:left;width:47px;height:32px;}.ext-ie .x-window-dlg .ext-mb-icon{width:44px;}.x-window-dlg .ext-mb-info{background:transparent url(../js/ext/resources/images/default/window/icon-info.gif) no-repeat top left;}.x-window-dlg .ext-mb-warning{background:transparent url(../js/ext/resources/images/default/window/icon-warning.gif) no-repeat top left;}.x-window-dlg .ext-mb-question{background:transparent url(../js/ext/resources/images/default/window/icon-question.gif) no-repeat top left;}.x-window-dlg .ext-mb-error{background:transparent url(../js/ext/resources/images/default/window/icon-error.gif) no-repeat top left;}/* + * Ext JS Library 2.0.2 + * Copyright(c) 2006-2008, Ext JS, LLC. + * licensing(a)extjs.com + * + * http://extjs.com/license + */.x-panel{border-style:solid;border-color:#d0d0d0;}.x-panel-header{color:#333;border:1px solid #d0d0d0;background-image:url(../js/ext/resources/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(../js/ext/resources/images/gray/panel/top-bottom.gif);}.x-panel-tl{background-image:url(../js/ext/resources/images/gray/panel/corners-sprite.gif);border-color:#d0d0d0;}.x-panel-tr{background-image:url(../js/ext/resources/images/gray/panel/corners-sprite.gif);}.x-panel-bc{background-image:url(../js/ext/resources/images/gray/panel/top-bottom.gif);}.x-panel-bl{background-image:url(../js/ext/resources/images/gray/panel/corners-sprite.gif);}.x-panel-br{background-image:url(../js/ext/resources/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(../js/ext/resources/images/gray/panel/left-right.gif);}.x-panel-mr{background-image:url(../js/ext/resources/images/gray/panel/left-right.gif);}/* Tools */.x-tool{background-image:url(../js/ext/resources/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(../js/ext/resources/images/gray/button/btn-sprite.gif);}.x-btn-right{background-image:url(../js/ext/resources/images/gray/button/btn-sprite.gif);}.x-btn-center{background-image:url(../js/ext/resources/images/gray/button/btn-sprite.gif);}/* Layout classes */.x-border-layout-ct{background:#f0f0f0;}.x-accordion-hd{background-image:url(../js/ext/resources/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(../js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-top-left{background-image:url(../js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-top-right{background-image:url(../js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-ft{background-image:url(../js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-ft-left{background-image:url(../js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-ft-right{background-image:url(../js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-bd-left{background-image:url(../js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-bd-right{background-image:url(../js/ext/resources/images/gray/qtip/tip-sprite.gif);}/* Toolbars */.x-toolbar{border-color:#d0d0d0;background:#f0f4f5 url(../js/ext/resources/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(../js/ext/resources/images/gray/toolbar/btn-arrow.gif);}.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button{background-image:url(../js/ext/resources/images/gray/toolbar/btn-arrow.gif);}.x-toolbar .x-btn-over .x-btn-left{background-image:url(../js/ext/resources/images/gray/toolbar/tb-btn-sprite.gif);}.x-toolbar .x-btn-over .x-btn-right{background-image:url(../js/ext/resources/images/gray/toolbar/tb-btn-sprite.gif);}.x-toolbar .x-btn-over .x-btn-center{background-image:url(../js/ext/resources/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(../js/ext/resources/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(../js/ext/resources/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(../js/ext/resources/images/gray/toolbar/tb-btn-sprite.gif);}.x-toolbar .ytb-sep{background-image:url(../js/ext/resources/images/default/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(../js/ext/resources/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(../js/ext/resources/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:#AAA;}.x-tab-strip-top .x-tab-right{background-image:url(../js/ext/resources/images/gray/tabs/tabs-sprite.gif);}.x-tab-strip-top .x-tab-left{background-image:url(../js/ext/resources/images/gray/tabs/tabs-sprite.gif);}.x-tab-strip-top .x-tab-strip-inner{background-image:url(../js/ext/resources/images/gray/tabs/tabs-sprite.gif);}.x-tab-strip-bottom .x-tab-right{background-image:url(../js/ext/resources/images/gray/tabs/tab-btm-inactive-right-bg.gif);}.x-tab-strip-bottom .x-tab-left{background-image:url(../js/ext/resources/images/gray/tabs/tab-btm-inactive-left-bg.gif);}.x-tab-strip-bottom .x-tab-strip-active .x-tab-right{background-image:url(../js/ext/resources/images/gray/tabs/tab-btm-right-bg.gif);}.x-tab-strip-bottom .x-tab-strip-active .x-tab-left{background-image:url(../js/ext/resources/images/gray/tabs/tab-btm-left-bg.gif);}.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close{background-image:url(../js/ext/resources/images/gray/tabs/tab-close.gif);}.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{background-image:url(../js/ext/resources/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(../js/ext/resources/images/gray/tabs/scroll-left.gif);border-color:#aeaeae;}.x-tab-scroller-right{background-image:url(../js/ext/resources/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(../js/ext/resources/images/gray/window/top-bottom.png);}.x-window-tl{background-image:url(../js/ext/resources/images/gray/window/left-corners.png);}.x-window-tr{background-image:url(../js/ext/resources/images/gray/window/right-corners.png);}.x-window-bc{background-image:url(../js/ext/resources/images/gray/window/top-bottom.png);}.x-window-bl{background-image:url(../js/ext/resources/images/gray/window/left-corners.png);}.x-window-br{background-image:url(../js/ext/resources/images/gray/window/right-corners.png);}.x-window-mc{border:1px solid #d0d0d0;background:#e8e8e8;}.x-window-ml{background-image:url(../js/ext/resources/images/gray/window/left-right.png);}.x-window-mr{background-image:url(../js/ext/resources/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;}.kunebody{background-color:#FFF;color:#000;font-family:arial, sans;margin:5px;}#kuneinitialcurtain{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#FFF;z-index:9999;}/* Global styles */.gwt-HorizontalSplitPanel .hsplitter{cursor:e-resize;width:6px;}.gwt-DialogBox{border:8px solid #C3D9FF;border:2px outset;background-color:#FFF;}.gwt-DialogBox .Caption{background-color:#C3D9FF;font-size:85%;font-weight:700;padding:3px;margin:2px;cursor:default;}.gwt-MenuBar{background-color:#F2F2F2;border:1px solid #999;vertical-align:middle;padding:5px 0;}.gwt-MenuBar .gwt-MenuItem{cursor:pointer;padding:1px 10px;white-space:nowrap;}.gwt-MenuBar .gwt-MenuItem img{vertical-align:middle;margin-right:3px;}.gwt-MenuBar .gwt-MenuItem{background-color:#F2F2F2;}.gwt-MenuBar .gwt-MenuItem-selected{background-color:#FFB958;}.kune-MenuBar .gwt-MenuItem{background:transparent url(img/button-bg-hard.gif) repeat-x 0 0;border-left:1px solid #AAA;border-right:1px solid #AAA;color:#999;cursor:pointer;cursor:hand;white-space:nowrap;padding:0 10px;}.kune-MenuBar .gwt-MenuItem-selected{background:transparent url(img/button-bg-soft.gif) repeat-x 0 0;color:#963;}.kune-expandHoriz{width:100%;}.kune-expandVert{height:100%;}.kune-floatleft{float:left;}.kune-floatright{float:right;}/* Deprecated */.kune-Default-Form{margin:10px;}.kune-valignmiddle{vertical-align:middle;}fieldset{border:1px solid #B5B8C8;/* margin-bottom:10px; */padding:10px 10px 5px;}legend{color:#15428B;font-size:85%;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:700;line-height:normal;}.gwt-RadioButton input{margin:0 3px;vertical-align:middle;}.gwt-RadioButton label{margin:0 3px;vertical-align:middle;}.kune-pointer{cursor:pointer;}.kuneLabelPre{white-space:pre!important;}/* Buttons */.kune-CustomPushButton-space{margin-top:3px;margin-bottom:3px;}.kune-CustomPushButton{background:transparent url(img/button-bg-hard.gif) repeat-x 0 0;border-left:1px solid #AAA;border-right:1px solid #AAA;color:#999;cursor:pointer;white-space:nowrap;padding:0 12px;}.kune-CustomPushButton-up{color:#161616;}.kune-CustomPushButton-down{color:#000;}.kune-CustomPushButton-up-hovering{color:#161616;background:transparent url(img/button-bg-soft.gif) repeat-x 0 0;}.kune-CustomPushButton-down-hovering{color:#000;}.kune-CustomPushButton-up-disabled{background:transparent url(img/button-bg-soft.gif) repeat-x 0 0;color:#E0E0E0;cursor:normal;}.kune-CustomPushButton-down-disabled{background:transparent url(img/button-bg-soft.gif) repeat-x 0 0;color:#E0E0E0;cursor:normal;}.kune-Button-Large-lrSpace{margin-left:12px;margin-right:12px;}.kune-Button-Large-rSpace{margin-right:12px;}.kune-Button-Large-lSpace{margin-left:12px;}.kune-Button-Large-tbSpace{margin-top:12px;margin-bottom:12px;}.kune-Button-Small-lrSpace{margin-left:10px;margin-right:10px;}.kune-Button-Small-rSpace{margin-right:10px;}.kune-Button-Small-lSpace{margin-left:10px;}.kune-Button-Small-tbSpace{margin-top:10px;margin-bottom:10px;}.kune-Button-Mini-lSpace{margin-left:8px;}.kune-Button-Mini-lrSpace{margin-left:8px;margin-right:8px;}.kune-Button-Mini-rSpace{margin-right:8px;}.kune-Button-Mini-tbSpace{margin-top:8px;margin-bottom:8px;}.kune-IconHyperlink{}.kune-IconHyperlink a:link{/* text-decoration: underline; */color:green;}.kune-IconHyperlink a:hover{text-decoration:underline;}.kune-IconHyperlink a:visited{color:olive;}.kune-IconHyperlink img{margin-right:4px;vertical-align:middle;}.kune-IconLabel{}.kune-IconLabel img{margin-right:4px;vertical-align:middle;}.kune-link{text-decoration:underline;color:green;cursor:pointer;}/* DropDowns */.kune-DropDownOuter{background-color:green;}.kune-DropDownInner{margin:0 3px 1px;background:green;background-color:#FFF;padding:3px;}.kune-DropDownLabel{color:#FFF;cursor:pointer;}.kune-DropDownLabel .gwt-Label{margin:0 5px 0 0;width:100%;}.kune-DropDownLabel img{margin:0 3px 0 1px;}.kune-IconLabel{color:green;}.kune-IconLabel img{margin-right:4px;vertical-align:middle;}/* Used in multi chat panel status change */.x-menu-item img{margin-right:4px;vertical-align:middle;}/* Margins */.kune-Margin-40-trbl{margin:40px;}.kune-Margin-40-lr{margin-left:40px;margin-right:40px;}.kune-Margin-40-tl{margin-top:40px;margin-left:40px;}.kune-Margin-40-tb{margin-top:40px;margin-bottom:40px;}.kune-Margin-40-t{margin-top:40px;}.kune-Margin-40-r{margin-right:40px;}.kune-Margin-40-l{margin-left:40px;}.kune-Margin-20-trbl{margin:20px;}.kune-Margin-20-lr{margin-left:20px;margin-right:20px;}.kune-Margin-20-tl{margin-top:20px;margin-left:20px;}.kune-Margin-20-tb{margin-top:20px;margin-bottom:20px;}.kune-Margin-20-t{margin-top:20px;}.kune-Margin-20-r{margin-right:20px;}.kune-Margin-20-l{margin-left:20px;}.kune-Margin-Large-trbl{margin:10px;}.kune-Margin-Large-lr{margin-left:10px;margin-right:10px;}.kune-Margin-Large-tl{margin-top:10px;margin-left:10px;}.kune-Margin-Large-tb{margin-top:10px;margin-bottom:: 10px;}.kune-Margin-Large-t{margin-top:10px;}.kune-Margin-Large-r{margin-right:10px;}.kune-Margin-Large-l{margin-left:10px;}.kune-Margin-Medium-trbl{margin:5px;}.kune-Margin-Medium-lr{margin-left:5px;margin-right:5px;}.kune-Margin-Medium-tl{margin-top:5px;margin-left:5px;}.kune-Margin-Medium-tb{margin-top:5px;margin-bottom:5px;}.kune-Margin-Medium-t{margin-top:5px;}.kune-Margin-Medium-r{margin-right:5px;}.kune-Margin-Medium-b{margin-bottom:5px;}.kune-Margin-Medium-l{margin-left:5px;}.kune-Margin-Small-trbl{margin:3px;}.kune-Margin-Small-lr{margin-left:3px;margin-right:3px;}.kune-Margin-Small-tl{margin-top:3px;margin-left:3px;}.kune-Margin-Small-tb{margin-top:3px;margin-bottom:3px;}.kune-Margin-Small-t{margin-top:3px;}.kune-Margin-Mini-trbl{margin:1px;}.kune-Margin-Mini-lr{margin-left:1px;margin-right:1px;}.kune-Margin-Mini-tl{margin-top:1px;margin-left:1px;}.kune-Margin-Mini-tb{margin-top:1px;margin-bottom:1px;}.kune-Margin-Mini-t{margin-top:1px;}.kune-Margin-Mini-r{margin-right:1px;}.kune-Margin-Mini-l{margin-left:1px;}/* Fonts +see: http://developer.yahoo.com/yui/fonts/ */.kune-ft10px{font-size:77%;}.kune-ft11px{font-size:85%;}.kune-ft12px{font-size:93%;}.kune-ft13px{font-size:100%;}.kune-ft14px{font-size:108%;}.kune-ft15px{font-size:116%;}.kune-ft16px{font-size:123.099998%;}.kune-ft17px{font-size:131%;}.kune-ft18px{font-size:138.5%;}.kune-ft19px{font-size:146.5%;}.kune-ft20px{font-size:153.899994%;}.kune-ft21px{font-size:161.600006%;}.kune-ft22px{font-size:167%;}.kune-ft23px{font-size:174%;}.kune-ft24px{font-size:182%;}.kune-ft25px{font-size:189%;}.kune-ft26px{font-size:197px %;}/* Sitebar */#kuneprogresspanel{position:absolute;top:2px;left:2px;z-index:30000;}.kune-Progress{background:#E5FF80;border:1px solid #E5FF80;white-space:nowrap;height:16px;padding:0 3px;}.kune-SiteBarPanel .kune-IconHyperlink{white-space:nowrap;}.kune-SiteBarPanel .kune-IconHyperlink a:link{cursor:pointer;text-decoration:underline;color:#B3B3B3;}.kune-SiteBarPanel .kune-IconHyperlink a:hover{text-decoration:underline;}.kune-SiteBarPanel .kune-IconHyperlink a:visited{color:#B3B3B3;}.kune-SiteBarPanel{margin-right:10px;height:16px;}.kune-SiteBarPanel .gwt-TextBox{border:1px solid #E4A374;margin:0 15px 0 3px;padding-left:3px;color:#B3B3B3;}.kune-SiteBarPanel .gwt-Hyperlink a{white-space:nowrap;color:#B3B3B3;text-decoration:underline;cursor:pointer;}.kune-SiteBarPanel .gwt-PushButton{cursor:pointer;}.kune-SiteBarPanel-Separator{color:#E4A374;margin:0 5px;}.kune-SiteBarPanel-SpaceSeparator{width:10px;}.kune-SiteBarPanel-LabelLink{white-space:nowrap;color:#B3B3B3;margin-left:3px;cursor:pointer;text-decoration:underline;}.kune-SiteMessagePanel{color:#250;position:absolute;z-index:10000;vertical-align:middle;}.kune-SiteMessagePanel .gwt-HTML{margin:15px 5px 15px 2px;}.kune-SiteMessagePanel .gwt-Image{margin:5px;}.kune-SiteMessagePanel-error{background-color:#FFB380;border:1px solid #F06;}.kune-SiteMessagePanel-veryimp{background-color:#FFD4AA;border:1px solid #F59;}.kune-SiteMessagePanel-imp{background-color:#FFE6D5;border:1px solid #DE87AA;}.kune-SiteMessagePanel-info{background-color:#E5FF80;border:1px solid #87DE87;}/* Workspace styles */.kune-WorkspacePanel{width:100%;background-color:#FFF;}.kune-WokspacePanel .Tab{}.kune-WorkspacePanel .GeneralHP{}.kune-WorkspacePanel .ContextPanel{width:100%;border-right:3px solid #DD8A3D;}.kune-EntityTextLogo{border:2px solid #F2F2F2;height:60px;margin-bottom:4px;overflow:hidden;width:468px;}.kune-EntityTextLogo .gwt-Label{color:#A40;font-size:167%;font-weight:700;margin:5px;height:27px;}.kune-EntityTextLogo .gwt-Hyperlink a{color:#CCC;font-size:85%;margin:5px;text-decoration:underline;white-space:nowrap;background-color:#FFF;}.kune-GroupSummaryPanel{margin:5px 0 0 5px;width:100%;}.kune-GroupToolsBar{width:150px;}.kune-GroupToolsBar-itemSelected{margin-bottom:5px;}.kune-GroupToolsBar-itemSelected .gwt-Hyperlink a{color:#FFF;padding:0 9px;text-decoration:none;}.kune-GroupToolsBar-itemSelected .gwt-Hyperlink a:hover{text-decoration:none;}.kune-GroupToolsBar-itemNotSelected{margin-bottom:5px;}.kune-GroupToolsBar-itemNotSelected .gwt-Hyperlink a{color:green;padding:0 9px;text-decoration:none;}.kune-GroupToolsBar-itemNotSelected .gwt-Hyperlink a:hover{text-decoration:none;}/* Content titles */.kune-ContentTitleBar{border-left:2px solid #DD8A3D;width:100%;height:25px;vertical-align:middle;}.kune-ContentTitleBar .gwt-Label{width:100%;}.kune-ContentTitleBar-l{float:left;}.kune-ContentTitleBar-r{float:right;}.kune-ContentSubTitleBar{vertical-align:middle;font-weight:700;width:100%;height:23px;}.kune-ContentSubTitleBar .gwt-Label{width:100%;white-space:nowrap;}.kune-ContentSubTitleBar-l{float:left;}.kune-ContentSubTitleBar-r{float:right;}.kune-ContentToolBarPanel{background-color:#F2F2F2;padding:2px;height:24px;vertical-align:middle;}.kune-ContentBottomBar{vertical-align:middle;height:24px;}.kune-ContentBottomBar .gwt-Image{margin-left:5px;cursor:pointer;float:left;}.kune-ContentBottomBar .gwt-Label a{}.kune-LicensePanel-licensetext{cursor:pointer;margin-left:5px;text-decoration:underline;}/* Main Content & Context */.kune-WorkspacePanel-Content{background-color:#FCFCFC;width:100%;height:100%;}.kune-WorkspacePanel-Content .main-content{margin:7px 5px 5px 10px;}.kune-WorkspacePanel-Context{background-color:#CFA;width:100%;height:100%;}.kune-NavigationBar{width:100%;}.kune-NavigationBar .topBar{background-color:#ececec;background:#ececec;border-bottom:1px solid #e3dbdb;vertical-align:middle;}.kune-NavigationBar .topBar .gwt-PushButton{margin:1px 3px 1px 0;}.kune-NavigationBar .topBar .gwt-Label{vertical-align:middle;}.kune-NavigationBar .kune-topBar-iconBar{margin:2px 0 2px 5px;}.kune-NavigationBar .kune-ContextItemsPanel-LabelLink{/* text-decoration: underline; */color:green;cursor:pointer;margin-left:3px;}/* +.topBar .gwt-PushButton-up-disabled { + filter: alpha(opacity = 20); + -moz-opacity: 0.2; + opacity: 0.2; +} + +.topBar .gwt-PushButton-down-disabled { + filter: alpha(opacity = 20); + -moz-opacity: 0.2; + opacity: 0.2; +} +*/.kune-NavigationBar .topBar .gwt-Image{margin:0 2px 0 5px;}.kune-NavigationBar .Items{margin:2px 0;}.kune-NavigationBar .Items .gwt-Image{margin:2px 0;vertical-align:middle;}.kune-NavigationBar .Items .gwt-Hyperlink a{color:green;/* FIXME: other color */}.kune-NavigationBar .topBar .topBar-margin{margin-left:5px;}.kune-NavigationBar .pathMenu{vertical-align:middle;}.kune-NavigationBar .pathMenu .gwt-MenuItem{background:transparent url(img/button-bg-hard.gif) repeat-x 0 0;border-left:1px solid #AAA;border-right:1px solid #AAA;color:#999;cursor:pointer;white-space:nowrap;padding:3px 6px;}.kune-NavigationBar .pathMenu .gwt-MenuItem-selected{background:transparent url(img/button-bg-soft.gif) repeat-x 0 0;color:#000;}.kune-NavigationBar .kune-IconHyperlink{vertical-align:middle;margin-left:5px;}.kune-NavigationBar .kune-IconHyperlink a{color:green;text-decoration:none;}.kune-NavigationBar .kune-IconHyperlink .gwt-Image{margin-right:3px;vertical-align:middle;}/* Social Network */.kune-StackedDropDownPanel{}.kune-StackedDropDownPanel .gwt-StackPanelItem{border-top:1px solid #CCC;border-bottom:1px solid #CCC;background-color:#EFA;cursor:pointer;padding:1px 3px 0 6px;owerflow:hidden;}.kune-StackedDropDownPanel .gwt-StackPanelItem img{margin:0 0 0 3px;vertical-align:middle;}.kune-StackedDropDownPanel .kune-DropDownInner table{width:100%;}.kune-StackedDropDownPanel .gwt-StackPanelItem-selected{}.kune-StackedDropDownPanelLink{background-color:#E6E6E6;border-top:1px solid #CCC;border-bottom:1px solid #F2F2F2;/* white-space: nowrap; */cursor:pointer;}.kune-StackedDropDownPanel .kune-DropDownInner{padding:0;}/* StackedDropDownPanel Members */.kune-StackSubItemLabel{overflow:hidden;}.kune-StackSubItemLabel .gwt-MenuItem{white-space:nowrap;cursor:pointer;border-bottom:1px solid #F2F2F2;}.kune-StackSubItemLabel table{width:100%;}.kune-StackSubItemLabel .gwt-MenuItem img{vertical-align:middle;margin-top:1px;margin-bottom:1px;margin-left:5px;margin-right:3px;}.kune-StackSubItemLabel .gwt-MenuItem-selected{background-color:#FFE6D5;}.kune-StackSubItemActions{background-color:#F2F2F2;border:1px solid #999;vertical-align:middle;padding:5px 0;margin-left:-120px;margin-top:-2px;}.kune-StackSubItemActions .gwt-MenuItem{cursor:pointer;padding:1px 10px;white-space:nowrap;}.kune-StackSubItemActions .gwt-MenuItem img{vertical-align:middle;margin-right:3px;}.kune-StackSubItemActions .gwt-MenuItem-selected{background-color:#FFB958;}/* AccessList */.kune-AccessListSubLabel{font-style:italic;}.kune-AccessList{margin:5px;width:100%;}.kune-AccessList .gwt-DisclosurePanel{margin:5px;width:100%;}.kune-AccessList .gwt-DisclosurePanel-open{width:100%;}.kune-AccessList .gwt-DisclosurePanel-closed{width:100%;}.kune-AccessList .header{margin:0 0 3px;text-decoration:none;width:100%;background-color:#8DD35F;}.kune-AccessList .header table{margin:0 5px 0 0;width:100%;color:#FFF;}.kune-AccessList .header img{margin:0 3px 0 0;}.kune-AccessList .content{margin:0 0 0 7px;width:100%;}.kune-AccessList .content table{margin-bottom:5px;width:100%;}/* Rate */.kune-RatePanel-Label{white-space:nowrap;vertical-align:middle;}.kune-RatePanel-Stars{margin-left:5px;vertical-align:middle;}.kune-RatePanel-Stars-RateIt{cursor:pointer;}/* Licenses */.kune-License-CC-Header{color:#15428B;font-weight:700;font-size:85%;margin-top:5px;}.kune-License-CC-Header .gwt-Label{color:#15428B;font-weight:700;font-size:85%;margin-top:5px;}/* Theme */.kune-IconBottomPanel .gwt-MenuItem{cursor:pointer;background-color:#FFF;margin:2px 2px 2px 5px;}.kune-IconBottomPanel .gwt-MenuItem-selected{background-color:#F2F2F2;}.gwt-MenuBar-bottomMenu{margin-left:-60px;margin-top:-120px;}/* i18n */.kune-I18nTranslatorCell{white-space:normal;}.kune-i18nTranslator-recommend{margin:10px;}.kune-i18nTranslator-recommend h1{font-size:131%;font-weight:700;}.kune-i18nTranslator-recommend h2{font-size:116%;font-weight:700;}.kune-i18nTranslator-recommend h3{font-size:108%;font-weight:700;font-style:italic;}.kune-i18nTranslator-recommend em{font-weight:700;}.kune-i18nTranslator-recommend strong{font-weight:700;}/* Admin Context */.kune-AdminContextPanel{margin:6px;width:100%;}.kune-AdminContextPanel .gwt-StackPanelItem{background:transparent url(img/arrow-right-white.gif) no-repeat scroll 3px 2px;cursor:pointer;padding:3px 10px 1px 20px;owerflow:hidden;width:100%;}.kune-AdminContextPanel .gwt-StackPanelItem img{margin:0 0 0 3px;vertical-align:middle;}.kune-AdminContextPanel .gwt-StackPanelItem-selected{background:transparent url(img/arrow-down-white.gif) no-repeat scroll 3px 2px;background-color:#DEE3DB;}.kune-AdminContextPanelLink{background-color:#E6E6E6;border-top:1px solid #CCC;border-bottom:1px solid #F2F2F2;/* white-space: nowrap; */cursor:pointer;}.kune-AdminContextPanel-inner{background-color:#FFF;}.kune-AdminContextPanel-inner-wrap{margin:5px;}.kune-EditableLabel{}.kune-EditableLabel .kune-EditableLabel-editable{}.kune-EditableLabel-high{background-color:#FFFBC1;cursor:pointer;}.kune-EditableLabel-high span{background-color:#FFFBC1;}.kune-EditableLabel a{margin-left:5px;}.kune-EditableLabel a:link{color:green;}.kune-EditableLabel a:hover{text-decoration:underline;}.kune-EditableLabel a:visited{color:olive;}.kune-EditableLabel img{margin-right:4px;vertical-align:middle;}.kune-EditableLabel-editable img{margin-right:4px;vertical-align:middle;}.kune-EditableLabel-editable span{margin:3px;}.kune-EditableLabel span{margin:3px;}.kune-BottomIconsTrayPanel{width:165px;height:21px;vertical-align:middle;background-color:#EFEFEF;}.kune-TagsPanel-tag{float:left;margin-right:5px;cursor:pointer;}.kune-Content-Main{margin:5px;}/* Yahoo ui base.css */.kune-Content-Main h1{font-size:138.5%;}.kune-Content-Main h2{font-size:123.099998%;}.kune-Content-Main h3{font-size:108%;}.kune-Content-Main h1{margin:1em 0;}.kune-Content-Main h2{margin:1em 0;}.kune-Content-Main h3{margin:1em 0;}.kune-Content-Main h1{font-weight:700;}.kune-Content-Main h2{font-weight:700;}.kune-Content-Main h3{font-weight:700;}.kune-Content-Main h4{font-weight:700;}.kune-Content-Main h5{font-weight:700;}.kune-Content-Main h6{font-weight:700;}.kune-Content-Main strong{font-weight:700;}.kune-Content-Main abbr{border-bottom:1px dotted #000;cursor:help;}.kune-Content-Main acronym{border-bottom:1px dotted #000;cursor:help;}.kune-Content-Main em{font-style:italic;}.kune-Content-Main blockquote{margin:1em;}.kune-Content-Main ul{margin:1em;}.kune-Content-Main ol{margin:1em;}.kune-Content-Main dl{margin:1em;}.kune-Content-Main ol{margin-left:2em;}.kune-Content-Main ul{margin-left:2em;}.kune-Content-Main dl{margin-left:2em;}.kune-Content-Main ol{list-style:decimal outside;}.kune-Content-Main li{list-style:decimal outside;}.kune-Content-Main li{list-style:disc outside;}.kune-Content-Main ul{list-style:disc outside;}.kune-Content-Main dl{margin-left:1em;}.kune-Content-Main dd{margin-left:1em;}.kune-Content-Main th{border:1px solid #000;padding:.5em;font-weight:700;text-align:center;}.kune-Content-Main td{border:1px solid #000;padding:.5em;}.kune-Content-Main caption{margin-bottom:.5em;text-align:center;}.kune-Content-Main p{margin-bottom:1em;}.kune-Content-Main fieldset{margin-bottom:1em;}.kune-Content-Main table{margin-bottom:1em;}.kune-Content-Main pre{margin-bottom:1em;}.kune-Content-Main input[type=text]{width:12.25em;width:11.9em;}.kune-Content-Main input[type=password]{width:12.25em;width:11.9em;}.kune-Content-Main textarea{width:12.25em;width:11.9em;}.search-icon{background-image:url(img/search.gif)!important;}.i18n-icon{background-image:url(img/language.gif)!important;}.chat-icon{background-image:url(img/chat.gif)!important;}.group-icon{background-image:url(img/group.gif)!important;}.user-icon{background-image:url(img/user.gif)!important;}.userf-icon{background-image:url(img/userf.gif)!important;}.kune-RoomPanel-HorizDelimiter{white-space:nowrap;color:#B3B3B3;}.kune-MultiRoomPanel-Subject{font-size:108%;color:#2E5492;}.kune-MultiRoomPanel-User{}.kune-MultiRoomPanel-User .kune-IconLabel{overflow:hidden;white-space:nowrap;}.kune-RoomPanel-Conversation{}.kune-RoomPanel-Message{margin:0 7px;}.kune-RoomPanel-EventMessage{font-style:italic;color:#69C;margin:0 5px;}.kune-MultiRoomPanel-EmoticonPalette{background-color:#FFF;border:1px solid #AAA;margin:1px solid red;z-index:10000;position:absolute;}.kune-MultiRoomPanel-EmoticonPalette td{width:30px;height:30px;}/* RTE Text editor */.kune-TexEditorPanel-TextArea{margin:3px;}.gwt-RichTextArea{/* border: 1px solid #000; + background-color: #FFF; */border:1px solid #4D4D4D;background-color:#FFF;margin:5px 0 5px 10px;}.gwt-RichTextToolbar{/* background-color: #F2F2F2; + padding: 5px; */height:24px;vertical-align:middle;}.gwt-RichTextToolbar table{vertical-align:middle;}.gwt-RichTextToolbar .gwt-ToggleButton{float:left;margin-top:2px;}.gwt-RichTextToolbar .gwt-PushButton{float:left;margin-top:2px;}.gwt-RichTextToolbar .gwt-PushButton-up{margin-right:2px;border:1px solid #F2F2F2;}.gwt-RichTextToolbar .gwt-PushButton-up-hovering{margin-right:2px;border:1px solid #C3D9FF;border-color:#E8F1FF #9daecd #9daecd #e8f1ff;}.gwt-RichTextToolbar .gwt-PushButton-down{margin-right:2px;border:1px solid #C3D9FF;border-color:#9DAECD #e8f1ff #e8f1ff #9daecd;}.gwt-RichTextToolbar .gwt-PushButton-down-hovering{margin-right:2px;border:1px solid #C3D9FF;border-color:#9DAECD #e8f1ff #e8f1ff #9daecd;}.gwt-RichTextToolbar .gwt-ToggleButton-up{margin-right:2px;border:1px solid #F2F2F2;}.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering{margin-right:2px;border:1px solid #C3D9FF;border-color:#E8F1FF #9daecd #9daecd #e8f1ff;}.gwt-RichTextToolbar .gwt-ToggleButton-down{margin-right:2px;background-color:#E8F1FF;border:1px solid #C3D9FF;border-color:#9DAECD #e8f1ff #e8f1ff #9daecd;}.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering{margin-right:2px;background-color:#E8F1FF;border:1px solid #C3D9FF;border-color:#9DAECD #e8f1ff #e8f1ff #9daecd;}.gwt-RichTextToolbar .x-btn{float:left;}.gwt-RichTextToolbar .kune-Button-Large-lSpace{float:left;}.gwt-RichTextToolbar .kune-Button-Large-lrSpace{float:left;}.RichTextToolbar-menu{float:left;margin-top:2px;}.RichTextToolbar-menu table{border-collapse:collapse;border-spacing:0;margin:0;}.RichTextToolbar-menu .gwt-MenuItem{margin-right:2px;border:1px solid #F2F2F2;}.RichTextToolbar-menu .gwt-MenuItem-selected{margin-right:2px;background-color:#E8F1FF;border:1px solid #C3D9FF;border-color:#9DAECD #e8f1ff #e8f1ff #9daecd;}.RichTextToolbar-submenu{background-color:#FFFCD5;border:1px solid #D38D5F;cursor:default;}.RichTextToolbar-submenu .gwt-MenuItem{cursor:default;white-space:nowrap;border:1px solid #FFFCD5;padding:0 4px;}.RichTextToolbar-submenu .gwt-MenuItem-selected{background-color:#FFB958;border:1px solid #C83737;}.kune-WebSafePalette{background-color:#FFF;border:1px solid #AAA;margin:1px solid red;}.kune-WebSafePalette td{width:12px;height:10px;} \ No newline at end of file Added: sandbox3/src/main/java/org/op/public/css/sandbox.css =================================================================== --- sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-04 10:54:42 UTC (rev 782) +++ sandbox3/src/main/java/org/op/public/css/sandbox.css 2008-07-05 18:27:10 UTC (rev 783) @@ -0,0 +1,94 @@ +@CHARSET "UTF-8"; + +.toolbar-transparent { + background: #EFEFEF none repeat scroll 0% 50%; + border-top: 0px; +} + +.entity-def .x-layout-split { + background: #DD8A3D none repeat scroll 0% 50%; +} + +.entity-green .x-layout-split { + background: #5FD35F none repeat scroll 0% 50%; +} + +.entityworkspace .x-layout-split { + background: transparent none repeat scroll 0% 50%; +} + +.entity-title { + line-height: 22px; +} + +.entity-subtitle { + line-height: 2em; +} + +.entity-title-rd-def { + background: #DD8A3D; +} + +.entity-title-rd-green { + background: #5FD35F; +} + +.entity-title-def { + background: #F1BB59 none repeat scroll 0% 50%; + color: #69312F; +} + +.entity-title-green { + background: #AFA none repeat scroll 0% 50%; + color: #250; +} + +.entity-subtitle-def { + background: #DD8A3D none repeat scroll 0% 50%; + color: #FFF; +} + +.entity-subtitle-green { + background: #5FD35F none repeat scroll 0% 50%; + color: #FFF; +} + +.entity-bottom-rd-def { + background: #DD8A3D; +} + +.entity-bottom-rd-green { + background: #5FD35F; +} + +.entity-bottom { + line-height:2em; +} + +.entity-bottom-def { + background: #DD8A3D; + color: #FFF; +} + +.entity-bottom-green { + background: #5FD35F; + color: #FFF; +} + +.k-toolbar-top-line { + border-top-color: rgb(208, 208, 208); + border-top-style: solid; + border-top-width: 1px; +} + +.k-toolbar-bottom-line { + border-bottom-color: rgb(208, 208, 208); + border-bottom-style: solid; + border-bottom-width: 1px; +} + +.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label { + white-space: nowrap; + font:normal 13px arial,sans; + line-height: 19px; +}

1 0

r782 - in sandbox3/src/main/java/org/op: client public
by vjrj 04 Jul '08

04 Jul '08

Author: vjrj Date: 2008-07-04 12:54:42 +0200 (Fri, 04 Jul 2008) New Revision: 782 Modified: sandbox3/src/main/java/org/op/client/EntityWorkspace.java sandbox3/src/main/java/org/op/client/FakeToolbar.java sandbox3/src/main/java/org/op/client/Sandbox.java sandbox3/src/main/java/org/op/public/Sandbox.html Log: more ext probes Modified: sandbox3/src/main/java/org/op/client/EntityWorkspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-03 02:29:31 UTC (rev 781) +++ sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-04 10:54:42 UTC (rev 782) @@ -3,9 +3,14 @@ import org.ourproject.kune.platf.client.View; import org.ourproject.kune.platf.client.ui.RoundedBorderDecorator; -import com.google.gwt.user.client.ui.Widget; +import com.google.gwt.user.client.Window; +import com.google.gwt.user.client.ui.Label; +import com.gwtext.client.core.EventObject; +import com.gwtext.client.widgets.Button; import com.gwtext.client.widgets.Panel; import com.gwtext.client.widgets.Toolbar; +import com.gwtext.client.widgets.ToolbarButton; +import com.gwtext.client.widgets.event.ButtonListenerAdapter; import com.gwtext.client.widgets.layout.AnchorLayout; import com.gwtext.client.widgets.layout.AnchorLayoutData; @@ -70,7 +75,20 @@ // contentTopBar = new FakeToolbar(); contentTopBar = createTopBar(content); + contentTopBar.addElement((new Label("l")).getElement()); + contentTopBar.addSeparator(); + contentTopBar.addElement((new Label("c")).getElement()); + contentTopBar.addSpacer(); + contentTopBar.addElement((new Label("r")).getElement()); containerTopBar = new FakeToolbar(); + final ToolbarButton rula = new ToolbarButton("kkrula?"); + containerTopBar.add(rula); + + rula.addListener(new ButtonListenerAdapter() { + public void onClick(final Button button, final EventObject e) { + Window.alert("click"); + } + }); containerBottomBar = new FakeToolbar(); containerTopBar.addClass("faketoolbar-bottom-line"); containerBottomBar.addClass("faketoolbar-top-line"); @@ -88,25 +106,16 @@ add(bottomPanel, DefaultBorderLayout.Position.SOUTH, DEF_TOOLBAR_HEIGHT); } - public void addItemToContainerBottomBar(final View view) { - containerBottomBar.add((Widget) view); + public void addItemToContentTopBar(final View view) { + setPanel(content, view); } - public void addItemToContainerTopBar(final View view) { - containerTopBar.add((Widget) view); + public FakeToolbar getContainerBottomBar() { + return containerBottomBar; } - public void addItemToContentTopBar(final View view) { - // final Container container = new Container(); - // final Widget widget = (Widget) view; - // container.add(widget); - // component.setEl(widget.getElement()); - // final Adapter adapter = new Adapter(component); - // final WidgetComponent component = new WidgetComponent((Widget) view); - // contentTopBar.getElement().appendChild(component.getElement()); - // contentTopBar.getElement().appendChild(container.getElement()); - // contentTopBar.addElement(container.getElement()); - setPanel(content, view); + public FakeToolbar getContainerTopBar() { + return containerTopBar; } public void setBottom(final View view) { Modified: sandbox3/src/main/java/org/op/client/FakeToolbar.java =================================================================== --- sandbox3/src/main/java/org/op/client/FakeToolbar.java 2008-07-03 02:29:31 UTC (rev 781) +++ sandbox3/src/main/java/org/op/client/FakeToolbar.java 2008-07-04 10:54:42 UTC (rev 782) @@ -1,51 +1,31 @@ package org.op.client; +import com.google.gwt.user.client.ui.HorizontalPanel; +import com.google.gwt.user.client.ui.Label; import com.google.gwt.user.client.ui.Widget; import com.gwtext.client.widgets.Panel; public class FakeToolbar { private final Panel container; + private final HorizontalPanel horPanel; - // private final Panel horPanel; - public FakeToolbar() { container = new Panel(); - // container.setFrame(true); - // container.setLayout(new FitLayout()); container.setBorder(false); container.setBodyBorder(false); container.setHeight(DefaultBorderLayout.DEF_TOOLBAR_HEIGHT); container.setWidth("100%"); container.setHeader(false); - // container.addClass("x-toolbar"); - // x-panel-tbar x-panel-tbar-noheader container.setBaseCls("x-toolbar"); container.addClass("x-panel"); - // container.addClass("x-panel-tbar-noheader"); - // container.setBodyStyle("x-panel-tbar"); - - // Adapter adapter = new Adapter(); - // container.setCls("x-panel-tbar-noheader"); - // container.setCls("x-panel-header"); - // container.setCls("x-panel-header-noborder"); - // container.setCls("x-unselectable"); - // horPanel = new Panel(); - // horPanel.setLayout(new HorizontalLayout(3)); - // horPanel.setBorder(false); - // horPanel.setCls("x-toolbar"); - // horPanel.setHeight(DefaultBorderLayout.DEF_TOOLBAR_HEIGHT); - // horPanel.setWidth("100%"); - // container.add(horPanel); - // <div class="x-toolbar x-small-editor" id="ext-gen74" style="height: - // 17px;"><table cellspacing="0"><tbody><tr/></tbody></table></div> - + horPanel = new HorizontalPanel(); + container.add(horPanel); } public void add(final Widget widget) { - // horPanel.add(widget); - container.add(widget); + horPanel.add(widget); if (container.isRendered()) { - container.doLayout(true); + container.doLayout(false); } } @@ -53,8 +33,25 @@ container.addClass(cls); } + public void addFill() { + final Label emptyLabel = new Label(""); + horPanel.add(emptyLabel); + horPanel.setCellWidth(emptyLabel, "100%"); + } + + public void addSeparator() { + final Label emptyLabel = new Label(""); + emptyLabel.setStyleName("ytb-sep"); + horPanel.add(emptyLabel); + } + + public void addSpacer() { + final Label emptyLabel = new Label(""); + emptyLabel.setStyleName("ytb-spacer"); + horPanel.add(emptyLabel); + } + public Panel getPanel() { return container; } - } Modified: sandbox3/src/main/java/org/op/client/Sandbox.java =================================================================== --- sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-03 02:29:31 UTC (rev 781) +++ sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-04 10:54:42 UTC (rev 782) @@ -99,9 +99,15 @@ new Viewport(panel); wk.getEntityWorkspace().addItemToContentTopBar(new MenuBarWrapper()); - wk.getEntityWorkspace().addItemToContainerTopBar(new MenuBarWrapper()); - wk.getEntityWorkspace().addItemToContainerBottomBar(new MenuBarWrapper()); - wk.getEntityWorkspace().addItemToContainerBottomBar(new LabelWrapper("otro")); + wk.getEntityWorkspace().getContainerTopBar().add(new MenuBarWrapper()); + wk.getEntityWorkspace().getContainerTopBar().addFill(); + wk.getEntityWorkspace().getContainerTopBar().add(new LabelWrapper("uno")); + wk.getEntityWorkspace().getContainerTopBar().addSeparator(); + wk.getEntityWorkspace().getContainerTopBar().add(new LabelWrapper("dos")); + wk.getEntityWorkspace().getContainerTopBar().addSpacer(); + wk.getEntityWorkspace().getContainerTopBar().add(new LabelWrapper("tres")); + wk.getEntityWorkspace().getContainerBottomBar().add(new MenuBarWrapper()); + wk.getEntityWorkspace().getContainerBottomBar().add(new LabelWrapper("otro")); wk.getEntityWorkspace().setContainer(new LabelWrapper("Container")); wk.getEntityWorkspace().setContent(new LabelWrapper("Content")); // wk.getEntityWorkspace().setContent(fooMenu); Modified: sandbox3/src/main/java/org/op/public/Sandbox.html =================================================================== --- sandbox3/src/main/java/org/op/public/Sandbox.html 2008-07-03 02:29:31 UTC (rev 781) +++ sandbox3/src/main/java/org/op/public/Sandbox.html 2008-07-04 10:54:42 UTC (rev 782) @@ -25,7 +25,7 @@ --> <script type="text/javascript" language="javascript" src="org.op.Sandbox.nocache.js"></script> - <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/base/base-min.css"> +  </head>

1 0

r781 - in sandbox4: . src/main/java/org/op/client src/main/java/org/op/public
by vjrj 03 Jul '08

03 Jul '08

Author: vjrj Date: 2008-07-03 04:29:31 +0200 (Thu, 03 Jul 2008) New Revision: 781 Modified: sandbox4/pom.xml sandbox4/src/main/java/org/op/client/BasicDialog.java sandbox4/src/main/java/org/op/client/BasicDialogExtended.java sandbox4/src/main/java/org/op/client/BasicDialogForm.java sandbox4/src/main/java/org/op/client/DefaultBorderLayout.java sandbox4/src/main/java/org/op/client/DefaultTabbedForm.java sandbox4/src/main/java/org/op/client/Sandbox.java sandbox4/src/main/java/org/op/client/Sandbox2.java sandbox4/src/main/java/org/op/client/SandboxCollapse.java sandbox4/src/main/java/org/op/client/SandboxTooltip.java sandbox4/src/main/java/org/op/public/Sandbox.html Log: more ext probes Modified: sandbox4/pom.xml =================================================================== --- sandbox4/pom.xml 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/pom.xml 2008-07-03 02:29:31 UTC (rev 781) @@ -127,7 +127,7 @@ <dependency> <groupId>com.extjs</groupId> <artifactId>gxt</artifactId> - <version>1.0-beta3</version> + <version>1.0-rc2</version> </dependency> <dependency> Modified: sandbox4/src/main/java/org/op/client/BasicDialog.java =================================================================== --- sandbox4/src/main/java/org/op/client/BasicDialog.java 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/src/main/java/org/op/client/BasicDialog.java 2008-07-03 02:29:31 UTC (rev 781) @@ -27,41 +27,41 @@ public class BasicDialog extends Window { public BasicDialog(final String caption, final boolean modal) { - this(caption, modal, Scroll.AUTO); + this(caption, modal, Scroll.AUTO); } public BasicDialog(final String caption, final boolean modal, final Scroll scroll) { - setAutoWidth(true); - // Param values - setHeading(caption); - setModal(modal); - setScrollMode(scroll); - setButtonAlign(HorizontalAlignment.RIGHT); + setAutoWidth(true); + // Param values + setHeading(caption); + setModal(modal); + setScrollMode(scroll); + setButtonAlign(HorizontalAlignment.RIGHT); - // Def values - setShadow(true); - setPlain(true); - setClosable(true); - setResizable(true); - setCollapsible(true); + // Def values + setShadow(true); + setPlain(true); + setClosable(true); + setResizable(true); + setCollapsible(true); } public BasicDialog(final String caption, final boolean modal, final Scroll scroll, final int width, final int height) { - this(caption, modal, scroll); - setWidth(width); - setHeight(height); + this(caption, modal, scroll); + setWidth(width); + setHeight(height); } public BasicDialog(final String caption, final boolean modal, final Scroll scroll, final int width, - final int height, final int minWidth, final int minHeight) { - this(caption, modal, scroll, width, height); - setMinWidth(minWidth); - setMinHeight(minHeight); + final int height, final int minWidth, final int minHeight) { + this(caption, modal, scroll, width, height); + setMinWidth(minWidth); + setMinHeight(minHeight); } public void renderIfNeeded() { - if (this.isRendered()) { - this.layout(true); - } + if (this.isRendered()) { + this.layout(); + } } } Modified: sandbox4/src/main/java/org/op/client/BasicDialogExtended.java =================================================================== --- sandbox4/src/main/java/org/op/client/BasicDialogExtended.java 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/src/main/java/org/op/client/BasicDialogExtended.java 2008-07-03 02:29:31 UTC (rev 781) @@ -24,46 +24,46 @@ import com.extjs.gxt.ui.client.Style.Scroll; import com.extjs.gxt.ui.client.event.ComponentEvent; import com.extjs.gxt.ui.client.event.SelectionListener; -import com.extjs.gxt.ui.client.widget.Button; +import com.extjs.gxt.ui.client.widget.button.Button; import com.extjs.gxt.ui.client.widget.layout.FitLayout; import com.google.gwt.user.client.ui.Widget; public class BasicDialogExtended extends BasicDialog { public BasicDialogExtended(final String title, final boolean modal, final Scroll scroll, final int width, - final int heigth, final String iconStyle, final String firstButtonTitle, final String cancelButtonTitle, - final BasicDialogListener listener) { - super(title, modal, scroll, width, heigth); - super.setLayout(new FitLayout()); - super.setCollapsible(false); - if (iconStyle != null) { - super.setIconStyle(iconStyle); - } + final int heigth, final String iconStyle, final String firstButtonTitle, final String cancelButtonTitle, + final BasicDialogListener listener) { + super(title, modal, scroll, width, heigth); + super.setLayout(new FitLayout()); + super.setCollapsible(false); + if (iconStyle != null) { + super.setIconStyle(iconStyle); + } - final Button firstButton = new Button(firstButtonTitle, new SelectionListener<ComponentEvent>() { - public void componentSelected(ComponentEvent ce) { - listener.onFirstButtonClick(); - } - }); + final Button firstButton = new Button(firstButtonTitle, new SelectionListener<ComponentEvent>() { + public void componentSelected(ComponentEvent ce) { + listener.onFirstButtonClick(); + } + }); - firstButton.setTabIndex(1); + firstButton.setTabIndex(1); - final Button cancel = new Button(cancelButtonTitle, new SelectionListener<ComponentEvent>() { - public void componentSelected(ComponentEvent ce) { - listener.onCancelButtonClick(); - } - }); + final Button cancel = new Button(cancelButtonTitle, new SelectionListener<ComponentEvent>() { + public void componentSelected(ComponentEvent ce) { + listener.onCancelButtonClick(); + } + }); - cancel.setTabIndex(2); + cancel.setTabIndex(2); - super.addButton(firstButton); - super.addButton(cancel); + super.addButton(firstButton); + super.addButton(cancel); } @Override public boolean add(final Widget widget) { - boolean value = super.add(widget); - super.renderIfNeeded(); - return value; + final boolean value = super.add(widget); + super.renderIfNeeded(); + return value; } } Modified: sandbox4/src/main/java/org/op/client/BasicDialogForm.java =================================================================== --- sandbox4/src/main/java/org/op/client/BasicDialogForm.java 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/src/main/java/org/op/client/BasicDialogForm.java 2008-07-03 02:29:31 UTC (rev 781) @@ -18,53 +18,53 @@ private final BasicDialogListener listener; public BasicDialogForm(final String title, final boolean modal, final Scroll scroll, final int width, - final int heigth, final String iconStyle, final String firstButtonTitle, final String cancelButtonTitle, - final BasicDialogListener listener) { - this.title = title; - this.modal = modal; - this.scroll = scroll; - this.width = width; - this.heigth = heigth; - this.iconStyle = iconStyle; - this.firstButtonTitle = firstButtonTitle; - this.cancelButtonTitle = cancelButtonTitle; - this.listener = listener; - formPanel = new FormPanel(); - // formPanel.setLayout(new FillLayout(10)); - // formPanel.setFrame(true); - formPanel.setBorders(false); - formPanel.setHeaderVisible(false); - formPanel.setScrollMode(scroll); - formPanel.setLabelWidth(100); - formPanel.setWidth(width - 10); + final int heigth, final String iconStyle, final String firstButtonTitle, final String cancelButtonTitle, + final BasicDialogListener listener) { + this.title = title; + this.modal = modal; + this.scroll = scroll; + this.width = width; + this.heigth = heigth; + this.iconStyle = iconStyle; + this.firstButtonTitle = firstButtonTitle; + this.cancelButtonTitle = cancelButtonTitle; + this.listener = listener; + formPanel = new FormPanel(); + // formPanel.setLayout(new FillLayout(10)); + // formPanel.setFrame(true); + formPanel.setBorders(false); + formPanel.setHeaderVisible(false); + formPanel.setScrollMode(scroll); + formPanel.setLabelWidth(100); + formPanel.setWidth(width - 10); } public void addField(final Field<?> field) { - field.setValidateOnBlur(false); - formPanel.add(field); - renderIfNeeded(); + field.setValidateOnBlur(false); + formPanel.add(field); + renderIfNeeded(); } public void hide() { - dialog.hide(); + dialog.hide(); } public void show() { - if (dialog == null) { - dialog = new BasicDialogExtended(title, modal, scroll, width, heigth, iconStyle, firstButtonTitle, - cancelButtonTitle, listener); - dialog.add(formPanel); - } - dialog.show(); + if (dialog == null) { + dialog = new BasicDialogExtended(title, modal, scroll, width, heigth, iconStyle, firstButtonTitle, + cancelButtonTitle, listener); + dialog.add(formPanel); + } + dialog.show(); } private void renderIfNeeded() { - if (formPanel.isRendered()) { - formPanel.layout(true); - } - if (dialog != null) { - dialog.renderIfNeeded(); - } + if (formPanel.isRendered()) { + formPanel.layout(); + } + if (dialog != null) { + dialog.renderIfNeeded(); + } } } Modified: sandbox4/src/main/java/org/op/client/DefaultBorderLayout.java =================================================================== --- sandbox4/src/main/java/org/op/client/DefaultBorderLayout.java 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/src/main/java/org/op/client/DefaultBorderLayout.java 2008-07-03 02:29:31 UTC (rev 781) @@ -13,128 +13,128 @@ public class DefaultBorderLayout { public enum Position { - NORTH, CENTER, SOUTH, EAST, WEST + NORTH, CENTER, SOUTH, EAST, WEST } protected static final int DEF_TOOLBAR_HEIGHT = 20; private static final int NO_SIZE = -1; private static LayoutRegion[] regionPositions = new LayoutRegion[] { LayoutRegion.NORTH, LayoutRegion.CENTER, - LayoutRegion.SOUTH, LayoutRegion.EAST, LayoutRegion.WEST }; + LayoutRegion.SOUTH, LayoutRegion.EAST, LayoutRegion.WEST }; private final LayoutContainer container; public DefaultBorderLayout() { - container = new LayoutContainer(); - container.setData("layout", new FitLayout()); - container.setLayout(new BorderLayout()); - container.setBorders(false); + container = new LayoutContainer(); + container.setData("layout", new FitLayout()); + container.setLayout(new BorderLayout()); + container.setBorders(false); } public Component getPanel() { - return container; + return container; }; public void setStyleName(final String style) { - container.setStyleName(style); + container.setStyleName(style); } protected void add(final Component panel, final Position position) { - add(panel, position, false, false); + add(panel, position, false, false); } protected void add(final Component panel, final Position position, final boolean split, final boolean collapsible) { - add(panel, position, split, collapsible, NO_SIZE); + add(panel, position, split, collapsible, NO_SIZE); } protected void add(final Component panel, final Position position, final boolean split, final boolean collapsible, - final int size) { - LayoutRegion regionPosition = regionPositions[position.ordinal()]; - BorderLayoutData borderLayoutData; - if (size != NO_SIZE) { - borderLayoutData = new BorderLayoutData(regionPosition, size); - } else { - borderLayoutData = new BorderLayoutData(regionPosition); - } - borderLayoutData.setSplit(split); - borderLayoutData.setCollapsible(collapsible); - if (split) { - // Not implemented yet: - // borderLayoutData.collapseMode = "mini"; - switch (position) { - case EAST: - borderLayoutData.setMargins(new Margins(0, 0, 0, 5)); - break; - case WEST: - borderLayoutData.setMargins(new Margins(0, 5, 0, 0)); - break; - case NORTH: - borderLayoutData.setMargins(new Margins(0, 0, 5, 0)); - break; - case SOUTH: - borderLayoutData.setMargins(new Margins(5, 0, 0, 0)); - break; - default: - break; - } - } else { - borderLayoutData.setMargins(new Margins(0, 0, 0, 0)); - } - container.add(panel, borderLayoutData); - doLayoutIfNeeded(); + final int size) { + final LayoutRegion regionPosition = regionPositions[position.ordinal()]; + BorderLayoutData borderLayoutData; + if (size != NO_SIZE) { + borderLayoutData = new BorderLayoutData(regionPosition, size); + } else { + borderLayoutData = new BorderLayoutData(regionPosition); + } + borderLayoutData.setSplit(split); + borderLayoutData.setCollapsible(collapsible); + if (split) { + // Not implemented yet: + // borderLayoutData.collapseMode = "mini"; + switch (position) { + case EAST: + borderLayoutData.setMargins(new Margins(0, 0, 0, 5)); + break; + case WEST: + borderLayoutData.setMargins(new Margins(0, 5, 0, 0)); + break; + case NORTH: + borderLayoutData.setMargins(new Margins(0, 0, 5, 0)); + break; + case SOUTH: + borderLayoutData.setMargins(new Margins(5, 0, 0, 0)); + break; + default: + break; + } + } else { + borderLayoutData.setMargins(new Margins(0, 0, 0, 0)); + } + container.add(panel, borderLayoutData); + doLayoutIfNeeded(); } protected void add(final Component panel, final Position position, final int size) { - add(panel, position, false, false, size); + add(panel, position, false, false, size); } protected void add(final DefaultPanel panel, final Widget widget) { - panel.add(widget); - if (panel.isRendered()) { - panel.layout(true); - } + panel.add(widget); + if (panel.isRendered()) { + panel.layout(); + } } protected ToolBar createBottomBar(final DefaultPanel panel) { - return createBottomBar(panel, null); + return createBottomBar(panel, null); } protected ToolBar createBottomBar(final DefaultPanel panel, final String cssStyle) { - final ToolBar bottomToolBar = new ToolBar(); - bottomToolBar.setHeight(DEF_TOOLBAR_HEIGHT); - if (cssStyle != null) { - bottomToolBar.setStyleName(cssStyle); - } - panel.setBottomComponent(bottomToolBar); - return bottomToolBar; + final ToolBar bottomToolBar = new ToolBar(); + bottomToolBar.setHeight(DEF_TOOLBAR_HEIGHT); + if (cssStyle != null) { + bottomToolBar.setStyleName(cssStyle); + } + panel.setBottomComponent(bottomToolBar); + return bottomToolBar; } protected ToolBar createTopBar(final DefaultPanel panel) { - return createTopBar(panel, null); + return createTopBar(panel, null); } protected ToolBar createTopBar(final DefaultPanel panel, final String cssStyle) { - final ToolBar topToolBar = new ToolBar(); - topToolBar.setHeight(DEF_TOOLBAR_HEIGHT); - if (cssStyle != null) { - topToolBar.setStyleName(cssStyle); - } - panel.setTopComponent(topToolBar); - return topToolBar; + final ToolBar topToolBar = new ToolBar(); + topToolBar.setHeight(DEF_TOOLBAR_HEIGHT); + if (cssStyle != null) { + topToolBar.setStyleName(cssStyle); + } + panel.setTopComponent(topToolBar); + return topToolBar; } protected void doLayoutIfNeeded() { - if (container.isRendered()) { - container.layout(true); - } + if (container.isRendered()) { + container.layout(); + } } protected void setBorders(final boolean show) { - container.setBorders(show); + container.setBorders(show); } protected void setPanel(final DefaultPanel panel, final View view) { - Widget widget = (Widget) view; - panel.removeAll(); - add(panel, widget); + final Widget widget = (Widget) view; + panel.removeAll(); + add(panel, widget); } } Modified: sandbox4/src/main/java/org/op/client/DefaultTabbedForm.java =================================================================== --- sandbox4/src/main/java/org/op/client/DefaultTabbedForm.java 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/src/main/java/org/op/client/DefaultTabbedForm.java 2008-07-03 02:29:31 UTC (rev 781) @@ -1,9 +1,9 @@ package org.op.client; import com.extjs.gxt.ui.client.Style.HorizontalAlignment; -import com.extjs.gxt.ui.client.widget.Button; import com.extjs.gxt.ui.client.widget.TabItem; import com.extjs.gxt.ui.client.widget.TabPanel; +import com.extjs.gxt.ui.client.widget.button.Button; import com.extjs.gxt.ui.client.widget.form.FormPanel; import com.extjs.gxt.ui.client.widget.layout.FormLayout; @@ -12,34 +12,34 @@ private final TabPanel tabPanel; public DefaultTabbedForm(final int width, final int labelWidth) { - formPanel = new FormPanel(); - formPanel.setFrame(true); - formPanel.setLabelWidth(labelWidth); - formPanel.setBorders(false); - formPanel.setWidth(width); - formPanel.setButtonAlign(HorizontalAlignment.RIGHT); + formPanel = new FormPanel(); + formPanel.setFrame(true); + formPanel.setLabelWidth(labelWidth); + formPanel.setBorders(false); + formPanel.setWidth(width); + formPanel.setButtonAlign(HorizontalAlignment.RIGHT); - tabPanel = new TabPanel(); - formPanel.add(tabPanel); + tabPanel = new TabPanel(); + formPanel.add(tabPanel); } public void addButton(final Button button) { - formPanel.addButton(button); + formPanel.addButton(button); } public void addTab(final String title, final TabItem tab) { - tab.setTitle(title); - tab.setLayout(new FormLayout()); - tab.setAutoHeight(true); - // tab.setPaddings(10); - tabPanel.add(tab); - if (tabPanel.isRendered()) { - tabPanel.render(tab.getElement()); - } + tab.setTitle(title); + tab.setLayout(new FormLayout()); + tab.setAutoHeight(true); + // tab.setPaddings(10); + tabPanel.add(tab); + if (tabPanel.isRendered()) { + tabPanel.render(tab.getElement()); + } } public FormPanel getForm() { - return formPanel; + return formPanel; } } Modified: sandbox4/src/main/java/org/op/client/Sandbox.java =================================================================== --- sandbox4/src/main/java/org/op/client/Sandbox.java 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/src/main/java/org/op/client/Sandbox.java 2008-07-03 02:29:31 UTC (rev 781) @@ -4,10 +4,10 @@ import com.extjs.gxt.ui.client.Style.HorizontalAlignment; import com.extjs.gxt.ui.client.Style.Scroll; -import com.extjs.gxt.ui.client.widget.Button; import com.extjs.gxt.ui.client.widget.TabItem; import com.extjs.gxt.ui.client.widget.TabPanel; import com.extjs.gxt.ui.client.widget.Viewport; +import com.extjs.gxt.ui.client.widget.button.Button; import com.extjs.gxt.ui.client.widget.form.TextField; import com.extjs.gxt.ui.client.widget.layout.FillLayout; import com.extjs.gxt.ui.client.widget.layout.FitLayout; @@ -26,44 +26,44 @@ public class Sandbox implements EntryPoint { class LabelWrapper extends Label implements View { - public LabelWrapper(final String text) { - super(text); - } + public LabelWrapper(final String text) { + super(text); + } } class MenuBarWrapper extends Composite implements View { - public MenuBarWrapper() { + public MenuBarWrapper() { - // Make a command that we will execute from all leaves. - Command cmd = new Command() { - public void execute() { - Window.alert("You selected a menu item!"); - } - }; + // Make a command that we will execute from all leaves. + final Command cmd = new Command() { + public void execute() { + Window.alert("You selected a menu item!"); + } + }; - // Make some sub-menus that we will cascade from the top menu. - MenuBar fooMenu = new MenuBar(true); - fooMenu.addItem("the", cmd); - fooMenu.addItem("foo", cmd); - fooMenu.addItem("menu", cmd); + // Make some sub-menus that we will cascade from the top menu. + final MenuBar fooMenu = new MenuBar(true); + fooMenu.addItem("the", cmd); + fooMenu.addItem("foo", cmd); + fooMenu.addItem("menu", cmd); - MenuBar barMenu = new MenuBar(true); - barMenu.addItem("the", cmd); - barMenu.addItem("bar", cmd); - barMenu.addItem("menu", cmd); + final MenuBar barMenu = new MenuBar(true); + barMenu.addItem("the", cmd); + barMenu.addItem("bar", cmd); + barMenu.addItem("menu", cmd); - MenuBar bazMenu = new MenuBar(true); - bazMenu.addItem("the", cmd); - bazMenu.addItem("baz", cmd); - bazMenu.addItem("menu", cmd); + final MenuBar bazMenu = new MenuBar(true); + bazMenu.addItem("the", cmd); + bazMenu.addItem("baz", cmd); + bazMenu.addItem("menu", cmd); - // Make a new menu bar, adding a few cascading menus to it. - MenuBar menu = new MenuBar(); - menu.addItem("foo", fooMenu); - menu.addItem("bar", barMenu); - menu.addItem("baz", bazMenu); - initWidget(menu); - } + // Make a new menu bar, adding a few cascading menus to it. + final MenuBar menu = new MenuBar(); + menu.addItem("foo", fooMenu); + menu.addItem("bar", barMenu); + menu.addItem("baz", bazMenu); + initWidget(menu); + } } private BasicDialogForm dialog; @@ -73,114 +73,114 @@ * This is the entry point method. */ public void onModuleLoad() { - Viewport vp = new Viewport(); - // Test fit vs fill layout - vp.setLayout(new FillLayout(4)); - Workspace wk = new Workspace(); - vp.add(wk.getPanel()); - vp.layout(); - RootPanel.get().add(vp); - wk.getEntityWorkspace().addItemToContentTopBar(new MenuBarWrapper()); - wk.getEntityWorkspace().setContainer(new LabelWrapper("Container")); - wk.getEntityWorkspace().setContent(new LabelWrapper("Content")); - wk.getEntityWorkspace().setBottom(new LabelWrapper("Bottom")); - wk.getEntityWorkspace().setTitle(new LabelWrapper("Title 2")); - wk.getEntityWorkspace().setSubtitle(new LabelWrapper("Subtitle")); - wk.getSiteBar().addView(new LabelWrapper("sitebar-right")); + final Viewport vp = new Viewport(); + // Test fit vs fill layout + vp.setLayout(new FillLayout()); + final Workspace wk = new Workspace(); + vp.add(wk.getPanel()); + vp.layout(); + RootPanel.get().add(vp); + wk.getEntityWorkspace().addItemToContentTopBar(new MenuBarWrapper()); + wk.getEntityWorkspace().setContainer(new LabelWrapper("Container")); + wk.getEntityWorkspace().setContent(new LabelWrapper("Content")); + wk.getEntityWorkspace().setBottom(new LabelWrapper("Bottom")); + wk.getEntityWorkspace().setTitle(new LabelWrapper("Title 2")); + wk.getEntityWorkspace().setSubtitle(new LabelWrapper("Subtitle")); + wk.getSiteBar().addView(new LabelWrapper("sitebar-right")); - dialog = new BasicDialogForm("Test dialog", false, Scroll.AUTO, 380, 200, null, "Join", "Cancel", - new BasicDialogListener() { - public void onCancelButtonClick() { - dialog.hide(); - } + dialog = new BasicDialogForm("Test dialog", false, Scroll.AUTO, 380, 200, null, "Join", "Cancel", + new BasicDialogListener() { + public void onCancelButtonClick() { + dialog.hide(); + } - public void onFirstButtonClick() { - dialog.hide(); - } - }); + public void onFirstButtonClick() { + dialog.hide(); + } + }); - TextField jid = new TextField(); - jid.setMessageTarget("tooltip"); - jid.setToolTip(new ToolTipConfig("Information", "Prints the current document")); - jid.setFieldLabel("Jabber id"); - dialog.addField(jid); - dialog.show(); + final TextField jid = new TextField(); + jid.setMessageTarget("tooltip"); + jid.setToolTip(new ToolTipConfig("Information", "Prints the current document")); + jid.setFieldLabel("Jabber id"); + dialog.addField(jid); + dialog.show(); - BasicDialog dialog2 = new BasicDialog("Hellooooo", false); - dialog2.add(new Label("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " - + "Donec vitae eros. Nunc sit amet neque. Ut id dui. Integer viverra feugiat sem.")); - dialog2.show(); + final BasicDialog dialog2 = new BasicDialog("Hellooooo", false); + dialog2.add(new Label("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " + + "Donec vitae eros. Nunc sit amet neque. Ut id dui. Integer viverra feugiat sem.")); + dialog2.show(); - dialog3 = new BasicDialogExtended("Dialog extended", false, Scroll.NONE, 300, 200, "", "Yes", "No", - new BasicDialogListener() { + dialog3 = new BasicDialogExtended("Dialog extended", false, Scroll.NONE, 300, 200, "", "Yes", "No", + new BasicDialogListener() { - public void onCancelButtonClick() { - dialog3.hide(); - } + public void onCancelButtonClick() { + dialog3.hide(); + } - public void onFirstButtonClick() { - dialog3.hide(); - } - }); - dialog3.add(new Label("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " - + "Donec vitae eros. Nunc sit amet neque. Ut id dui. Integer viverra feugiat sem.")); - dialog3.show(); + public void onFirstButtonClick() { + dialog3.hide(); + } + }); + dialog3.add(new Label("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " + + "Donec vitae eros. Nunc sit amet neque. Ut id dui. Integer viverra feugiat sem.")); + dialog3.show(); - BasicDialog chatDialog = new BasicDialog("Emite chat", false, Scroll.NONE, 600, 415, 300, 300); - chatDialog.setMaximizable(true); - // chatDialog.setBodyBorder(false); - chatDialog.setBorders(false); - // chatDialog.setBodyBorder(false); - // chatDialog.setBorders(false); - chatDialog.setLayout(new FitLayout()); - Button sendBtn = new Button("Send"); - sendBtn.setToolTip("send"); - chatDialog.addButton(sendBtn); - chatDialog.setButtonAlign(HorizontalAlignment.LEFT); - DefaultBorderLayout chatPanel = new DefaultBorderLayout(); - DefaultPanel east = new DefaultPanel("Users"); - DefaultPanel south = new DefaultPanel(); - DefaultPanel north = new DefaultPanel(); - chatPanel.createTopBar(south); - chatPanel.createTopBar(north); - chatPanel.createBottomBar(east); - chatPanel.createTopBar(north); - chatPanel.add(north, Position.NORTH, false, false, 22); - TabPanel centerPanel = new TabPanel(); - TabItem item1 = new TabItem("Chat1"); - item1.setIconStyle("icon1"); - item1.setLayout(new FitLayout()); - ToolTipConfig tipConfig = new ToolTipConfig("fulano(a)kk.com"); - item1.setToolTip(tipConfig); - // item.getHeader().setToolTip("Test"); (in beta3) - TabItem item2 = new TabItem("Chat1"); - item2.setIconStyle("icon1"); - item2.setLayout(new FitLayout()); - centerPanel.add(item1); - centerPanel.add(item2); - chatPanel.add(centerPanel, Position.CENTER); - chatPanel.add(east, Position.EAST, false, true, 150); - chatPanel.add(south, Position.SOUTH, true, false, 75); - chatDialog.add(chatPanel.getPanel()); - chatDialog.show(); - chatDialog.layout(); - item1.setIconStyle("icon2"); - item1.setText("<span ext:qtip=\"kk\" style=\"icon2\">chat1</span>"); - item1.layout(true); - // chatDialog.renderIfNeeded(); + final BasicDialog chatDialog = new BasicDialog("Emite chat", false, Scroll.NONE, 600, 415, 300, 300); + chatDialog.setMaximizable(true); + // chatDialog.setBodyBorder(false); + chatDialog.setBorders(false); + // chatDialog.setBodyBorder(false); + // chatDialog.setBorders(false); + chatDialog.setLayout(new FitLayout()); + final Button sendBtn = new Button("Send"); + sendBtn.setToolTip("send"); + chatDialog.addButton(sendBtn); + chatDialog.setButtonAlign(HorizontalAlignment.LEFT); + final DefaultBorderLayout chatPanel = new DefaultBorderLayout(); + final DefaultPanel east = new DefaultPanel("Users"); + final DefaultPanel south = new DefaultPanel(); + final DefaultPanel north = new DefaultPanel(); + chatPanel.createTopBar(south); + chatPanel.createTopBar(north); + chatPanel.createBottomBar(east); + chatPanel.createTopBar(north); + chatPanel.add(north, Position.NORTH, false, false, 22); + final TabPanel centerPanel = new TabPanel(); + final TabItem item1 = new TabItem("Chat1"); + item1.setIconStyle("icon1"); + item1.setLayout(new FitLayout()); + final ToolTipConfig tipConfig = new ToolTipConfig("fulano(a)kk.com"); + item1.setToolTip(tipConfig); + // item.getHeader().setToolTip("Test"); (in beta3) + final TabItem item2 = new TabItem("Chat1"); + item2.setIconStyle("icon1"); + item2.setLayout(new FitLayout()); + centerPanel.add(item1); + centerPanel.add(item2); + chatPanel.add(centerPanel, Position.CENTER); + chatPanel.add(east, Position.EAST, false, true, 150); + chatPanel.add(south, Position.SOUTH, true, false, 75); + chatDialog.add(chatPanel.getPanel()); + chatDialog.show(); + chatDialog.layout(); + item1.setIconStyle("icon2"); + item1.setText("<span ext:qtip=\"kk\" style=\"icon2\">chat1</span>"); + item1.layout(); + // chatDialog.renderIfNeeded(); - // BasicDialog chatDialog2 = new BasicDialog("Layout sample", false, - // Scroll.NONE, 600, 415, 300, 300); - // chatDialog2.setLayout(new FitLayout()); - // TestBorderLayout testBL = new TestBorderLayout(); - // chatDialog2.add(testBL); - // chatDialog2.show(); - // chatDialog2.layout(); - // - // vp.add(chatPanel.getPanel()); - // vp.layout(); - // RootPanel.get().add(vp); + // BasicDialog chatDialog2 = new BasicDialog("Layout sample", false, + // Scroll.NONE, 600, 415, 300, 300); + // chatDialog2.setLayout(new FitLayout()); + // TestBorderLayout testBL = new TestBorderLayout(); + // chatDialog2.add(testBL); + // chatDialog2.show(); + // chatDialog2.layout(); + // + // vp.add(chatPanel.getPanel()); + // vp.layout(); + // RootPanel.get().add(vp); - // wk.getEntityWorkspace().setContent(chatPanel.getPanel());// + // wk.getEntityWorkspace().setContent(chatPanel.getPanel());// } } Modified: sandbox4/src/main/java/org/op/client/Sandbox2.java =================================================================== --- sandbox4/src/main/java/org/op/client/Sandbox2.java 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/src/main/java/org/op/client/Sandbox2.java 2008-07-03 02:29:31 UTC (rev 781) @@ -4,10 +4,10 @@ import com.extjs.gxt.ui.client.Style.HorizontalAlignment; import com.extjs.gxt.ui.client.Style.Scroll; -import com.extjs.gxt.ui.client.widget.Button; import com.extjs.gxt.ui.client.widget.TabItem; import com.extjs.gxt.ui.client.widget.TabPanel; import com.extjs.gxt.ui.client.widget.Viewport; +import com.extjs.gxt.ui.client.widget.button.Button; import com.extjs.gxt.ui.client.widget.form.TextField; import com.extjs.gxt.ui.client.widget.layout.FillLayout; import com.extjs.gxt.ui.client.widget.layout.FitLayout; @@ -26,44 +26,44 @@ public class Sandbox2 implements EntryPoint { class LabelWrapper extends Label implements View { - public LabelWrapper(final String text) { - super(text); - } + public LabelWrapper(final String text) { + super(text); + } } class MenuBarWrapper extends Composite implements View { - public MenuBarWrapper() { + public MenuBarWrapper() { - // Make a command that we will execute from all leaves. - Command cmd = new Command() { - public void execute() { - Window.alert("You selected a menu item!"); - } - }; + // Make a command that we will execute from all leaves. + final Command cmd = new Command() { + public void execute() { + Window.alert("You selected a menu item!"); + } + }; - // Make some sub-menus that we will cascade from the top menu. - MenuBar fooMenu = new MenuBar(true); - fooMenu.addItem("the", cmd); - fooMenu.addItem("foo", cmd); - fooMenu.addItem("menu", cmd); + // Make some sub-menus that we will cascade from the top menu. + final MenuBar fooMenu = new MenuBar(true); + fooMenu.addItem("the", cmd); + fooMenu.addItem("foo", cmd); + fooMenu.addItem("menu", cmd); - MenuBar barMenu = new MenuBar(true); - barMenu.addItem("the", cmd); - barMenu.addItem("bar", cmd); - barMenu.addItem("menu", cmd); + final MenuBar barMenu = new MenuBar(true); + barMenu.addItem("the", cmd); + barMenu.addItem("bar", cmd); + barMenu.addItem("menu", cmd); - MenuBar bazMenu = new MenuBar(true); - bazMenu.addItem("the", cmd); - bazMenu.addItem("baz", cmd); - bazMenu.addItem("menu", cmd); + final MenuBar bazMenu = new MenuBar(true); + bazMenu.addItem("the", cmd); + bazMenu.addItem("baz", cmd); + bazMenu.addItem("menu", cmd); - // Make a new menu bar, adding a few cascading menus to it. - MenuBar menu = new MenuBar(); - menu.addItem("foo", fooMenu); - menu.addItem("bar", barMenu); - menu.addItem("baz", bazMenu); - initWidget(menu); - } + // Make a new menu bar, adding a few cascading menus to it. + final MenuBar menu = new MenuBar(); + menu.addItem("foo", fooMenu); + menu.addItem("bar", barMenu); + menu.addItem("baz", bazMenu); + initWidget(menu); + } } private BasicDialogForm dialog; @@ -73,112 +73,112 @@ * This is the entry point method. */ public void onModuleLoad() { - Viewport vp = new Viewport(); - // Test fit vs fill layout - vp.setLayout(new FillLayout(4)); - Workspace wk = new Workspace(); - vp.add(wk.getPanel()); - vp.layout(); - RootPanel.get().add(vp); - wk.getEntityWorkspace().addItemToContentTopBar(new MenuBarWrapper()); - wk.getEntityWorkspace().setContainer(new LabelWrapper("Container")); - wk.getEntityWorkspace().setContent(new LabelWrapper("Content")); - wk.getEntityWorkspace().setBottom(new LabelWrapper("Bottom")); - wk.getEntityWorkspace().setTitle(new LabelWrapper("Title 2")); - wk.getEntityWorkspace().setSubtitle(new LabelWrapper("Subtitle")); - wk.getSiteBar().addView(new LabelWrapper("sitebar-right")); + final Viewport vp = new Viewport(); + // Test fit vs fill layout + vp.setLayout(new FillLayout()); + final Workspace wk = new Workspace(); + vp.add(wk.getPanel()); + vp.layout(); + RootPanel.get().add(vp); + wk.getEntityWorkspace().addItemToContentTopBar(new MenuBarWrapper()); + wk.getEntityWorkspace().setContainer(new LabelWrapper("Container")); + wk.getEntityWorkspace().setContent(new LabelWrapper("Content")); + wk.getEntityWorkspace().setBottom(new LabelWrapper("Bottom")); + wk.getEntityWorkspace().setTitle(new LabelWrapper("Title 2")); + wk.getEntityWorkspace().setSubtitle(new LabelWrapper("Subtitle")); + wk.getSiteBar().addView(new LabelWrapper("sitebar-right")); - dialog = new BasicDialogForm("Test dialog", false, Scroll.AUTO, 380, 200, null, "Join", "Cancel", - new BasicDialogListener() { - public void onCancelButtonClick() { - dialog.hide(); - } + dialog = new BasicDialogForm("Test dialog", false, Scroll.AUTO, 380, 200, null, "Join", "Cancel", + new BasicDialogListener() { + public void onCancelButtonClick() { + dialog.hide(); + } - public void onFirstButtonClick() { - dialog.hide(); - } - }); + public void onFirstButtonClick() { + dialog.hide(); + } + }); - TextField jid = new TextField(); - jid.setMessageTarget("tooltip"); - jid.setToolTip(new ToolTipConfig("Information", "Prints the current document")); - jid.setFieldLabel("Jabber id"); - dialog.addField(jid); - dialog.show(); + final TextField jid = new TextField(); + jid.setMessageTarget("tooltip"); + jid.setToolTip(new ToolTipConfig("Information", "Prints the current document")); + jid.setFieldLabel("Jabber id"); + dialog.addField(jid); + dialog.show(); - BasicDialog dialog2 = new BasicDialog("Hellooooo", false); - dialog2.add(new Label("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " - + "Donec vitae eros. Nunc sit amet neque. Ut id dui. Integer viverra feugiat sem.")); - dialog2.show(); + final BasicDialog dialog2 = new BasicDialog("Hellooooo", false); + dialog2.add(new Label("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " + + "Donec vitae eros. Nunc sit amet neque. Ut id dui. Integer viverra feugiat sem.")); + dialog2.show(); - dialog3 = new BasicDialogExtended("Dialog extended", false, Scroll.NONE, 300, 200, "", "Yes", "No", - new BasicDialogListener() { + dialog3 = new BasicDialogExtended("Dialog extended", false, Scroll.NONE, 300, 200, "", "Yes", "No", + new BasicDialogListener() { - public void onCancelButtonClick() { - dialog3.hide(); - } + public void onCancelButtonClick() { + dialog3.hide(); + } - public void onFirstButtonClick() { - dialog3.hide(); - } - }); - dialog3.add(new Label("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " - + "Donec vitae eros. Nunc sit amet neque. Ut id dui. Integer viverra feugiat sem.")); - dialog3.show(); + public void onFirstButtonClick() { + dialog3.hide(); + } + }); + dialog3.add(new Label("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " + + "Donec vitae eros. Nunc sit amet neque. Ut id dui. Integer viverra feugiat sem.")); + dialog3.show(); - BasicDialog chatDialog = new BasicDialog("Emite chat", false, Scroll.NONE, 600, 415, 300, 300); - chatDialog.setMaximizable(true); - // chatDialog.setBodyBorder(false); - chatDialog.setBorders(false); - // chatDialog.setBorders(false); - chatDialog.setLayout(new FitLayout()); - Button sendBtn = new Button("Send"); - sendBtn.setToolTip("send"); - chatDialog.addButton(sendBtn); - chatDialog.setButtonAlign(HorizontalAlignment.LEFT); - DefaultBorderLayout chatPanel = new DefaultBorderLayout(); - DefaultPanel east = new DefaultPanel("Users"); - DefaultPanel south = new DefaultPanel(); - DefaultPanel north = new DefaultPanel(); - chatPanel.createTopBar(south); - chatPanel.createTopBar(north); - chatPanel.createBottomBar(east); - chatPanel.createTopBar(north); - chatPanel.add(north, Position.NORTH, false, false, 22); - TabPanel centerPanel = new TabPanel(); - TabItem item1 = new TabItem("Chat1"); - item1.setIconStyle("icon1"); - item1.setLayout(new FitLayout()); - ToolTipConfig tipConfig = new ToolTipConfig("fulano(a)kk.com"); - item1.setToolTip(tipConfig); - TabItem item2 = new TabItem("Chat1"); - item2.setIconStyle("icon1"); - item2.setLayout(new FitLayout()); - centerPanel.add(item1); - centerPanel.add(item2); - chatPanel.add(centerPanel, Position.CENTER); - chatPanel.add(east, Position.EAST, false, true, 150); - chatPanel.add(south, Position.SOUTH, true, false, 75); - chatDialog.add(chatPanel.getPanel()); - chatDialog.show(); - chatDialog.layout(); - item1.setIconStyle("icon2"); - item1.setText("<span ext:qtip=\"kk\" style=\"icon2\">chat1</span>"); - item1.layout(true); - // chatDialog.renderIfNeeded(); + final BasicDialog chatDialog = new BasicDialog("Emite chat", false, Scroll.NONE, 600, 415, 300, 300); + chatDialog.setMaximizable(true); + // chatDialog.setBodyBorder(false); + chatDialog.setBorders(false); + // chatDialog.setBorders(false); + chatDialog.setLayout(new FitLayout()); + final Button sendBtn = new Button("Send"); + sendBtn.setToolTip("send"); + chatDialog.addButton(sendBtn); + chatDialog.setButtonAlign(HorizontalAlignment.LEFT); + final DefaultBorderLayout chatPanel = new DefaultBorderLayout(); + final DefaultPanel east = new DefaultPanel("Users"); + final DefaultPanel south = new DefaultPanel(); + final DefaultPanel north = new DefaultPanel(); + chatPanel.createTopBar(south); + chatPanel.createTopBar(north); + chatPanel.createBottomBar(east); + chatPanel.createTopBar(north); + chatPanel.add(north, Position.NORTH, false, false, 22); + final TabPanel centerPanel = new TabPanel(); + final TabItem item1 = new TabItem("Chat1"); + item1.setIconStyle("icon1"); + item1.setLayout(new FitLayout()); + final ToolTipConfig tipConfig = new ToolTipConfig("fulano(a)kk.com"); + item1.setToolTip(tipConfig); + final TabItem item2 = new TabItem("Chat1"); + item2.setIconStyle("icon1"); + item2.setLayout(new FitLayout()); + centerPanel.add(item1); + centerPanel.add(item2); + chatPanel.add(centerPanel, Position.CENTER); + chatPanel.add(east, Position.EAST, false, true, 150); + chatPanel.add(south, Position.SOUTH, true, false, 75); + chatDialog.add(chatPanel.getPanel()); + chatDialog.show(); + chatDialog.layout(); + item1.setIconStyle("icon2"); + item1.setText("<span ext:qtip=\"kk\" style=\"icon2\">chat1</span>"); + item1.layout(); + // chatDialog.renderIfNeeded(); - // BasicDialog chatDialog2 = new BasicDialog("Layout sample", false, - // Scroll.NONE, 600, 415, 300, 300); - // chatDialog2.setLayout(new FitLayout()); - // TestBorderLayout testBL = new TestBorderLayout(); - // chatDialog2.add(testBL); - // chatDialog2.show(); - // chatDialog2.layout(); - // - // vp.add(chatPanel.getPanel()); - // vp.layout(); - // RootPanel.get().add(vp); + // BasicDialog chatDialog2 = new BasicDialog("Layout sample", false, + // Scroll.NONE, 600, 415, 300, 300); + // chatDialog2.setLayout(new FitLayout()); + // TestBorderLayout testBL = new TestBorderLayout(); + // chatDialog2.add(testBL); + // chatDialog2.show(); + // chatDialog2.layout(); + // + // vp.add(chatPanel.getPanel()); + // vp.layout(); + // RootPanel.get().add(vp); - // wk.getEntityWorkspace().setContent(chatPanel.getPanel());// + // wk.getEntityWorkspace().setContent(chatPanel.getPanel());// } } Modified: sandbox4/src/main/java/org/op/client/SandboxCollapse.java =================================================================== --- sandbox4/src/main/java/org/op/client/SandboxCollapse.java 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/src/main/java/org/op/client/SandboxCollapse.java 2008-07-03 02:29:31 UTC (rev 781) @@ -2,9 +2,9 @@ import com.extjs.gxt.ui.client.Style.LayoutRegion; import com.extjs.gxt.ui.client.util.Margins; -import com.extjs.gxt.ui.client.widget.Button; import com.extjs.gxt.ui.client.widget.ContentPanel; import com.extjs.gxt.ui.client.widget.Viewport; +import com.extjs.gxt.ui.client.widget.button.Button; import com.extjs.gxt.ui.client.widget.layout.BorderLayout; import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData; import com.google.gwt.core.client.EntryPoint; @@ -12,26 +12,26 @@ public class SandboxCollapse implements EntryPoint { public void onModuleLoad() { - Viewport viewport = new Viewport(); - viewport.setLayout(new BorderLayout()); + final Viewport viewport = new Viewport(); + viewport.setLayout(new BorderLayout()); - BorderLayoutData westData = new BorderLayoutData(LayoutRegion.WEST, 125, 0, 200); - westData.setSplit(true); - westData.setCollapsible(true); - // westData.collapseMode = "mini"; - westData.setMargins(new Margins(5, 5, 5, 5)); - BorderLayoutData centerData = new BorderLayoutData(LayoutRegion.CENTER); + final BorderLayoutData westData = new BorderLayoutData(LayoutRegion.WEST, 125, 0, 200); + westData.setSplit(true); + westData.setCollapsible(true); + // westData.collapseMode = "mini"; + westData.setMargins(new Margins(5, 5, 5, 5)); + final BorderLayoutData centerData = new BorderLayoutData(LayoutRegion.CENTER); - ContentPanel west = new ContentPanel(); - west.setHeaderVisible(false); - ContentPanel center = new ContentPanel(); - west.setTitle("Testing"); - center.add(new Button("button1")); - west.add(new Button("button2")); + final ContentPanel west = new ContentPanel(); + west.setHeaderVisible(false); + final ContentPanel center = new ContentPanel(); + west.setTitle("Testing"); + center.add(new Button("button1")); + west.add(new Button("button2")); - viewport.add(west, westData); - viewport.add(center, centerData); - viewport.layout(); - RootPanel.get().add(viewport); + viewport.add(west, westData); + viewport.add(center, centerData); + viewport.layout(); + RootPanel.get().add(viewport); } } \ No newline at end of file Modified: sandbox4/src/main/java/org/op/client/SandboxTooltip.java =================================================================== --- sandbox4/src/main/java/org/op/client/SandboxTooltip.java 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/src/main/java/org/op/client/SandboxTooltip.java 2008-07-03 02:29:31 UTC (rev 781) @@ -1,8 +1,8 @@ package org.op.client; import com.extjs.gxt.ui.client.Style.HorizontalAlignment; -import com.extjs.gxt.ui.client.widget.Button; import com.extjs.gxt.ui.client.widget.Viewport; +import com.extjs.gxt.ui.client.widget.button.Button; import com.extjs.gxt.ui.client.widget.form.FormPanel; import com.extjs.gxt.ui.client.widget.form.TextField; import com.extjs.gxt.ui.client.widget.layout.FillLayout; @@ -12,22 +12,22 @@ public class SandboxTooltip implements EntryPoint { public void onModuleLoad() { - Viewport viewport = new Viewport(); - viewport.setLayout(new FillLayout(5)); + final Viewport viewport = new Viewport(); + viewport.setLayout(new FillLayout()); - FormPanel form = new FormPanel(); - form.setHeading("Form title"); - form.setToolTip(new ToolTipConfig("form title tip", "form text tip")); - form.setButtonAlign(HorizontalAlignment.LEFT); - TextField field = new TextField(); - field.setFieldLabel("Some label"); - field.setToolTip(new ToolTipConfig("field title", "field text tip")); - form.add(field); - Button button = new Button("Ok"); - button.setToolTip(new ToolTipConfig("button title", "button text tip")); - form.addButton(button); - viewport.add(form); + final FormPanel form = new FormPanel(); + form.setHeading("Form title"); + form.setToolTip(new ToolTipConfig("form title tip", "form text tip")); + form.setButtonAlign(HorizontalAlignment.LEFT); + final TextField field = new TextField(); + field.setFieldLabel("Some label"); + field.setToolTip(new ToolTipConfig("field title", "field text tip")); + form.add(field); + final Button button = new Button("Ok"); + button.setToolTip(new ToolTipConfig("button title", "button text tip")); + form.addButton(button); + viewport.add(form); - RootPanel.get().add(viewport); + RootPanel.get().add(viewport); } } Modified: sandbox4/src/main/java/org/op/public/Sandbox.html =================================================================== --- sandbox4/src/main/java/org/op/public/Sandbox.html 2008-07-03 02:28:30 UTC (rev 780) +++ sandbox4/src/main/java/org/op/public/Sandbox.html 2008-07-03 02:29:31 UTC (rev 781) @@ -1,3 +1,4 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

1 0

r780 - in sandbox3: . src/main/java/org/op src/main/java/org/op/client src/main/java/org/op/public
by vjrj 03 Jul '08

03 Jul '08

Author: vjrj Date: 2008-07-03 04:28:30 +0200 (Thu, 03 Jul 2008) New Revision: 780 Removed: sandbox3/src/main/java/org/op/client/DefaultTabPanel.java sandbox3/src/main/java/org/op/client/DefaultTabbedForm.java Modified: sandbox3/pom.xml sandbox3/src/main/java/org/op/Sandbox.gwt.xml sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java sandbox3/src/main/java/org/op/client/EntityWorkspace.java sandbox3/src/main/java/org/op/client/FakeToolbar.java sandbox3/src/main/java/org/op/client/Sandbox.java sandbox3/src/main/java/org/op/client/SiteBar.java sandbox3/src/main/java/org/op/client/Workspace.java sandbox3/src/main/java/org/op/public/Sandbox.html sandbox3/src/main/java/org/op/public/sandbox.css Log: more ext probes Modified: sandbox3/pom.xml =================================================================== --- sandbox3/pom.xml 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/pom.xml 2008-07-03 02:28:30 UTC (rev 780) @@ -123,16 +123,19 @@ </dependency>  + + <dependency> <groupId>com.gwtext</groupId> <artifactId>gwtext</artifactId> - <version>2.0.4-beta2</version> + <version>2.0.4</version> </dependency> <dependency> Modified: sandbox3/src/main/java/org/op/Sandbox.gwt.xml =================================================================== --- sandbox3/src/main/java/org/op/Sandbox.gwt.xml 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/Sandbox.gwt.xml 2008-07-03 02:28:30 UTC (rev 780) @@ -8,9 +8,11 @@ <script src="js/ext/adapter/ext/ext-base.js" /> <script src="js/ext/ext-all.js" /> + <stylesheet src="js/ext/resources/css/ext-all.css"/> <stylesheet src="js/ext/resources/css/xtheme-gray.css"/> Modified: sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java =================================================================== --- sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java 2008-07-03 02:28:30 UTC (rev 780) @@ -12,7 +12,7 @@ public class DefaultBorderLayout { public enum Position { - NORTH, CENTER, SOUTH, EAST, WEST + NORTH, CENTER, SOUTH, EAST, WEST } protected static final int DEF_TOOLBAR_HEIGHT = 22; @@ -20,111 +20,115 @@ private static final int NO_SIZE = -1; private static RegionPosition[] regionPositions = new RegionPosition[] { RegionPosition.NORTH, - RegionPosition.CENTER, RegionPosition.SOUTH, RegionPosition.EAST, RegionPosition.WEST }; + RegionPosition.CENTER, RegionPosition.SOUTH, RegionPosition.EAST, RegionPosition.WEST }; private final Panel mainPanel; public DefaultBorderLayout() { - mainPanel = new Panel(); - mainPanel.setLayout(new BorderLayout()); - mainPanel.setBorder(false); + mainPanel = new Panel(); + mainPanel.setLayout(new BorderLayout()); + mainPanel.setBorder(false); } + public void setBorder(final boolean border) { + mainPanel.setBorder(border); + } + protected void add(final Panel panel, final Position position) { - add(panel, position, false); + add(panel, position, false); } protected void add(final Panel panel, final Position position, final boolean split) { - add(panel, position, split, NO_SIZE); + add(panel, position, split, NO_SIZE); } protected void add(final Panel panel, final Position position, final boolean split, final int size) { - RegionPosition regionPosition = regionPositions[position.ordinal()]; - BorderLayoutData borderLayoutData = new BorderLayoutData(regionPosition); - borderLayoutData.setSplit(split); - if (split) { - borderLayoutData.setUseSplitTips(true); - borderLayoutData.setCollapseModeMini(true); - } - if (size != NO_SIZE) { - switch (position) { - case NORTH: - case SOUTH: - panel.setHeight(size); - break; - case EAST: - case WEST: - panel.setWidth(size); - } - } - mainPanel.add(panel, borderLayoutData); - doLayoutIfNeeded(); + final RegionPosition regionPosition = regionPositions[position.ordinal()]; + final BorderLayoutData borderLayoutData = new BorderLayoutData(regionPosition); + borderLayoutData.setSplit(split); + if (split) { + borderLayoutData.setUseSplitTips(true); + borderLayoutData.setCollapseModeMini(true); + } + if (size != NO_SIZE) { + switch (position) { + case NORTH: + case SOUTH: + panel.setHeight(size); + break; + case EAST: + case WEST: + panel.setWidth(size); + } + } + mainPanel.add(panel, borderLayoutData); + doLayoutIfNeeded(); } protected void add(final Panel panel, final Position position, final int size) { - add(panel, position, false, size); + add(panel, position, false, size); } protected void add(final Panel panel, final Widget widget) { - panel.add(widget); - // FIXME: test if this is is necessary - if (panel.isRendered()) { - panel.syncSize(); - panel.doLayout(); - } - // FIXME: useDoLayoutIfNeeded - if (mainPanel.isRendered()) { - mainPanel.syncSize(); - mainPanel.doLayout(); - } + panel.add(widget); + // FIXME: test if this is is necessary + if (panel.isRendered()) { + panel.syncSize(); + panel.doLayout(); + } + // FIXME: useDoLayoutIfNeeded + if (mainPanel.isRendered()) { + mainPanel.syncSize(); + mainPanel.doLayout(); + } } protected Toolbar createBottomBar(final Panel panel) { - return createBottomBar(panel, null); + return createBottomBar(panel, null); } protected Toolbar createBottomBar(final Panel panel, final String cssStyle) { - final Toolbar bottomToolbar = new Toolbar(); - bottomToolbar.setHeight(DEF_TOOLBAR_HEIGHT); - if (cssStyle != null) { - bottomToolbar.setCls(cssStyle); - } - panel.setBottomToolbar(bottomToolbar); - return bottomToolbar; + final Toolbar bottomToolbar = new Toolbar(); + bottomToolbar.setHeight(DEF_TOOLBAR_HEIGHT); + if (cssStyle != null) { + bottomToolbar.setCls(cssStyle); + } + panel.setBottomToolbar(bottomToolbar); + return bottomToolbar; } protected Toolbar createTopBar(final Panel panel) { - return createTopBar(panel, null); + return createTopBar(panel, null); } protected Toolbar createTopBar(final Panel panel, final String cssStyle) { - final Toolbar topToolbar = new Toolbar(); - topToolbar.setHeight(DEF_TOOLBAR_HEIGHT); - if (cssStyle != null) { - topToolbar.setCls(cssStyle); - } - panel.setTopToolbar(topToolbar); - return topToolbar; + final Toolbar topToolbar = new Toolbar(); + topToolbar.setHeight(DEF_TOOLBAR_HEIGHT); + if (cssStyle != null) { + topToolbar.setCls(cssStyle); + } + panel.setTopToolbar(topToolbar); + return topToolbar; } protected void doLayoutIfNeeded() { - if (mainPanel.isRendered()) { - mainPanel.doLayout(); - } + if (mainPanel.isRendered()) { + mainPanel.doLayout(); + } } protected Panel getPanel() { - return mainPanel; + return mainPanel; } protected void setCls(final String style) { - mainPanel.setCls(style); + mainPanel.setCls(style); } protected void setPanel(final Panel panel, final View view) { - Widget widget = (Widget) view; - panel.clear(); - add(panel, widget); + final Widget widget = (Widget) view; + panel.clear(); + add(panel, widget); } } Deleted: sandbox3/src/main/java/org/op/client/DefaultTabPanel.java =================================================================== --- sandbox3/src/main/java/org/op/client/DefaultTabPanel.java 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/client/DefaultTabPanel.java 2008-07-03 02:28:30 UTC (rev 780) @@ -1,23 +0,0 @@ -package org.op.client; - -import com.extjs.gxt.ui.client.widget.TabItem; -import com.extjs.gxt.ui.client.widget.TabPanel; - -public class DefaultTabPanel { - - private final TabPanel tabPanel; - - public DefaultTabPanel() { - tabPanel = new TabPanel(); - tabPanel.setTabScroll(true); - } - - public void addTabItem(final TabItem item) { - tabPanel.add(item); - tabPanel.setSelection(item); - } - - public TabPanel getTabPanel() { - return tabPanel; - } -} Deleted: sandbox3/src/main/java/org/op/client/DefaultTabbedForm.java =================================================================== --- sandbox3/src/main/java/org/op/client/DefaultTabbedForm.java 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/client/DefaultTabbedForm.java 2008-07-03 02:28:30 UTC (rev 780) @@ -1,45 +0,0 @@ -package org.op.client; - -import com.extjs.gxt.ui.client.Style.HorizontalAlignment; -import com.extjs.gxt.ui.client.widget.Button; -import com.extjs.gxt.ui.client.widget.TabItem; -import com.extjs.gxt.ui.client.widget.TabPanel; -import com.extjs.gxt.ui.client.widget.form.FormPanel; -import com.extjs.gxt.ui.client.widget.layout.FormLayout; - -public class DefaultTabbedForm { - private final FormPanel formPanel; - private final TabPanel tabPanel; - - public DefaultTabbedForm(final int width, final int labelWidth) { - formPanel = new FormPanel(); - formPanel.setFrame(true); - formPanel.setLabelWidth(labelWidth); - formPanel.setBorder(false); - formPanel.setWidth(width); - formPanel.setButtonAlign(HorizontalAlignment.RIGHT); - - tabPanel = new TabPanel(); - formPanel.add(tabPanel); - } - - public void addButton(final Button button) { - formPanel.addButton(button); - } - - public void addTab(final String title, final TabItem tab) { - tab.setTitle(title); - tab.setLayout(new FormLayout()); - tab.setAutoHeight(true); - // tab.setPaddings(10); - tabPanel.add(tab); - if (tabPanel.isRendered()) { - tabPanel.render(tab.getElement()); - } - } - - public FormPanel getForm() { - return formPanel; - } - -} Modified: sandbox3/src/main/java/org/op/client/EntityWorkspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/client/EntityWorkspace.java 2008-07-03 02:28:30 UTC (rev 780) @@ -11,97 +11,122 @@ public class EntityWorkspace extends DefaultBorderLayout { private static final String SAMPLE_COLOR = "blue"; - private final FakeToolbar contentTopBar; - private final FakeToolbar containerTopBar; + private final Toolbar contentTopBar; @SuppressWarnings("unused") private final Toolbar contentBottomBar; @SuppressWarnings("unused") - private final Toolbar containerBottomBar; private final Panel container; private final Panel content; private final Panel bottom; private final Panel title; private final Panel subTitle; + private final FakeToolbar containerTopBar; + private final FakeToolbar containerBottomBar; public EntityWorkspace() { - super.setCls("entityworkspace"); - Panel titles = new Panel(); - titles.setBorder(false); - titles.setLayout(new AnchorLayout()); + super.setCls("entityworkspace"); + final Panel titles = new Panel(); + titles.setBorder(false); + titles.setLayout(new AnchorLayout()); - title = new Panel(); - title.setBorder(false); - title.setBaseCls("entity-title"); - subTitle = new Panel(); - subTitle.setBorder(false); - subTitle.setBaseCls("entity-subtitle"); - bottom = new Panel(); - bottom.setBorder(false); - bottom.setBaseCls("entity-bottom"); + title = new Panel(); + title.setBorder(false); + title.setBaseCls("entity-title"); + subTitle = new Panel(); + subTitle.setBorder(false); + subTitle.setBaseCls("entity-subtitle"); + bottom = new Panel(); + bottom.setBorder(false); + bottom.setBaseCls("entity-bottom"); - RoundedBorderDecorator roundedTitle = new RoundedBorderDecorator(title, RoundedBorderDecorator.TOPLEFT); - roundedTitle.setColor(SAMPLE_COLOR); - // roundedTitle.addStyleName("entity-title-rd"); - roundedTitle.setHeight("" + DEF_TOOLBAR_HEIGHT); + final RoundedBorderDecorator roundedTitle = new RoundedBorderDecorator(title, RoundedBorderDecorator.TOPLEFT); + roundedTitle.setColor(SAMPLE_COLOR); + // roundedTitle.addStyleName("entity-title-rd"); + roundedTitle.setHeight("" + DEF_TOOLBAR_HEIGHT); - RoundedBorderDecorator roundedBottom = new RoundedBorderDecorator(bottom, RoundedBorderDecorator.BOTTOMLEFT); - roundedBottom.setColor(SAMPLE_COLOR); - // roundedBottom.addStyleName("entity-bottom-rd"); - roundedBottom.setHeight("" + DEF_TOOLBAR_HEIGHT); + final RoundedBorderDecorator roundedBottom = new RoundedBorderDecorator(bottom, + RoundedBorderDecorator.BOTTOMLEFT); + roundedBottom.setColor(SAMPLE_COLOR); + // roundedBottom.addStyleName("entity-bottom-rd"); + roundedBottom.setHeight("" + DEF_TOOLBAR_HEIGHT); - titles.add(roundedTitle, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); - titles.add(subTitle, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); + titles.add(roundedTitle, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); + titles.add(subTitle, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); - DefaultBorderLayout contentWrap = new DefaultBorderLayout(); - DefaultBorderLayout containerWrap = new DefaultBorderLayout(); - content = new Panel(); - container = new Panel(); - container.setCollapsible(true); - content.setPaddings(5); - container.setPaddings(5); + final DefaultBorderLayout contentWrap = new DefaultBorderLayout(); + final DefaultBorderLayout containerWrap = new DefaultBorderLayout(); + containerWrap.setBorder(true); + content = new Panel(); + container = new Panel(); + container.setBorder(false); + container.setCollapsible(true); + content.setPaddings(5); + container.setPaddings(5); - Panel bottomPanel = new Panel(); - bottomPanel.setBorder(false); - bottomPanel.setLayout(new AnchorLayout()); - bottomPanel.add(roundedBottom, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); + final Panel bottomPanel = new Panel(); + bottomPanel.setBorder(false); + bottomPanel.setLayout(new AnchorLayout()); + bottomPanel.add(roundedBottom, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT)); - contentTopBar = new FakeToolbar(); - containerTopBar = new FakeToolbar(); - contentWrap.add(contentTopBar.getPanel(), Position.NORTH, false, DEF_TOOLBAR_HEIGHT); - containerWrap.add(containerTopBar.getPanel(), Position.NORTH, false, DEF_TOOLBAR_HEIGHT); - contentWrap.add(content, Position.CENTER); - containerWrap.add(container, Position.CENTER); - contentBottomBar = createBottomBar(content); - containerBottomBar = createBottomBar(container); + // contentTopBar = new FakeToolbar(); + contentTopBar = createTopBar(content); + containerTopBar = new FakeToolbar(); + containerBottomBar = new FakeToolbar(); + containerTopBar.addClass("faketoolbar-bottom-line"); + containerBottomBar.addClass("faketoolbar-top-line"); + // contentWrap.add(contentTopBar.getPanel(), Position.NORTH, false, + // DEF_TOOLBAR_HEIGHT); + containerWrap.add(containerTopBar.getPanel(), Position.NORTH, false, DEF_TOOLBAR_HEIGHT); + containerWrap.add(container, Position.CENTER); + containerWrap.add(containerBottomBar.getPanel(), Position.SOUTH, false, DEF_TOOLBAR_HEIGHT); + contentWrap.add(content, Position.CENTER); + contentBottomBar = createBottomBar(content); - add(titles, DefaultBorderLayout.Position.NORTH, DEF_TOOLBAR_HEIGHT * 2); - add(contentWrap.getPanel(), DefaultBorderLayout.Position.CENTER); - add(containerWrap.getPanel(), DefaultBorderLayout.Position.EAST, true, 175); - add(bottomPanel, DefaultBorderLayout.Position.SOUTH, DEF_TOOLBAR_HEIGHT); + add(titles, DefaultBorderLayout.Position.NORTH, DEF_TOOLBAR_HEIGHT * 2); + add(contentWrap.getPanel(), DefaultBorderLayout.Position.CENTER); + add(containerWrap.getPanel(), DefaultBorderLayout.Position.EAST, true, 175); + add(bottomPanel, DefaultBorderLayout.Position.SOUTH, DEF_TOOLBAR_HEIGHT); } + public void addItemToContainerBottomBar(final View view) { + containerBottomBar.add((Widget) view); + } + + public void addItemToContainerTopBar(final View view) { + containerTopBar.add((Widget) view); + } + public void addItemToContentTopBar(final View view) { - contentTopBar.add((Widget) view); + // final Container container = new Container(); + // final Widget widget = (Widget) view; + // container.add(widget); + // component.setEl(widget.getElement()); + // final Adapter adapter = new Adapter(component); + // final WidgetComponent component = new WidgetComponent((Widget) view); + // contentTopBar.getElement().appendChild(component.getElement()); + // contentTopBar.getElement().appendChild(container.getElement()); + // contentTopBar.addElement(container.getElement()); + setPanel(content, view); } public void setBottom(final View view) { - setPanel(bottom, view); + setPanel(bottom, view); } public void setContainer(final View view) { - setPanel(container, view); + setPanel(container, view); } public void setContent(final View view) { - setPanel(content, view); + setPanel(content, view); } public void setSubtitle(final View view) { - setPanel(subTitle, view); + setPanel(subTitle, view); } public void setTitle(final View view) { - setPanel(title, view); + setPanel(title, view); } } Modified: sandbox3/src/main/java/org/op/client/FakeToolbar.java =================================================================== --- sandbox3/src/main/java/org/op/client/FakeToolbar.java 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/client/FakeToolbar.java 2008-07-03 02:28:30 UTC (rev 780) @@ -1,9 +1,7 @@ package org.op.client; -import com.google.gwt.user.client.ui.Label; import com.google.gwt.user.client.ui.Widget; import com.gwtext.client.widgets.Panel; -import com.gwtext.client.widgets.layout.FitLayout; public class FakeToolbar { private final Panel container; @@ -11,40 +9,52 @@ // private final Panel horPanel; public FakeToolbar() { - container = new Panel(); - container.setLayout(new FitLayout()); - container.setBorder(false); - container.setHeight(DefaultBorderLayout.DEF_TOOLBAR_HEIGHT); - container.setWidth("100%"); - container.setCls("x-toolbar"); - // x-panel-tbar x-panel-tbar-noheader - container.setCls("x-panel-tbar"); - // container.setCls("x-panel-tbar-noheader"); - // container.setCls("x-panel-header"); - // container.setCls("x-panel-header-noborder"); - // container.setCls("x-unselectable"); - // horPanel = new Panel(); - // horPanel.setLayout(new HorizontalLayout(3)); - // horPanel.setBorder(false); - // horPanel.setCls("x-toolbar"); - // horPanel.setHeight(DefaultBorderLayout.DEF_TOOLBAR_HEIGHT); - // horPanel.setWidth("100%"); - container.add(new Label("testkk")); - // container.add(horPanel); - // <div class="x-toolbar x-small-editor" id="ext-gen74" style="height: - // 17px;"><table cellspacing="0"><tbody><tr/></tbody></table></div> + container = new Panel(); + // container.setFrame(true); + // container.setLayout(new FitLayout()); + container.setBorder(false); + container.setBodyBorder(false); + container.setHeight(DefaultBorderLayout.DEF_TOOLBAR_HEIGHT); + container.setWidth("100%"); + container.setHeader(false); + // container.addClass("x-toolbar"); + // x-panel-tbar x-panel-tbar-noheader + container.setBaseCls("x-toolbar"); + container.addClass("x-panel"); + // container.addClass("x-panel-tbar-noheader"); + // container.setBodyStyle("x-panel-tbar"); + // Adapter adapter = new Adapter(); + // container.setCls("x-panel-tbar-noheader"); + // container.setCls("x-panel-header"); + // container.setCls("x-panel-header-noborder"); + // container.setCls("x-unselectable"); + // horPanel = new Panel(); + // horPanel.setLayout(new HorizontalLayout(3)); + // horPanel.setBorder(false); + // horPanel.setCls("x-toolbar"); + // horPanel.setHeight(DefaultBorderLayout.DEF_TOOLBAR_HEIGHT); + // horPanel.setWidth("100%"); + // container.add(horPanel); + // <div class="x-toolbar x-small-editor" id="ext-gen74" style="height: + // 17px;"><table cellspacing="0"><tbody><tr/></tbody></table></div> + } public void add(final Widget widget) { - // horPanel.add(widget); - if (container.isRendered()) { - container.doLayout(true); - } + // horPanel.add(widget); + container.add(widget); + if (container.isRendered()) { + container.doLayout(true); + } } + public void addClass(final String cls) { + container.addClass(cls); + } + public Panel getPanel() { - return container; + return container; } } Modified: sandbox3/src/main/java/org/op/client/Sandbox.java =================================================================== --- sandbox3/src/main/java/org/op/client/Sandbox.java 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/client/Sandbox.java 2008-07-03 02:28:30 UTC (rev 780) @@ -18,125 +18,130 @@ public class Sandbox implements EntryPoint { class LabelWrapper extends Label implements View { - public LabelWrapper(final String text) { - super(text); - } + public LabelWrapper(final String text) { + super(text); + } } class MenuBarWrapper extends Composite implements View { - public MenuBarWrapper() { + public MenuBarWrapper() { - // Make a command that we will execute from all leaves. - Command cmd = new Command() { - public void execute() { - Window.alert("You selected a menu item!"); - } - }; + // Make a command that we will execute from all leaves. + final Command cmd = new Command() { + public void execute() { + Window.alert("You selected a menu item!"); + } + }; - // Make some sub-menus that we will cascade from the top menu. - MenuBar fooMenu = new MenuBar(true); - fooMenu.addItem("the", cmd); - fooMenu.addItem("foo", cmd); - fooMenu.addItem("menu", cmd); + // Make some sub-menus that we will cascade from the top menu. + final MenuBar fooMenu = new MenuBar(true); + fooMenu.addItem("the", cmd); + fooMenu.addItem("foo", cmd); + fooMenu.addItem("menu", cmd); - MenuBar barMenu = new MenuBar(true); - barMenu.addItem("the", cmd); - barMenu.addItem("bar", cmd); - barMenu.addItem("menu", cmd); + final MenuBar barMenu = new MenuBar(true); + barMenu.addItem("the", cmd); + barMenu.addItem("bar", cmd); + barMenu.addItem("menu", cmd); - MenuBar bazMenu = new MenuBar(true); - bazMenu.addItem("the", cmd); - bazMenu.addItem("baz", cmd); - bazMenu.addItem("menu", cmd); + final MenuBar bazMenu = new MenuBar(true); + bazMenu.addItem("the", cmd); + bazMenu.addItem("baz", cmd); + bazMenu.addItem("menu", cmd); - // Make a new menu bar, adding a few cascading menus to it. - MenuBar menu = new MenuBar(); - menu.addItem("foo", fooMenu); - menu.addItem("bar", barMenu); - menu.addItem("baz", bazMenu); - initWidget(menu); - } + // Make a new menu bar, adding a few cascading menus to it. + final MenuBar menu = new MenuBar(); + menu.addItem("foo", fooMenu); + menu.addItem("bar", barMenu); + menu.addItem("baz", bazMenu); + initWidget(menu); + } } /** * This is the entry point method. */ public void onModuleLoad() { - // final DefaultTabbedForm form = new DefaultTabbedForm(300, 75); - // - // form.addButton(new Button("Save")); - // - // final TabItem tab = new TabItem(); - // - // final TextField field1 = new TextField(); - // final TextField field2 = new TextField(); - // field1.setFieldLabel("Nombre"); - // field2.setFieldLabel("App"); - // tab.add(field1); - // tab.add(field2); - // - // final TabItem tab2 = new TabItem(); - // final TextField field3 = new TextField(); - // final TextField field4 = new TextField(); - // field3.setFieldLabel("Nombre"); - // field4.setFieldLabel("App"); - // tab2.add(field3); - // tab2.add(field4); - // - // form.addTab("Primero", tab); - // form.addTab("Segundo", tab2); - // dialog.add(form.getForm()); + // final DefaultTabbedForm form = new DefaultTabbedForm(300, 75); + // + // form.addButton(new Button("Save")); + // + // final TabItem tab = new TabItem(); + // + // final TextField field1 = new TextField(); + // final TextField field2 = new TextField(); + // field1.setFieldLabel("Nombre"); + // field2.setFieldLabel("App"); + // tab.add(field1); + // tab.add(field2); + // + // final TabItem tab2 = new TabItem(); + // final TextField field3 = new TextField(); + // final TextField field4 = new TextField(); + // field3.setFieldLabel("Nombre"); + // field4.setFieldLabel("App"); + // tab2.add(field3); + // tab2.add(field4); + // + // form.addTab("Primero", tab); + // form.addTab("Segundo", tab2); + // dialog.add(form.getForm()); - final Workspace wk = new Workspace(); - // EntityCnt ent = new EntityCnt(); + final Workspace wk = new Workspace(); + // EntityCnt ent = new EntityCnt(); - Panel panel = new Panel(); - panel.setBorder(false); - panel.setPaddings(5); - panel.setLayout(new FitLayout()); - // panel.add(ent.getPanel()); - panel.add(wk.getPanel()); + final Panel panel = new Panel(); + panel.setBorder(false); + panel.setPaddings(5); + panel.setLayout(new FitLayout()); + // panel.add(ent.getPanel()); + panel.add(wk.getPanel()); - new Viewport(panel); - wk.getEntityWorkspace().addItemToContentTopBar(new MenuBarWrapper()); - wk.getEntityWorkspace().setContainer(new LabelWrapper("Container")); - wk.getEntityWorkspace().setContent(new LabelWrapper("Content")); - wk.getEntityWorkspace().setBottom(new LabelWrapper("Bottom")); - wk.getEntityWorkspace().setTitle(new LabelWrapper("Title")); - wk.getEntityWorkspace().setSubtitle(new LabelWrapper("Subtitle")); - wk.getSiteBar().add(new LabelWrapper("sitebar-right")); - // final TabItem item1 = new TabItem(); - // item1.setText("Nose que1"); - // item1.add(new Label("Hola 1")); - // tabPanel.addTabItem(item1); - // - // final TabItem item2 = new TabItem(); - // item2.setText("Nose que2"); - // item2.add(new Label("Hola 2")); - // tabPanel.addTabItem(item2); - // final TextField field1 = new TextField(); - // final TextField field2 = new TextField(); - // field1.setFieldLabel("Nombre"); - // field2.setFieldLabel("App"); - // item1.add(field1); - // item2.add(field2); - // - // final Window window = new Window(); - // window.add(tabPanel.getTabPanel()); - // RootPanel.get().add(panel); - // window.setTitle("Layout Window"); - // window.setClosable(true); - // window.setWidth(600); - // window.setHeight(350); - // window.setPlain(true); - // window.setLayout(new BorderLayout()); - // final BorderLayoutData centerData = new - // BorderLayoutData(RegionPosition.CENTER); - // // final Panel panel = new Panel(); - // // panel.add(form.getForm()); - // window.add(form.getForm(), centerData); - // window.setCloseAction(Window.HIDE); - // RootPanel.get("slot1").add(window); - // window.show(); + new Viewport(panel); + wk.getEntityWorkspace().addItemToContentTopBar(new MenuBarWrapper()); + wk.getEntityWorkspace().addItemToContainerTopBar(new MenuBarWrapper()); + wk.getEntityWorkspace().addItemToContainerBottomBar(new MenuBarWrapper()); + wk.getEntityWorkspace().addItemToContainerBottomBar(new LabelWrapper("otro")); + wk.getEntityWorkspace().setContainer(new LabelWrapper("Container")); + wk.getEntityWorkspace().setContent(new LabelWrapper("Content")); + // wk.getEntityWorkspace().setContent(fooMenu); + wk.getEntityWorkspace().setBottom(new LabelWrapper("Bottom")); + wk.getEntityWorkspace().setTitle(new LabelWrapper("Title")); + wk.getEntityWorkspace().setSubtitle(new LabelWrapper("Subtitle")); + wk.getSiteBar().add(new LabelWrapper("sitebar-right")); + + // final TabItem item1 = new TabItem(); + // item1.setText("Nose que1"); + // item1.add(new Label("Hola 1")); + // tabPanel.addTabItem(item1); + // + // final TabItem item2 = new TabItem(); + // item2.setText("Nose que2"); + // item2.add(new Label("Hola 2")); + // tabPanel.addTabItem(item2); + // final TextField field1 = new TextField(); + // final TextField field2 = new TextField(); + // field1.setFieldLabel("Nombre"); + // field2.setFieldLabel("App"); + // item1.add(field1); + // item2.add(field2); + // + // final Window window = new Window(); + // window.add(tabPanel.getTabPanel()); + // RootPanel.get().add(panel); + // window.setTitle("Layout Window"); + // window.setClosable(true); + // window.setWidth(600); + // window.setHeight(350); + // window.setPlain(true); + // window.setLayout(new BorderLayout()); + // final BorderLayoutData centerData = new + // BorderLayoutData(RegionPosition.CENTER); + // // final Panel panel = new Panel(); + // // panel.add(form.getForm()); + // window.add(form.getForm(), centerData); + // window.setCloseAction(Window.HIDE); + // RootPanel.get("slot1").add(window); + // window.show(); } } Modified: sandbox3/src/main/java/org/op/client/SiteBar.java =================================================================== --- sandbox3/src/main/java/org/op/client/SiteBar.java 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/client/SiteBar.java 2008-07-03 02:28:30 UTC (rev 780) @@ -2,32 +2,26 @@ import org.ourproject.kune.platf.client.View; -import com.google.gwt.user.client.ui.Label; +import com.google.gwt.user.client.ui.Widget; import com.gwtext.client.widgets.Panel; -public class SiteBar extends DefaultBorderLayout { +public class SiteBar { - private final Panel rightPanel;; + private final Panel panel; public SiteBar() { - rightPanel = createDefPanel(); - // rightPanel.setAutoWidth(true); - Panel centerPanel = createDefPanel(); - add(centerPanel, Position.CENTER); - add(rightPanel, Position.EAST); - rightPanel.add(new Label("Site")); + panel = new Panel(); + panel.setBorder(false); } public void add(final View view) { - setPanel(rightPanel, view); + panel.add((Widget) view); + if (panel.isRendered()) { + panel.doLayout(false); + } } - private Panel createDefPanel() { - Panel panel = new Panel(); - // panel.setLayout(new HorizontalLayout(3)); - panel.setAutoWidth(true); - panel.setHeight(DEF_TOOLBAR_HEIGHT); - panel.setBorder(false); - return panel; + public Panel getPanel() { + return panel; } } Modified: sandbox3/src/main/java/org/op/client/Workspace.java =================================================================== --- sandbox3/src/main/java/org/op/client/Workspace.java 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/client/Workspace.java 2008-07-03 02:28:30 UTC (rev 780) @@ -5,17 +5,17 @@ private final SiteBar sitebar; public Workspace() { - sitebar = new SiteBar(); - entity = new Entity(); - add(sitebar.getPanel(), DefaultBorderLayout.Position.NORTH, DEF_TOOLBAR_HEIGHT); - add(entity.getPanel(), DefaultBorderLayout.Position.CENTER); + sitebar = new SiteBar(); + entity = new Entity(); + add(sitebar.getPanel(), DefaultBorderLayout.Position.NORTH, DEF_TOOLBAR_HEIGHT); + add(entity.getPanel(), DefaultBorderLayout.Position.CENTER); } public EntityWorkspace getEntityWorkspace() { - return entity.getEntityWorkspace(); + return entity.getEntityWorkspace(); } public SiteBar getSiteBar() { - return sitebar; + return sitebar; } } Modified: sandbox3/src/main/java/org/op/public/Sandbox.html =================================================================== --- sandbox3/src/main/java/org/op/public/Sandbox.html 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/public/Sandbox.html 2008-07-03 02:28:30 UTC (rev 780) @@ -18,28 +18,14 @@  <title>Wrapper HTML for Sandbox 3</title> -  -  -  - <style type="text/css"> - body,td,a,div,.p{font-family:arial,sans-serif} - div,td{color:#000000} - a:link,.w,.w a:link{color:#0000cc} - a:visited{color:#551a8b} - a:active{color:#ff0000} - </style> -  -  -  -  -   <script type="text/javascript" language="javascript" src="org.op.Sandbox.nocache.js"></script> + <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/base/base-min.css"> </head>  Modified: sandbox3/src/main/java/org/op/public/sandbox.css =================================================================== --- sandbox3/src/main/java/org/op/public/sandbox.css 2008-06-11 20:19:21 UTC (rev 779) +++ sandbox3/src/main/java/org/op/public/sandbox.css 2008-07-03 02:28:30 UTC (rev 780) @@ -35,6 +35,18 @@ } +.faketoolbar-top-line { +border-top-color: rgb(208, 208, 208); +border-top-style: solid; +border-top-width: 1px; +} + +.faketoolbar-bottom-line { +border-bottom-color: rgb(208, 208, 208); +border-bottom-style: solid; +border-bottom-width: 1px; +} + .entity-bottom-rd { } \ No newline at end of file

1 0

Jump to page: