Closes #9: Add support for setting a custom component to the header of the menu (like the logged in user account details)

Author: mlopezFC

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

@@ -43,13 +43,18 @@
 public class AppDrawer extends Component implements HasComponents {
 
 	private PaperListbox pm = new PaperListbox(Arrays.asList(new Component[] {}));
+	private Component header;
 
     public AppDrawer(String title) {
+    	this(new H4(title));
+    	header.getElement().setAttribute("style", "text-align:center");
+    }
+    
+    public AppDrawer(Component headerComponent) {
+    	this.header = headerComponent;
     	getElement().setAttribute("id", "drawer");
     	getElement().setAttribute("swipe-open", true);
-    	H4 htitle = new H4(title);
-    	htitle.getElement().setAttribute("style", "text-align:center");
-    	this.add(htitle);
+    	this.add(headerComponent);
     	this.add(pm);
     }
 

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

@@ -25,6 +25,7 @@
 import java.util.Arrays;
 
 import com.flowingcode.addons.applayout.menu.MenuItem;
+import com.vaadin.flow.component.Component;
 import com.vaadin.flow.component.dependency.HtmlImport;
 import com.vaadin.flow.component.html.Div;
 import com.vaadin.flow.server.InitialPageSettings;
@@ -49,13 +50,22 @@ public class AppLayout extends Div implements PageConfigurator {
 
 	public AppLayout(String title) {
 		drawer = new AppDrawer(title);
+		configureAppLayout(title);
+	}
+	
+	public AppLayout(Component header, String title) {
+		drawer = new AppDrawer(header);
+		configureAppLayout(title);
+	}
+
+	private void configureAppLayout(String title) {
 		header = new AppHeader(title, drawer);
         add(header);
         add(drawer);
         setWidth("100%");
         setHeight("64px");
 	}
-	
+
 	public void setMenuItems(MenuItem... menuitems) {
 		drawer.setMenuItems(Arrays.asList(menuitems));
 	}

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

@@ -21,7 +21,11 @@
  */
 
 import com.flowingcode.addons.applayout.menu.MenuItem;
+import com.vaadin.flow.component.Component;
+import com.vaadin.flow.component.html.Div;
 import com.vaadin.flow.component.html.H3;
+import com.vaadin.flow.component.html.H4;
+import com.vaadin.flow.component.html.Image;
 import com.vaadin.flow.component.notification.Notification;
 import com.vaadin.flow.component.orderedlayout.VerticalLayout;
 import com.vaadin.flow.router.Route;
@@ -31,7 +35,7 @@
 public class DemoView extends VerticalLayout {
 
 	private VerticalLayout container = new VerticalLayout();
-	private final AppLayout app = new AppLayout("AppLayout Addon for Vaadin 10 Demo");
+	private final AppLayout app = new AppLayout(createAvatarComponent(), "AppLayout Addon for Vaadin 10 Demo");
 
 	public DemoView() {
 		container.setDefaultHorizontalComponentAlignment(Alignment.CENTER);
@@ -51,6 +55,16 @@ public DemoView() {
 		this.add(app, container);
 	}
 
+	private Component createAvatarComponent() {
+		Div container = new Div();
+		container.getElement().setAttribute("style", "text-align: center;");
+		Image i = new Image("/frontend/images/avatar.png","avatar");
+		i.getElement().setAttribute("style", "width: 80px; margin-top:20px");
+		H4 h4 = new H4("User");
+		container.add(i,h4);
+		return container;
+	}
+
 	private MenuItem[] createMenuItems() {
 		MenuItem mi = new MenuItem("Say hello", "star", () -> showContent("Hello!"));
 		return new MenuItem[] {mi ,