Lior Vernia has uploaded a new change for review.

Change subject: webadmin: Face lift for Discovery popup
......................................................................

webadmin: Face lift for Discovery popup

Changed button styling, added table borders, added customizable table
headers, and changed a couple of network-specific text labels.

Change-Id: I247df809b2cf21488f0b6c3109294c24cb3db914
Signed-off-by: Lior Vernia <lver...@redhat.com>
---
M 
frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget/HorizontalSplitTable.java
M 
frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget/HorizontalSplitTable.ui.xml
M 
frontend/webadmin/modules/uicommonweb/src/main/java/org/ovirt/engine/ui/uicommonweb/models/networks/ImportNetworksModel.java
M 
frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/ApplicationConstants.java
M 
frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section/main/view/popup/provider/ImportNetworksPopupView.java
M 
frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section/main/view/popup/provider/ImportNetworksPopupView.ui.xml
6 files changed, 88 insertions(+), 30 deletions(-)


  git pull ssh://gerrit.ovirt.org:29418/ovirt-engine refs/changes/51/16651/1

diff --git 
a/frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget/HorizontalSplitTable.java
 
b/frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget/HorizontalSplitTable.java
index 3d87f14..c6e8b40 100644
--- 
a/frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget/HorizontalSplitTable.java
+++ 
b/frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget/HorizontalSplitTable.java
@@ -5,6 +5,7 @@
 import java.util.Set;
 
 import org.ovirt.engine.ui.common.CommonApplicationConstants;
+import org.ovirt.engine.ui.common.widget.dialog.SimpleDialogButton;
 import org.ovirt.engine.ui.common.widget.editor.EntityModelCellTable;
 import org.ovirt.engine.ui.uicommonweb.models.EntityModel;
 import org.ovirt.engine.ui.uicommonweb.models.ListModel;
@@ -15,8 +16,9 @@
 import com.google.gwt.resources.client.CssResource;
 import com.google.gwt.uibinder.client.UiBinder;
 import com.google.gwt.uibinder.client.UiField;
-import com.google.gwt.user.client.ui.Button;
+import com.google.gwt.user.client.ui.ButtonBase;
 import com.google.gwt.user.client.ui.Composite;
+import com.google.gwt.user.client.ui.Label;
 import com.google.gwt.user.client.ui.Widget;
 import com.google.gwt.view.client.MultiSelectionModel;
 import com.google.gwt.view.client.SelectionChangeEvent;
@@ -35,10 +37,10 @@
     private final MultiSelectionModel<EntityModel> bottomSelectionModel;
 
     @UiField
-    protected Button downButton;
+    protected SimpleDialogButton downButton;
 
     @UiField
-    protected Button upButton;
+    protected SimpleDialogButton upButton;
 
     @UiField(provided = true)
     protected EntityModelCellTable<ListModel> topTable;
@@ -46,13 +48,23 @@
     @UiField(provided = true)
     protected EntityModelCellTable<ListModel> bottomTable;
 
+    @UiField(provided = true)
+    protected Label topTitle;
+
+    @UiField(provided = true)
+    protected Label bottomTitle;
+
     @SuppressWarnings("unchecked")
     public HorizontalSplitTable(EntityModelCellTable<ListModel> topTable,
             EntityModelCellTable<ListModel> bottomTable,
+            String topTitle,
+            String bottomTitle,
             CommonApplicationConstants constants) {
 
         this.topTable = topTable;
         this.bottomTable = bottomTable;
+        this.topTitle = new Label(topTitle);
+        this.bottomTitle = new Label(bottomTitle);
         initWidget(WidgetUiBinder.uiBinder.createAndBindUi(this));
 
         topSelectionModel = (MultiSelectionModel<EntityModel>) 
topTable.getSelectionModel();
@@ -69,7 +81,7 @@
         addClickHandler(upButton);
     }
 
