EmptyState add ability to have actions.

Author: kevzlou7979

src/main/java/gwt/material/design/addins/client/emptystate/MaterialEmptyState.java

@@ -21,16 +21,15 @@
 
 import com.google.gwt.dom.client.Document;
 import com.google.gwt.dom.client.Style.Unit;
+import com.google.gwt.user.client.ui.Widget;
 import gwt.material.design.addins.client.MaterialAddins;
 import gwt.material.design.addins.client.base.constants.AddinsCssName;
 import gwt.material.design.client.MaterialDesignBase;
 import gwt.material.design.client.base.HasIcon;
 import gwt.material.design.client.base.HasTitle;
 import gwt.material.design.client.base.MaterialWidget;
 import gwt.material.design.client.constants.*;
-import gwt.material.design.client.ui.MaterialIcon;
-import gwt.material.design.client.ui.MaterialLoader;
-import gwt.material.design.client.ui.MaterialTitle;
+import gwt.material.design.client.ui.*;
 import gwt.material.design.client.ui.html.Div;
 
 //@formatter:off
@@ -65,6 +64,7 @@ public class MaterialEmptyState extends MaterialWidget implements HasIcon, HasTi
     private boolean loading;
     private MaterialIcon icon = new MaterialIcon();
     private MaterialTitle title = new MaterialTitle();
+    private MaterialPanel actions = new MaterialPanel();
     private Div container = new Div();
 
     public MaterialEmptyState() {
@@ -91,6 +91,8 @@ protected void onLoad() {
         container.setWidth("100%");
         container.setStyleName(CssName.VALIGN + " " + CssName.CENTER);
         container.add(title);
+        actions.addStyleName("actions");
+        container.add(actions);
         title.insert(icon, 0);
     }
 
@@ -178,6 +180,12 @@ public Div getContainer() {
         return container;
     }
 
+    public void addAction(Widget widget) {
+        if (widget != null) {
+            actions.add(widget);
+        }
+    }
+
     public boolean isLoading() {
         return loading;
     }

src/main/resources/gwt/material/design/addins/client/emptystate/resources/css/empty-state.css

@@ -19,4 +19,18 @@
 
 .empty-state h4 {
     overflow-wrap: break-word;
+}
+
+.empty-state .actions a {
+    display: inline-block;
+    cursor: pointer;
+    font-size: 1.2em;
+    position: relative;
+    top: 20px;
+    font-weight: 600;
+}
+
+.empty-state .actions a i {
+    margin-top: 4px;
+    color: #1a73e8;
 }