Added dialog check to demo

Author: AB-xdev

vaadin-maps-leaflet-flow-demo/src/main/java/software/xdev/vaadin/maps/leaflet/flow/demo/LeafletView.java

@@ -5,6 +5,9 @@
 
 import com.vaadin.flow.component.ClickEvent;
 import com.vaadin.flow.component.button.Button;
+import com.vaadin.flow.component.dialog.Dialog;
+import com.vaadin.flow.component.icon.Icon;
+import com.vaadin.flow.component.icon.VaadinIcon;
 import com.vaadin.flow.component.orderedlayout.VerticalLayout;
 import com.vaadin.flow.router.Route;
 
@@ -22,9 +25,23 @@
 @Route("")
 public class LeafletView extends VerticalLayout
 {
+	private boolean viewLunch = false;
 
+	/**
+	 * UI-Components
+	 */
 	private final Button btnLunch = new Button("Where do XDEV employees go for lunch?");
-	private boolean viewLunch = false;
+	private final Button btnOpenDialog = new Button("Open dialog over map", ev ->
+	{
+		final Icon icoClose = VaadinIcon.CLOSE.create();
+		
+		final Dialog dialog = new Dialog(icoClose);
+		dialog.setWidth("50vw");
+		dialog.setHeight("50vh");
+		dialog.open();
+		
+		icoClose.addClickListener(iev -> dialog.close());
+	});
 
 	private LMap map;
 
@@ -44,7 +61,7 @@ public LeafletView()
 		this.initMapComponents();
 
 		this.btnLunch.addClickListener(this::btnLunchClick);
-		this.add(this.btnLunch);
+		this.add(this.btnLunch, this.btnOpenDialog);
 	}
 
 	private void btnLunchClick(final ClickEvent<Button> event)
@@ -132,7 +149,6 @@ private void initMapComponents()
 		this.markerLeberkaese = new LMarker(49.673800, 12.160113);
 		this.markerLeberkaese.setPopup("Fast food like Leberkäsesemmeln");
 
-		
 		this.map = new LMap(49.675126, 12.160733, 17);
 
 		this.map.setHeight("700px");