From 7737151c6ed4244d309f9c48b64dd8bf1059c257 Mon Sep 17 00:00:00 2001 From: Paola De Bartolo Date: Mon, 23 Sep 2024 17:04:46 -0300 Subject: [PATCH] feat(demo): add demo for adding and removing custom controls --- .../addons/googlemaps/CustomControlsDemo.java | 103 ++++++++++++++++++ .../addons/googlemaps/GooglemapsDemoView.java | 1 + .../custom-controls-demo-styles.css | 31 ++++++ 3 files changed, 135 insertions(+) create mode 100644 src/test/java/com/flowingcode/vaadin/addons/googlemaps/CustomControlsDemo.java create mode 100644 src/test/resources/META-INF/resources/frontend/styles/google-maps/custom-controls-demo-styles.css diff --git a/src/test/java/com/flowingcode/vaadin/addons/googlemaps/CustomControlsDemo.java b/src/test/java/com/flowingcode/vaadin/addons/googlemaps/CustomControlsDemo.java new file mode 100644 index 0000000..e12df5f --- /dev/null +++ b/src/test/java/com/flowingcode/vaadin/addons/googlemaps/CustomControlsDemo.java @@ -0,0 +1,103 @@ +/*- + * #%L + * Google Maps Addon + * %% + * Copyright (C) 2020 - 2024 Flowing Code + * %% + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * #L% + */ + +package com.flowingcode.vaadin.addons.googlemaps; + +import com.flowingcode.vaadin.addons.demo.DemoSource; +import com.flowingcode.vaadin.addons.googlemaps.GoogleMap.MapType; +import com.vaadin.flow.component.button.Button; +import com.vaadin.flow.component.dependency.CssImport; +import com.vaadin.flow.component.orderedlayout.HorizontalLayout; +import com.vaadin.flow.router.PageTitle; +import com.vaadin.flow.router.Route; + +@PageTitle("Custom Controls Demo") +@DemoSource +@DemoSource( + value = "/src/test/resources/META-INF/resources/frontend/styles/google-maps/custom-controls-demo-styles.css", + caption = "custom-controls-demo-styles.css") +@Route(value = "googlemaps/custom-controls", layout = GooglemapsDemoView.class) +@CssImport("./styles/google-maps/custom-controls-demo-styles.css") +@SuppressWarnings("serial") +public class CustomControlsDemo extends AbstractGoogleMapsDemo { + + @Override + protected void createGoogleMapsDemo(String apiKey) { + GoogleMap gmaps = new GoogleMap(apiKey, null, null); + gmaps.setMapType(MapType.ROADMAP); + gmaps.setSizeFull(); + add(gmaps); + + Button customControlButton1 = new Button("Custom Control 1"); + customControlButton1.setClassName("custom-control-button"); + CustomControl customControl1 = + new CustomControl(customControlButton1, ControlPosition.TOP_CENTER); + Button customControlButton2 = new Button("Custom Control 2"); + customControlButton2.setClassName("custom-control-button"); + CustomControl customControl2 = + new CustomControl(customControlButton2, ControlPosition.LEFT_CENTER); + gmaps.setCustomControls(customControl1, customControl2); + + Button customControlButton3 = new Button("Custom Control 3"); + customControlButton3.setClassName("custom-control-button"); + CustomControl customControl3 = + new CustomControl(customControlButton3, ControlPosition.BOTTOM_CENTER); + + Button addCustomControl3Button = createDemoButton("Add Custom Control 3"); + Button removeCustomControl3Button = createDemoButton("Remove Custom Control 3"); + Button removeAllCustomControlsButton = createDemoButton("Remove all controls"); + Button resetButton = createDemoButton("Reset"); + + addCustomControl3Button.addClickListener(e -> { + gmaps.addCustomControl(customControl3); + removeCustomControl3Button.setEnabled(true); // hide-source + removeAllCustomControlsButton.setEnabled(true); // hide-source + }); + + removeCustomControl3Button.addClickListener(e -> { + gmaps.removeCustomControl(customControl3); + addCustomControl3Button.setEnabled(true); // hide-source + }); + removeCustomControl3Button.setEnabled(false); + + removeAllCustomControlsButton.addClickListener(e -> { + gmaps.removeCustomControls(); + addCustomControl3Button.setEnabled(true); // hide-source + removeCustomControl3Button.setEnabled(false); // hide-source + resetButton.setEnabled(true); // hide-source + }); + + resetButton.addClickListener(e -> { + gmaps.setCustomControls(customControl1, customControl2); + removeAllCustomControlsButton.setEnabled(true); // hide-source + addCustomControl3Button.setEnabled(true); // hide-source + removeCustomControl3Button.setEnabled(false); // hide-source + }); + + add(new HorizontalLayout(addCustomControl3Button, removeCustomControl3Button, + removeAllCustomControlsButton, resetButton)); + } + + private Button createDemoButton(String caption) { + Button button = new Button(caption); + button.setDisableOnClick(true); + return button; + } +} diff --git a/src/test/java/com/flowingcode/vaadin/addons/googlemaps/GooglemapsDemoView.java b/src/test/java/com/flowingcode/vaadin/addons/googlemaps/GooglemapsDemoView.java index 2478342..84c3486 100644 --- a/src/test/java/com/flowingcode/vaadin/addons/googlemaps/GooglemapsDemoView.java +++ b/src/test/java/com/flowingcode/vaadin/addons/googlemaps/GooglemapsDemoView.java @@ -48,6 +48,7 @@ public GooglemapsDemoView() { addDemo(CustomizedMarkerIconsDemo.class); addDemo(TrackLocationDemo.class); addDemo(StyleFeaturesDemo.class); + addDemo(CustomControlsDemo.class); setSizeFull(); } } diff --git a/src/test/resources/META-INF/resources/frontend/styles/google-maps/custom-controls-demo-styles.css b/src/test/resources/META-INF/resources/frontend/styles/google-maps/custom-controls-demo-styles.css new file mode 100644 index 0000000..c2721b9 --- /dev/null +++ b/src/test/resources/META-INF/resources/frontend/styles/google-maps/custom-controls-demo-styles.css @@ -0,0 +1,31 @@ +/*- + * #%L + * Google Maps Addon + * %% + * Copyright (C) 2020 - 2024 Flowing Code + * %% + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * #L% + */ + +.custom-control-button { + background: white; + margin: 10px; + height: 40px; + color: black; + cursor: pointer; + font-family: Arial; + font-size: 18px; + border-radius: 0; + box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; +} \ No newline at end of file