-    private void addSelectionHandler(final Button button) {
+    private void addSelectionHandler(final ButtonBase button) {
         final MultiSelectionModel<EntityModel> selectionModel = 
getSelectionModelForButton(button);
         selectionModel.addSelectionChangeHandler(new Handler() {
 
@@ -80,7 +92,7 @@
         });
     }
 
-    private void addClickHandler(final Button button) {
+    private void addClickHandler(final ButtonBase button) {
         button.addClickHandler(new ClickHandler() {
 
             @SuppressWarnings("unchecked")
@@ -104,7 +116,7 @@
         });
     }
 
-    private MultiSelectionModel<EntityModel> getSelectionModelForButton(Button 
button) {
+    private MultiSelectionModel<EntityModel> 
getSelectionModelForButton(ButtonBase button) {
         return (button == downButton) ? topSelectionModel : 
bottomSelectionModel;
     }
 
diff --git 
a/frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget/HorizontalSplitTable.ui.xml
 
b/frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget/HorizontalSplitTable.ui.xml
index d67b10c..ac2fcb6 100644
--- 
a/frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget/HorizontalSplitTable.ui.xml
+++ 
b/frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget/HorizontalSplitTable.ui.xml
@@ -1,37 +1,52 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent";>
 <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
-       xmlns:g="urn:import:com.google.gwt.user.client.ui" 
xmlns:e="urn:import:org.ovirt.engine.ui.common.widget.editor">
+       xmlns:g="urn:import:com.google.gwt.user.client.ui" 
xmlns:e="urn:import:org.ovirt.engine.ui.common.widget.editor"
+       xmlns:d="urn:import:org.ovirt.engine.ui.common.widget.dialog">
 
        <ui:style 
type="org.ovirt.engine.ui.common.widget.HorizontalSplitTable.Style">
-               .centerPanel {
-                       height: 100%;
-                       width: 100%;
-                       border-top: solid thin;
-                       border-bottom: solid thin;
+               .headers {
+                       font-weight: bold;
+               }
+
+               .tables {
+                       height: 200px;
+                       border-style: solid;
+                       border-width: thin;
+               }
+
+               .buttons {
+                       margin-left: 30px;
+                       margin-right: 30px;
                }
        </ui:style>
 
-       <g:DockLayoutPanel ui:field="splitLayoutPanel" height="520px" 
width="100%">
+       <g:DockLayoutPanel ui:field="splitLayoutPanel" height="500px" 
width="100%">
                <g:north size="230">
-                       <g:ScrollPanel>
-                               <e:EntityModelCellTable ui:field="topTable" />
-                       </g:ScrollPanel>
+                       <g:FlowPanel>
+                               <g:Label ui:field="topTitle" 
addStyleNames="{style.headers}" />
+                               <g:ScrollPanel addStyleNames="{style.tables}">
+                                       <e:EntityModelCellTable 
ui:field="topTable" />
+                               </g:ScrollPanel>
+                       </g:FlowPanel>
                </g:north>
                <g:center>
-                       <g:HorizontalPanel ui:field="centerPanel" 
addStyleNames="{style.centerPanel}" >
+                       <g:HorizontalPanel height="100%" width="100%">
                                <g:cell horizontalAlignment="ALIGN_CENTER" 
verticalAlignment="ALIGN_MIDDLE">
-                                       <g:Button ui:field="downButton" />
-                               </g:cell>
-                               <g:cell horizontalAlignment="ALIGN_CENTER" 
verticalAlignment="ALIGN_MIDDLE">
-                                       <g:Button ui:field="upButton" />
+                                       <g:HorizontalPanel>
+                                               <d:SimpleDialogButton 
ui:field="downButton" addStyleNames="{style.buttons}" />
+                                               <d:SimpleDialogButton 
ui:field="upButton" addStyleNames="{style.buttons}" />
+                                       </g:HorizontalPanel>
                                </g:cell>
                        </g:HorizontalPanel>
                </g:center>
                <g:south size="230">
-                       <g:ScrollPanel>
-                               <e:EntityModelCellTable ui:field="bottomTable" 
/>
-                       </g:ScrollPanel>
+                       <g:FlowPanel>
+                               <g:Label ui:field="bottomTitle" 
addStyleNames="{style.headers}" />
+                               <g:ScrollPanel addStyleNames="{style.tables}">
+                                       <e:EntityModelCellTable 
ui:field="bottomTable" />
+                               </g:ScrollPanel>
+                       </g:FlowPanel>
                </g:south>
        </g:DockLayoutPanel>
 
diff --git 
a/frontend/webadmin/modules/uicommonweb/src/main/java/org/ovirt/engine/ui/uicommonweb/models/networks/ImportNetworksModel.java
 
b/frontend/webadmin/modules/uicommonweb/src/main/java/org/ovirt/engine/ui/uicommonweb/models/networks/ImportNetworksModel.java
index 16ecf83..384e0a7 100644
--- 
a/frontend/webadmin/modules/uicommonweb/src/main/java/org/ovirt/engine/ui/uicommonweb/models/networks/ImportNetworksModel.java
+++ 
b/frontend/webadmin/modules/uicommonweb/src/main/java/org/ovirt/engine/ui/uicommonweb/models/networks/ImportNetworksModel.java
@@ -120,11 +120,12 @@
                     Iterable<StoragePool> dcList = getDataCenters().getItems();
                     externalNetwork.getDataCenters().setItems(dcList);
                     
externalNetwork.getDataCenters().setSelectedItem(Linq.firstOrDefault(dcList));
-                    externalNetwork.setPublicUse(false);
+                    externalNetwork.setPublicUse(true);
                     items.add(externalNetwork);
                 }
                 Collections.sort(items, new Linq.ExternalNetworkComparator());
                 providerNetworks.setItems(items);
+                importedNetworks.setItems(new LinkedList<ExternalNetwork>());
 
                 stopProgress();
             }
diff --git 
a/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/ApplicationConstants.java
 
b/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/ApplicationConstants.java
index 943fdab..a4480dd 100644
--- 
a/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/ApplicationConstants.java
+++ 
b/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/ApplicationConstants.java
@@ -2887,15 +2887,21 @@
     @DefaultStringValue("Name")
     String nameNetworkHeader();
 
-    @DefaultStringValue("External ID")
+    @DefaultStringValue("Provider Network ID")
     String idNetworkHeader();
 
     @DefaultStringValue("Data Center")
     String dcNetworkHeader();
 
-    @DefaultStringValue("Public Network")
+    @DefaultStringValue("Allow All")
     String publicNetwork();
 
     @DefaultStringValue("Network Provider")
     String networkProvider();
+
+    @DefaultStringValue("Provider Networks")
+    String providerNetworks();
+
+    @DefaultStringValue("Networks to Import")
+    String importedNetworks();
 }
diff --git 
a/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section/main/view/popup/provider/ImportNetworksPopupView.java
 
b/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section/main/view/popup/provider/ImportNetworksPopupView.java
index 8dee27b..92ce041 100644
--- 
a/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section/main/view/popup/provider/ImportNetworksPopupView.java
+++ 
b/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section/main/view/popup/provider/ImportNetworksPopupView.java
@@ -30,6 +30,7 @@
 import com.google.gwt.core.client.GWT;
 import com.google.gwt.editor.client.SimpleBeanEditorDriver;
 import com.google.gwt.event.shared.EventBus;
+import com.google.gwt.resources.client.CssResource;
 import com.google.gwt.safehtml.shared.SafeHtmlBuilder;
 import com.google.gwt.uibinder.client.UiBinder;
 import com.google.gwt.uibinder.client.UiField;
@@ -45,6 +46,13 @@
     interface ViewUiBinder extends UiBinder<SimpleDialogPanel, 
ImportNetworksPopupView> {
         ViewUiBinder uiBinder = GWT.create(ViewUiBinder.class);
     }
+
+    interface Style extends CssResource {
+        String providersStyle();
+    }
+
+    @UiField
+    Style style;
 
     @UiField(provided = true)
     @Path(value = "providers.selectedItem")
@@ -76,10 +84,16 @@
         });
         providerNetworks = new EntityModelCellTable<ListModel>(true, false, 
true);
         importedNetworks = new EntityModelCellTable<ListModel>(true, false, 
true);
-        splitTable = new HorizontalSplitTable(providerNetworks, 
importedNetworks, constants);
+        splitTable =
+                new HorizontalSplitTable(providerNetworks,
+                        importedNetworks,
+                        constants.providerNetworks(),
+                        constants.importedNetworks(),
+                        constants);
         initWidget(ViewUiBinder.uiBinder.createAndBindUi(this));
         initEntityModelCellTables(constants, templates);
         providersEditor.setLabel(constants.networkProvider());
