MaterialCard - Support mobile orientation feature.

Author: kevzlou7979

gwt-material/src/main/java/gwt/material/design/client/ui/MaterialCard.java

@@ -20,11 +20,13 @@
 package gwt.material.design.client.ui;
 
 import com.google.gwt.dom.client.Document;
+import com.google.gwt.event.shared.HandlerRegistration;
 import gwt.material.design.client.base.HasAxis;
 import gwt.material.design.client.base.MaterialWidget;
 import gwt.material.design.client.base.mixin.CssNameMixin;
 import gwt.material.design.client.constants.Axis;
 import gwt.material.design.client.constants.CssName;
+import gwt.material.design.client.js.Window;
 
 //@formatter:off
 
@@ -94,6 +96,8 @@
 public class MaterialCard extends MaterialWidget implements HasAxis {
 
     private final CssNameMixin<MaterialCard, Axis> axisMixin = new CssNameMixin<>(this);
+    private boolean detectOrientation = false;
+    protected HandlerRegistration orientationHandler;
 
     /**
      * Creates and empty card.
@@ -117,4 +121,32 @@ public void setAxis(Axis axis) {
     public Axis getAxis() {
         return axisMixin.getCssName();
     }
-}
+
+    public void setDetectOrientation(boolean detectOrientation) {
+        this.detectOrientation = detectOrientation;
+
+        if(orientationHandler != null) {
+            orientationHandler.removeHandler();
+            orientationHandler = null;
+        }
+
+        if(detectOrientation) {
+            orientationHandler = com.google.gwt.user.client.Window.addResizeHandler(resizeEvent -> {
+                detectAndApplyOrientation();
+            });
+            detectAndApplyOrientation();
+        }
+    }
+
+    protected void detectAndApplyOrientation() {
+        if (Window.matchMedia("(orientation: portrait)")) {
+            setAxis(Axis.VERTICAL);
+        } else {
+            setAxis(Axis.HORIZONTAL);
+        }
+    }
+
+    public boolean isDetectOrientation() {
+        return detectOrientation;
+    }
+}