Merge pull request #35 from rsearls/wise-259-css-improvements

[WISE-259] fixed banner display. Added open/close icon to DisclosureP…

src/main/java/org/jboss/wise/gwt/client/util/Resources.java

@@ -0,0 +1,21 @@
+package org.jboss.wise.gwt.client.util;
+
+import com.google.gwt.core.client.GWT;
+import com.google.gwt.resources.client.ClientBundle;
+import com.google.gwt.resources.client.ImageResource;
+
+/**
+ * User: rsearls
+ * Date: 9/24/15
+ */
+public interface Resources extends ClientBundle
+{
+   // I added this line below
+   public static final Resources INSTANCE =  GWT.create(Resources.class);
+
+   @Source("../imageresource/arrow_closed_down.gif")
+   ImageResource openImage();
+
+   @Source("../imageresource/arrow_open_up.gif")
+   ImageResource closeImage();
+}

src/main/java/org/jboss/wise/gwt/client/widget/MessageDisplayPanel.java

@@ -7,6 +7,7 @@
 import com.google.gwt.user.client.ui.Label;
 import com.google.gwt.user.client.ui.ScrollPanel;
 import com.google.gwt.user.client.ui.VerticalPanel;
+import org.jboss.wise.gwt.client.util.Resources;
 
 /**
  * A standard layout for display of SOAP messages.
@@ -16,21 +17,21 @@
 public class MessageDisplayPanel extends HorizontalPanel {
 
    private Label msgPreviewLabel = new Label();
-   private DisclosurePanel previewlMsgDisclosure = new DisclosurePanel();
+   private DisclosurePanel previewlMsgDisclosure = new DisclosurePanel(
+      Resources.INSTANCE.openImage(), Resources.INSTANCE.closeImage(), "Message");
    private Button refreshPreviewMsgButton = new Button();
 
    public MessageDisplayPanel () {
-
       add(previewlMsgDisclosure);
-      previewlMsgDisclosure.setHeader(new Label("Message"));
       msgPreviewLabel.getElement().getStyle().setProperty("whiteSpace", "pre");
       VerticalPanel previewMsgVerticalPanel = new VerticalPanel();
       refreshPreviewMsgButton.setText("refresh");
-      previewMsgVerticalPanel.add(refreshPreviewMsgButton );
+      refreshPreviewMsgButton.addStyleName("wise-gwt-Button");
+      previewMsgVerticalPanel.add(refreshPreviewMsgButton);
       ScrollPanel previewScrollPanel = new ScrollPanel(msgPreviewLabel);
       previewMsgVerticalPanel.add(previewScrollPanel);
+      previewMsgVerticalPanel.addStyleName("wise-message-content");
       previewlMsgDisclosure.setContent(previewMsgVerticalPanel);
-
    }
 
    /**
@@ -43,7 +44,7 @@ public void setDisplayRefreshButton(boolean flag){
 
    public void setHeaderTitle(String title) {
       if (title != null) {
-         previewlMsgDisclosure.setHeader(new Label(title));
+         previewlMsgDisclosure.getHeaderTextAccessor().setText(title);
       }
    }
 

src/main/java/org/jboss/wise/gwt/client/widget/URLOverridePanel.java

@@ -26,6 +26,8 @@
 import com.google.gwt.user.client.ui.Label;
 import com.google.gwt.user.client.ui.TextBox;
 import org.jboss.wise.gwt.client.handlers.URLFieldValidator;
+import org.jboss.wise.gwt.client.util.Resources;
+
 /**
  * User: rsearls
  * Date: 8/3/15
@@ -38,9 +40,9 @@ public class URLOverridePanel extends HorizontalPanel {
 
    public URLOverridePanel() {
 
-      DisclosurePanel urlOverrideDisclosure = new DisclosurePanel();
+      DisclosurePanel urlOverrideDisclosure = new DisclosurePanel(
+         Resources.INSTANCE.openImage(), Resources.INSTANCE.closeImage(), "Run the service endpoint on another server");
       add(urlOverrideDisclosure);
-      urlOverrideDisclosure.setHeader(new Label("Run the service endpoint on another server"));
 
       HorizontalPanel hPanel = new HorizontalPanel();
       Label label = new Label("URL: ");

src/main/webapp/Main.css

@@ -95,7 +95,7 @@ th, td {
 img {
     max-width: 100%;
     height: auto;
-    width: auto\9; /* ie8 */
+    width: 100%;
 }
 
 div.endpoint {
@@ -184,7 +184,6 @@ div.urlValidationError {
 }
 
 .wise-menuPanel {
-    /*background: yellowgreen; */
     float:right;
     width: 200px;
 }
@@ -194,3 +193,8 @@ div.urlValidationError {
     font-size: 105%;
 }
 
+.wise-message-content {
+    background-color: lightgray;
+}
+
+