+        providersEditor.addWrapperStyleName(style.providersStyle());
         driver.initialize(this);
     }
 
diff --git 
a/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section/main/view/popup/provider/ImportNetworksPopupView.ui.xml
 
b/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section/main/view/popup/provider/ImportNetworksPopupView.ui.xml
index 30e3e0a..86be241 100644
--- 
a/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section/main/view/popup/provider/ImportNetworksPopupView.ui.xml
+++ 
b/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section/main/view/popup/provider/ImportNetworksPopupView.ui.xml
@@ -4,10 +4,20 @@
        xmlns:g="urn:import:com.google.gwt.user.client.ui" 
xmlns:d="urn:import:org.ovirt.engine.ui.common.widget.dialog"
        xmlns:e="urn:import:org.ovirt.engine.ui.common.widget.editor" 
xmlns:w="urn:import:org.ovirt.engine.ui.common.widget">
 
-       <d:SimpleDialogPanel ui:field="mainPanel" width="620px" height="580px">
+       <ui:style 
type="org.ovirt.engine.ui.webadmin.section.main.view.popup.provider.ImportNetworksPopupView.Style">
+               .providersStyle {
+                       width: 400px;
+               }
+
+               .section {
+                       margin-bottom: 30px;
+               }
+       </ui:style>
+
+       <d:SimpleDialogPanel ui:field="mainPanel" width="600px" height="650px">
                <d:content>
                        <g:VerticalPanel>
-                               <g:FlowPanel>
+                               <g:FlowPanel addStyleNames="{style.section}">
                                        <e:ListModelListBoxEditor 
ui:field="providersEditor" />
                                </g:FlowPanel>
                                <w:HorizontalSplitTable ui:field="splitTable" />


-- 
To view, visit http://gerrit.ovirt.org/16651
To unsubscribe, visit http://gerrit.ovirt.org/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I247df809b2cf21488f0b6c3109294c24cb3db914
Gerrit-PatchSet: 1
Gerrit-Project: ovirt-engine
Gerrit-Branch: master
Gerrit-Owner: Lior Vernia <lver...@redhat.com>
_______________________________________________
Engine-patches mailing list
Engine-patches@ovirt.org
http://lists.ovirt.org/mailman/listinfo/engine-patches

Reply via email to