feat: add support for drawerBelowHeader feature

Author: mlopezFC

src/main/java/com/flowingcode/addons/applayout/AppLayout.java

@@ -183,4 +183,14 @@ public void setSwipeOpen(boolean swipeOpen) {
   public void setDrawerPersistent(boolean drawerPersistent) {
     this.getElement().setAttribute("drawerPersistent", drawerPersistent);
   }
+  
+  /**
+   * Sets the drawerBelowHeader attribute so the drawer will be show below
+   * the header of the applayout
+   * @param drawerBelowHeader
+   */
+  public void setDrawerBelowHeader(boolean drawerBelowHeader) {
+    this.getElement().setAttribute("drawerBelowHeader", drawerBelowHeader);
+  }
+
 }

src/test/java/com/flowingcode/addons/applayout/ApplayoutDemoView.java

@@ -87,6 +87,7 @@ private void applySettings() {
     app.setFixed(settings.isFixed());
     app.setReveals(settings.isReveals());
     app.setDrawerPersistent(settings.isDrawerPersistent());
+    app.setDrawerBelowHeader(settings.isDrawerBelowHeader());
 
     if (settings.isCompact()) {
       app.addClassName("compact");
@@ -107,6 +108,7 @@ private void openSettings() {
     Checkbox cbReveals = new Checkbox("Reveals");
     Checkbox cbCompact = new Checkbox("Compact");
     Checkbox cbPersistent = new Checkbox("Drawer Persistent");
+    Checkbox cbBelowHeader = new Checkbox("Drawer Below Header");
 
     cbMenuVisible.getElement().setAttribute("title", "Toggle visibility of the hamburguer icon.");
     cbSwipeOpen
@@ -127,6 +129,9 @@ private void openSettings() {
     cbPersistent
         .getElement()
         .setAttribute("title", "When enabled, the drawer will be opened in a non-modal way");
+    cbBelowHeader
+        .getElement()
+        .setAttribute("title", "When enabled, the drawer will be placed below the header");
 
     Binder<DemoSettings> binder = new Binder<>();
     binder.forField(cbMenuVisible).bind(DemoSettings::isMenuVisible, DemoSettings::setMenuVisible);
@@ -135,10 +140,11 @@ private void openSettings() {
     binder.forField(cbReveals).bind(DemoSettings::isReveals, DemoSettings::setReveals);
     binder.forField(cbCompact).bind(DemoSettings::isCompact, DemoSettings::setCompact);
     binder.forField(cbPersistent).bind(DemoSettings::isDrawerPersistent, DemoSettings::setDrawerPersistent);
+    binder.forField(cbBelowHeader).bind(DemoSettings::isDrawerBelowHeader, DemoSettings::setDrawerBelowHeader);
     binder.setBean(this.settings);
 
     VerticalLayout content =
-        new VerticalLayout(cbMenuVisible, cbSwipeOpen, cbFixed, cbReveals, cbCompact, cbPersistent);
+        new VerticalLayout(cbMenuVisible, cbSwipeOpen, cbFixed, cbReveals, cbCompact, cbPersistent, cbBelowHeader);
     content.setSpacing(false);
 
     HorizontalLayout buttons = new HorizontalLayout();

src/test/java/com/flowingcode/addons/applayout/DemoSettings.java

@@ -35,6 +35,8 @@ public class DemoSettings {
 
   private boolean drawerPersistent;
 
+  private boolean drawerBelowHeader;
+
   public boolean isEnabled() {
     return enabled;
   }
@@ -90,4 +92,13 @@ public boolean isDrawerPersistent() {
   public void setDrawerPersistent(boolean drawerPersistent) {
     this.drawerPersistent = drawerPersistent;
   }
+
+  public boolean isDrawerBelowHeader() {
+    return drawerBelowHeader;
+  }
+
+  public void setDrawerBelowHeader(boolean drawerBelowHeader) {
+    this.drawerBelowHeader = drawerBelowHeader;
+  }
+
 }