diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..b175ed5 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,10 @@ +root = true + +[*] +charset = utf-8 +end_of_line = lf +indent_size = 4 +indent_style = space +insert_final_newline = true +max_line_length = 120 +tab_width = 4 diff --git a/README.md b/README.md index 7e278a3..fe2aae8 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,8 @@ -# gmd-core-demo 2.5.0 +# gmd-core-demo 2.6.1 A modern demo for GMD widgets. ### Related Demo sites -- [2.2 Demo](https://gwtmaterialdesign.github.io/gwt-material-demo/#countUp) +- [2.2 Demo](https://gwtmaterialdesign.github.io/gwt-material-demo/#countUp) - [Addins](https://gwtmaterialdesign.github.io/gmd-addins-demo/) - [DataTable](https://gwtmaterialdesign.github.io/gmd-table-demo/) - [AmCharts](https://gwtmaterialdesign.github.io/gmd-amcharts4-demo/) @@ -13,3 +13,7 @@ Note: You must know Git and Maven before as prerequisites 2. Open the project on your desired IDE (Intellij IDE or Eclipse) 3. Install the project using `mvn clean install` 4. Then run the project using `mvn gwt:codeserver` + +Note: If you are using java 17,21 and IntelliJ Ultimate +you need to add VM Options : --add-opens java.base/java.lang=ALL-UNNAMED +and Dev Mode Parameters : -port 8891 -codeServerPort 9879 diff --git a/bin/sw-template.js b/bin/sw-template.js index b6b96c3..f213b05 100644 --- a/bin/sw-template.js +++ b/bin/sw-template.js @@ -3,7 +3,7 @@ var cacheName = '{{cacheName}}'; var filesToCache = [ {{#each filesToCache}} '{{.}}'{{#unless @last}},{{/unless}} {{/each}} - ]; + ] /** @@ -59,4 +59,4 @@ event.respondWith( return response || fetch(event.request); }) ); -}); \ No newline at end of file +}); diff --git a/package.json b/package.json index f4a1778..8794c3d 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "description": "Service worker generator", "main": "bin/sw-builder.js", "dependencies": { - "handlebars": "^4.0.11" + "handlebars": "^4.7.8" }, "devDependencies": {}, "scripts": { diff --git a/pom.xml b/pom.xml index 6d067b6..376dba5 100644 --- a/pom.xml +++ b/pom.xml @@ -7,9 +7,9 @@ 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. @@ -33,10 +33,10 @@ gmd-core-demo 1 UTF-8 - 2.9.0 + 2.11.0 1.6 2.1.2 - 2.7.0-SNAPSHOT + 2.8.3 1.8 1.8 @@ -105,7 +105,9 @@ + org.apache.maven.plugins maven-resources-plugin + 3.3.1 copy-resources @@ -130,7 +132,7 @@ com.github.eirslett frontend-maven-plugin - 1.6 + 1.15.0 install node and npm @@ -176,7 +178,7 @@ - com.google.gwt + org.gwtproject gwt ${gwt.version} pom @@ -188,22 +190,22 @@ - com.google.gwt + org.gwtproject gwt-user provided - com.google.gwt + org.gwtproject gwt-dev provided - javax.servlet - javax.servlet-api - 3.1.0 - provided + jakarta.servlet + jakarta.servlet-api + 6.1.0-M1 + provided @@ -245,11 +247,17 @@ - - junit - junit - 4.13.1 - test - + + org.junit.jupiter + junit-jupiter-api + 5.10.1 + test + + + junit + junit + 4.13.1 + test + diff --git a/src/main/java/gmd/core/demo/GmdCoreDemo.gwt.xml b/src/main/java/gmd/core/demo/GmdCoreDemo.gwt.xml index 8bad68d..52f31df 100644 --- a/src/main/java/gmd/core/demo/GmdCoreDemo.gwt.xml +++ b/src/main/java/gmd/core/demo/GmdCoreDemo.gwt.xml @@ -21,7 +21,7 @@ + "http://gwtproject.org/doctype/2.7.0/gwt-module.dtd"> @@ -45,6 +45,6 @@ - + diff --git a/src/main/java/gmd/core/demo/client/application/ApplicationModule.java b/src/main/java/gmd/core/demo/client/application/ApplicationModule.java index 440c1a3..7fdd410 100644 --- a/src/main/java/gmd/core/demo/client/application/ApplicationModule.java +++ b/src/main/java/gmd/core/demo/client/application/ApplicationModule.java @@ -7,9 +7,9 @@ * 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. @@ -95,6 +95,6 @@ protected void configure() { install(new TextFieldModule()); bindPresenter(ApplicationPresenter.class, ApplicationPresenter.MyView.class, ApplicationView.class, - ApplicationPresenter.MyProxy.class); + ApplicationPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/ApplicationPresenter.java b/src/main/java/gmd/core/demo/client/application/ApplicationPresenter.java index 42111e1..0c3e3db 100644 --- a/src/main/java/gmd/core/demo/client/application/ApplicationPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/ApplicationPresenter.java @@ -62,7 +62,7 @@ interface MyView extends View, HasUiHandlers { void setupSearch(); } - private PlaceManager manager; + private final PlaceManager manager; public static final NestedSlot SLOT_MAIN = new NestedSlot(); diff --git a/src/main/java/gmd/core/demo/client/application/ApplicationView.java b/src/main/java/gmd/core/demo/client/application/ApplicationView.java index f2721c8..e767e7e 100644 --- a/src/main/java/gmd/core/demo/client/application/ApplicationView.java +++ b/src/main/java/gmd/core/demo/client/application/ApplicationView.java @@ -39,7 +39,12 @@ import gwt.material.design.client.constants.Blur; import gwt.material.design.client.constants.Color; import gwt.material.design.client.constants.OverlayOption; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.ui.MaterialFAB; +import gwt.material.design.client.ui.MaterialLabel; +import gwt.material.design.client.ui.MaterialLink; +import gwt.material.design.client.ui.MaterialPanel; +import gwt.material.design.client.ui.MaterialRow; +import gwt.material.design.client.ui.MaterialSideNavPush; import gwt.material.design.client.ui.animate.MaterialAnimation; import gwt.material.design.client.ui.animate.Transition; import gwt.material.design.incubator.client.search.InlineSearch; @@ -52,6 +57,42 @@ public class ApplicationView extends ViewWithUiHandlers implements ApplicationPresenter.MyView { + private void onWindowScroll(Window.ScrollEvent event) { + boolean isInViewPort = new ScrollHelper().isInViewPort(title); + if (!isInViewPort) { + if (!scrolling) { + MaterialAnimation animation = new MaterialAnimation(); + animation.setTransition(Transition.FADEINUP); + animation.animate(navBrand); + navBrand.setText(title.getText()); + scrolling = true; + } + + } else { + MaterialAnimation animation = new MaterialAnimation(); + animation.setTransition(Transition.FADEINUP); + animation.animate(navBrand); + navBrand.setText(""); + scrolling = false; + } + + if (event.getScrollTop() > 320) { + if (fabUp.getOpacity() == 0) { + MaterialAnimation animation = new MaterialAnimation(); + animation.setTransition(Transition.ZOOMIN); + animation.animate(fabUp, () -> fabUp.setOpacity(1)); + } + } else { + if (fabUp.getOpacity() == 1) { + MaterialAnimation animation = new MaterialAnimation(); + animation.setTransition(Transition.ZOOMOUT); + animation.animate(fabUp, () -> { + fabUp.setOpacity(0); + }); + } + } + } + interface Binder extends UiBinder { } @@ -114,43 +155,7 @@ public void setupSideNav(List links) { @Override public void setupHeader() { - Window.addWindowScrollHandler(event -> { - boolean isInViewPort = new ScrollHelper().isInViewPort(title); - if (!isInViewPort) { - if (!scrolling) { - MaterialAnimation animation = new MaterialAnimation(); - animation.setTransition(Transition.FADEINUP); - animation.animate(navBrand); - navBrand.setText(title.getText()); - scrolling = true; - } - - } else { - MaterialAnimation animation = new MaterialAnimation(); - animation.setTransition(Transition.FADEINUP); - animation.animate(navBrand); - navBrand.setText(""); - scrolling = false; - } - - if (event.getScrollTop() > 320) { - if (fabUp.getOpacity() == 0) { - MaterialAnimation animation = new MaterialAnimation(); - animation.setTransition(Transition.ZOOMIN); - animation.animate(fabUp, () -> { - fabUp.setOpacity(1); - }); - } - } else { - if (fabUp.getOpacity() == 1) { - MaterialAnimation animation = new MaterialAnimation(); - animation.setTransition(Transition.ZOOMOUT); - animation.animate(fabUp, () -> { - fabUp.setOpacity(0); - }); - } - } - }); + Window.addWindowScrollHandler(this::onWindowScroll); } @Override diff --git a/src/main/java/gmd/core/demo/client/application/ApplicationView.ui.xml b/src/main/java/gmd/core/demo/client/application/ApplicationView.ui.xml index 92a959c..82db995 100644 --- a/src/main/java/gmd/core/demo/client/application/ApplicationView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/ApplicationView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -18,7 +18,6 @@ #L% --> @@ -31,7 +30,8 @@ - + @@ -40,7 +40,8 @@ - + @@ -53,13 +54,15 @@ - + - - + + @@ -69,18 +72,21 @@ - + - - + + - + diff --git a/src/main/java/gmd/core/demo/client/application/events/ContentPushEvent.java b/src/main/java/gmd/core/demo/client/application/events/ContentPushEvent.java index d626526..98e383c 100644 --- a/src/main/java/gmd/core/demo/client/application/events/ContentPushEvent.java +++ b/src/main/java/gmd/core/demo/client/application/events/ContentPushEvent.java @@ -9,9 +9,9 @@ * 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. @@ -34,7 +34,8 @@ public interface ContentPushHandler extends EventHandler { public static final Type TYPE = new Type<>(); - public ContentPushEvent() {} + public ContentPushEvent() { + } public static void fire(HasHandlers source) { source.fireEvent(new ContentPushEvent()); @@ -49,4 +50,4 @@ public Type getAssociatedType() { protected void dispatch(ContentPushHandler handler) { handler.onContentPush(this); } -} \ No newline at end of file +} diff --git a/src/main/java/gmd/core/demo/client/application/model/DataHelper.java b/src/main/java/gmd/core/demo/client/application/model/DataHelper.java index b21d13d..60d5d2c 100644 --- a/src/main/java/gmd/core/demo/client/application/model/DataHelper.java +++ b/src/main/java/gmd/core/demo/client/application/model/DataHelper.java @@ -5,7 +5,7 @@ public class DataHelper { - public static List getAllHeroes(){ + public static List getAllHeroes() { List heroes = new ArrayList<>(); heroes.add(new Hero("https://gwtmaterialdesign.github.io/gwt-material-demo/images/batman.png", "Batman", "Batman's secret identity is Bruce Wayne, an American billionaire, playboy, philanthropist, and owner of Wayne Enterprises. After witnessing the murder of his parents as a child, he swore revenge on criminals, an oath tempered by a sense of justice. Wayne trains himself both physically and intellectually and crafts a bat-inspired persona to fight crime.", 5)); heroes.add(new Hero("https://gwtmaterialdesign.github.io/gwt-material-demo/images/captain_america.png", "Captain America", "Captain America wears a costume that bears an American flag motif, and is armed with a nearly indestructible shield that he throws at foes. The character is usually depicted as the alter ego of Steve Rogers, a frail young man enhanced to the peak of human perfection by an experimental serum to aid the United States government's imminent efforts in World War II.", 5)); diff --git a/src/main/java/gmd/core/demo/client/application/model/DemoImageDTO.java b/src/main/java/gmd/core/demo/client/application/model/DemoImageDTO.java index 5a2e240..4ad4c26 100644 --- a/src/main/java/gmd/core/demo/client/application/model/DemoImageDTO.java +++ b/src/main/java/gmd/core/demo/client/application/model/DemoImageDTO.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/java/gmd/core/demo/client/application/model/DemoImagePanel.java b/src/main/java/gmd/core/demo/client/application/model/DemoImagePanel.java index bf193d5..50940f6 100644 --- a/src/main/java/gmd/core/demo/client/application/model/DemoImagePanel.java +++ b/src/main/java/gmd/core/demo/client/application/model/DemoImagePanel.java @@ -7,9 +7,9 @@ * 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. @@ -21,16 +21,17 @@ import gmd.core.demo.client.application.widget.CodeSection; import gwt.material.design.client.constants.Color; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.ui.MaterialAnchorButton; +import gwt.material.design.client.ui.MaterialImage; /** * Created by kevzl on 4/13/2017. */ public class DemoImagePanel extends CodeSection { - private MaterialImage image = new MaterialImage(""); - private MaterialAnchorButton source = new MaterialAnchorButton("Source"); - private MaterialAnchorButton demo = new MaterialAnchorButton("Demo"); + private final MaterialImage image = new MaterialImage(""); + private final MaterialAnchorButton source = new MaterialAnchorButton("Source"); + private final MaterialAnchorButton demo = new MaterialAnchorButton("Demo"); public DemoImagePanel(DemoImageDTO dto) { super(); diff --git a/src/main/java/gmd/core/demo/client/application/model/FieldState.java b/src/main/java/gmd/core/demo/client/application/model/FieldState.java index 675205a..44d3eb3 100644 --- a/src/main/java/gmd/core/demo/client/application/model/FieldState.java +++ b/src/main/java/gmd/core/demo/client/application/model/FieldState.java @@ -7,9 +7,9 @@ * 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. @@ -31,7 +31,7 @@ public enum FieldState { DISABLED(""); - private String message; + private final String message; FieldState(String message) { this.message = message; diff --git a/src/main/java/gmd/core/demo/client/application/model/Hero.java b/src/main/java/gmd/core/demo/client/application/model/Hero.java index 4a6b2ec..d79a429 100644 --- a/src/main/java/gmd/core/demo/client/application/model/Hero.java +++ b/src/main/java/gmd/core/demo/client/application/model/Hero.java @@ -9,9 +9,9 @@ * 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. @@ -21,7 +21,6 @@ */ -import com.google.gwt.resources.client.ImageResource; import gwt.material.design.client.base.SearchObject; @@ -34,7 +33,8 @@ public class Hero extends SearchObject { private String description; private int power; - public Hero() {} + public Hero() { + } public Hero(String imgProfile, String name, String description, int power) { super(imgProfile, name); diff --git a/src/main/java/gmd/core/demo/client/application/model/User.java b/src/main/java/gmd/core/demo/client/application/model/User.java index 0fa586b..cb32184 100644 --- a/src/main/java/gmd/core/demo/client/application/model/User.java +++ b/src/main/java/gmd/core/demo/client/application/model/User.java @@ -9,9 +9,9 @@ * 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. @@ -56,7 +56,8 @@ public String getValue() { private Position position; - public User() {} + public User() { + } public User(String picture, String name, String email) { this.picture = picture; @@ -147,4 +148,4 @@ public Position getPosition() { public void setPosition(Position position) { this.position = position; } -} \ No newline at end of file +} diff --git a/src/main/java/gmd/core/demo/client/application/model/UserOracle.java b/src/main/java/gmd/core/demo/client/application/model/UserOracle.java index 263a1d2..d95caea 100644 --- a/src/main/java/gmd/core/demo/client/application/model/UserOracle.java +++ b/src/main/java/gmd/core/demo/client/application/model/UserOracle.java @@ -9,9 +9,9 @@ * 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. @@ -27,9 +27,9 @@ import java.util.LinkedList; import java.util.List; -public class UserOracle extends MaterialSuggestionOracle{ +public class UserOracle extends MaterialSuggestionOracle { - private List contacts = new LinkedList<>(); + private final List contacts = new LinkedList<>(); public void addContacts(List users) { contacts.addAll(users); @@ -38,7 +38,7 @@ public void addContacts(List users) { @Override public void requestSuggestions(Request request, Callback callback) { Response resp = new Response(); - if(contacts.isEmpty()){ + if (contacts.isEmpty()) { callback.onSuggestionsReady(request, resp); return; } @@ -47,8 +47,8 @@ public void requestSuggestions(Request request, Callback callback) { List list = new ArrayList<>(); - for(User contact : contacts){ - if(contact.getName().toLowerCase().contains(text)){ + for (User contact : contacts) { + if (contact.getName().toLowerCase().contains(text)) { list.add(new UserSuggestion(contact)); } } @@ -56,4 +56,4 @@ public void requestSuggestions(Request request, Callback callback) { resp.setSuggestions(list); callback.onSuggestionsReady(request, resp); } -} \ No newline at end of file +} diff --git a/src/main/java/gmd/core/demo/client/application/model/UserSuggestion.java b/src/main/java/gmd/core/demo/client/application/model/UserSuggestion.java index d0241e3..bae50d1 100644 --- a/src/main/java/gmd/core/demo/client/application/model/UserSuggestion.java +++ b/src/main/java/gmd/core/demo/client/application/model/UserSuggestion.java @@ -9,9 +9,9 @@ * 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. @@ -28,7 +28,7 @@ */ public class UserSuggestion implements SuggestOracle.Suggestion { - private User user; + private final User user; public UserSuggestion(User user) { this.user = user; diff --git a/src/main/java/gmd/core/demo/client/application/navigation/Component.java b/src/main/java/gmd/core/demo/client/application/navigation/Component.java index 46cce8b..0fab930 100644 --- a/src/main/java/gmd/core/demo/client/application/navigation/Component.java +++ b/src/main/java/gmd/core/demo/client/application/navigation/Component.java @@ -8,7 +8,8 @@ public class Component { private String javaSource; private String xmlSource; - public Component() {} + public Component() { + } public Component(String name, String description, String href) { this.name = name; @@ -48,9 +49,9 @@ public void setDescription(String description) { public static String generateName(String href) { String output = href.replaceAll("([A-Z][a-z]+)", " $1") // Words beginning with UC - .replaceAll("([A-Z][A-Z]+)", " $1") // "Words" of only UC - .replaceAll("([^A-Za-z ]+)", " $1") // "Words" of non-letters - .trim(); + .replaceAll("([A-Z][A-Z]+)", " $1") // "Words" of only UC + .replaceAll("([^A-Za-z ]+)", " $1") // "Words" of non-letters + .trim(); output = output.substring(0, 1).toUpperCase() + output.substring(1); return output; diff --git a/src/main/java/gmd/core/demo/client/application/navigation/Dashboard.java b/src/main/java/gmd/core/demo/client/application/navigation/Dashboard.java index 331c3a5..56ed37d 100644 --- a/src/main/java/gmd/core/demo/client/application/navigation/Dashboard.java +++ b/src/main/java/gmd/core/demo/client/application/navigation/Dashboard.java @@ -22,7 +22,6 @@ public Dashboard(String title, String url, String image) { } - public Dashboard(String title, String description, String url, String image, boolean enabled) { this.title = title; this.description = description; diff --git a/src/main/java/gmd/core/demo/client/application/navigation/NavigationService.java b/src/main/java/gmd/core/demo/client/application/navigation/NavigationService.java index 5330e2d..5f14061 100644 --- a/src/main/java/gmd/core/demo/client/application/navigation/NavigationService.java +++ b/src/main/java/gmd/core/demo/client/application/navigation/NavigationService.java @@ -7,7 +7,7 @@ public class NavigationService { - private static List components = new ArrayList<>(); + private static final List components = new ArrayList<>(); static { components.add(new Component("Get Started", "", "/")); diff --git a/src/main/java/gmd/core/demo/client/application/page/AppPresenter.java b/src/main/java/gmd/core/demo/client/application/page/AppPresenter.java index df54043..8fd8de4 100644 --- a/src/main/java/gmd/core/demo/client/application/page/AppPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/AppPresenter.java @@ -20,7 +20,10 @@ import gwt.material.design.client.base.MaterialWidget; import gwt.material.design.client.base.helper.ScrollHelper; import gwt.material.design.client.constants.HideOn; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.ui.MaterialLink; +import gwt.material.design.client.ui.MaterialLoader; +import gwt.material.design.client.ui.MaterialPushpin; +import gwt.material.design.client.ui.MaterialScrollspy; public class AppPresenter> extends Presenter { @@ -29,7 +32,7 @@ public class AppPresenter> extends Presenter< MaterialDesignBase.injectJs(AppResources.INSTANCE.highlightJs()); } - private PlaceManager placeManager; + private final PlaceManager placeManager; private MaterialScrollspy scrollspy; public AppPresenter(EventBus eventBus, V view, P proxy, GwtEvent.Type> slot, PlaceManager placeManager) { @@ -54,11 +57,10 @@ protected void onReveal() { Component component = NavigationService.get(placeManager.getCurrentPlaceRequest().getNameToken()); String source = AppConstants.GITHUB_SOURCE_CODE + getView().getClass().getName().replace(".", "/"); + assert component != null; component.setJavaSource(source + ".java"); component.setXmlSource(source + ".ui.xml"); - if (component != null) { - ApplicationView.setComponent(component); - } + ApplicationView.setComponent(component); ApplicationView.showHeader(true); @@ -108,8 +110,8 @@ protected void createTableOfContents() { } public static native void initPre() /*-{ - $wnd.jQuery(document).ready(function() { - $wnd.jQuery('pre').each(function(i, block) { + $wnd.jQuery(document).ready(function () { + $wnd.jQuery('pre').each(function (i, block) { $wnd.hljs.highlightBlock(block); }); }); diff --git a/src/main/java/gmd/core/demo/client/application/page/animation/AnimationModule.java b/src/main/java/gmd/core/demo/client/application/page/animation/AnimationModule.java index 7127839..37d1f26 100644 --- a/src/main/java/gmd/core/demo/client/application/page/animation/AnimationModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/animation/AnimationModule.java @@ -25,6 +25,6 @@ public class AnimationModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(AnimationPresenter.class, AnimationPresenter.MyView.class, AnimationView.class, - AnimationPresenter.MyProxy.class); + AnimationPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/animation/AnimationPresenter.java b/src/main/java/gmd/core/demo/client/application/page/animation/AnimationPresenter.java index 2370cd8..fa876a6 100644 --- a/src/main/java/gmd/core/demo/client/application/page/animation/AnimationPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/animation/AnimationPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject AnimationPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/animation/AnimationView.java b/src/main/java/gmd/core/demo/client/application/page/animation/AnimationView.java index a19fb85..2a07801 100644 --- a/src/main/java/gmd/core/demo/client/application/page/animation/AnimationView.java +++ b/src/main/java/gmd/core/demo/client/application/page/animation/AnimationView.java @@ -26,7 +26,12 @@ import com.google.gwt.uibinder.client.UiHandler; import com.google.gwt.user.client.ui.Widget; import com.gwtplatform.mvp.client.ViewImpl; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.ui.MaterialButton; +import gwt.material.design.client.ui.MaterialCard; +import gwt.material.design.client.ui.MaterialImage; +import gwt.material.design.client.ui.MaterialListBox; +import gwt.material.design.client.ui.MaterialRow; +import gwt.material.design.client.ui.MaterialToast; import gwt.material.design.client.ui.animate.MaterialAnimation; import gwt.material.design.client.ui.animate.Transition; import gwt.material.design.client.ui.html.UnorderedList; diff --git a/src/main/java/gmd/core/demo/client/application/page/animation/AnimationView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/animation/AnimationView.ui.xml index 9753529..1727185 100644 --- a/src/main/java/gmd/core/demo/client/application/page/animation/AnimationView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/animation/AnimationView.ui.xml @@ -28,162 +28,185 @@ 
-// Will make all the animations to 4times slower
-// Available options are: FASTEST, FASTER, FAST, NORMAL, SLOW, SLOWER, SLOWEST
-AnimationGlobalConfig.SPEED = AnimationSpeed.SLOWEST
+                    // Will make all the animations to 4times slower
+                    // Available options are: FASTEST, FASTER, FAST, NORMAL, SLOW, SLOWER, SLOWEST
+                    AnimationGlobalConfig.SPEED = AnimationSpeed.SLOWEST
 
-// Will log all the animation properties on the browser's console
-AnimationGlobalConfig.ENABLE_DEBUGGING = true
+                    // Will log all the animation properties on the browser's console
+                    AnimationGlobalConfig.ENABLE_DEBUGGING = true
 
-// Will disable the animation that is present into your application
-AnimationGlobalConfig.ENABLE_ANIMATION = false;
+                    // Will disable the animation that is present into your application
+                    AnimationGlobalConfig.ENABLE_ANIMATION = false;
- + - - + + - - + + - + 
-    MaterialAnimation animation = new MaterialAnimation();
-    animation.setTransition(transition);
-    animation.setDelay(0);
-    animation.setDuration(1000);
-    animation.setInfinite(false);
-    animation.animate(card);
+                    MaterialAnimation animation = new MaterialAnimation();
+                    animation.setTransition(transition);
+                    animation.setDelay(0);
+                    animation.setDuration(1000);
+                    animation.setInfinite(false);
+                    animation.animate(card);
- + - + 
-    MaterialAnimation animation = new MaterialAnimation();
-    animation.setTransition(transition);
-    animation.setDelay(0);
-    animation.setDuration(1000);
-    animation.setInfinite(true);
-    animation.animate(card);
+                    MaterialAnimation animation = new MaterialAnimation();
+                    animation.setTransition(transition);
+                    animation.setDelay(0);
+                    animation.setDuration(1000);
+                    animation.setInfinite(true);
+                    animation.animate(card);
- + 
-    MaterialAnimation animation = new MaterialAnimation();
-    animation.setDelay(0);
-    animation.setDuration(1000);
-    animation.transition(Transition.FLIPINX);
-    animation.animate(iconCallback, () -> {
-        MaterialToast.fireToast("Animation is finished");
-    });
+                    MaterialAnimation animation = new MaterialAnimation();
+                    animation.setDelay(0);
+                    animation.setDuration(1000);
+                    animation.transition(Transition.FLIPINX);
+                    animation.animate(iconCallback, () -> {
+                    MaterialToast.fireToast("Animation is finished");
+                    });
- + - + - - - - + + + + + + + + + + + + 
-    <m:MaterialButton ui:field="btnStaggered" text="Click Me" waves="LIGHT" marginBottom="20"/>
-    <m.html:UnorderedList ui:field="listContainer">
-        <m.html:ListItem opacity="0"><m:MaterialTitle title="List Item" description="List Item"/></m.html:ListItem>
-        <m.html:ListItem opacity="0"><m:MaterialTitle title="List Item" description="List Item"/></m.html:ListItem>
-        <m.html:ListItem opacity="0"><m:MaterialTitle title="List Item" description="List Item"/></m.html:ListItem>
-        <m.html:ListItem opacity="0"><m:MaterialTitle title="List Item" description="List Item"/></m.html:ListItem>
-    </m.html:UnorderedList>
+                    <m:MaterialButton ui:field="btnStaggered" text="Click Me" waves="LIGHT" marginBottom="20"/>
+                    <m.html:UnorderedList ui:field="listContainer">
+                    <m.html:ListItem opacity="0"><m:MaterialTitle title="List Item" description="List Item"/></m.html:ListItem>
+                    <m.html:ListItem opacity="0"><m:MaterialTitle title="List Item" description="List Item"/></m.html:ListItem>
+                    <m.html:ListItem opacity="0"><m:MaterialTitle title="List Item" description="List Item"/></m.html:ListItem>
+                    <m.html:ListItem opacity="0"><m:MaterialTitle title="List Item" description="List Item"/></m.html:ListItem>
+                    </m.html:UnorderedList>
                 
-    @UiHandler("btnStaggered")
-    void onStaggered(ClickEvent e) {
-        MaterialAnimation gridAnimation = new MaterialAnimation();
-        gridAnimation.setTransition(Transition.SHOW_STAGGERED_LIST);
-        gridAnimation.animate(listContainer);
-    }
+                    @UiHandler("btnStaggered")
+                    void onStaggered(ClickEvent e) {
+                    MaterialAnimation gridAnimation = new MaterialAnimation();
+                    gridAnimation.setTransition(Transition.SHOW_STAGGERED_LIST);
+                    gridAnimation.animate(listContainer);
+                    }
 
-    @UiHandler("btnHideStaggered")
-    void onHideStaggered(ClickEvent e) {
-        MaterialAnimation gridAnimation = new MaterialAnimation();
-        gridAnimation.setTransition(Transition.HIDE_STAGGERED_LIST);
-        gridAnimation.animate(listContainer);
-    }
+                    @UiHandler("btnHideStaggered")
+                    void onHideStaggered(ClickEvent e) {
+                    MaterialAnimation gridAnimation = new MaterialAnimation();
+                    gridAnimation.setTransition(Transition.HIDE_STAGGERED_LIST);
+                    gridAnimation.animate(listContainer);
+                    }
- - - + + + 
-    <m:MaterialButton ui:field="btnFade" text="Click Me" waves="LIGHT" />
-    <m:MaterialImage opacity="0" ui:field="image" url="https://www.topofandroid.com/wp-content/uploads/2015/05/Android-L-Material-Design-Wallpapers-5.png"  caption="I love Material Design"/>
+                    <m:MaterialButton ui:field="btnFade" text="Click Me" waves="LIGHT" />
+                    <m:MaterialImage opacity="0" ui:field="image"
+                    url="https://www.topofandroid.com/wp-content/uploads/2015/05/Android-L-Material-Design-Wallpapers-5.png"
+                    caption="I love Material Design"/>
                 
-    @UiHandler("btnStaggered")
-    void onStaggered(ClickEvent e) {
-        MaterialAnimation gridAnimation = new MaterialAnimation();
-        gridAnimation.setTransition(Transition.SHOW_STAGGERED_LIST);
-        gridAnimation.animate(listContainer);
-    }
+                    @UiHandler("btnStaggered")
+                    void onStaggered(ClickEvent e) {
+                    MaterialAnimation gridAnimation = new MaterialAnimation();
+                    gridAnimation.setTransition(Transition.SHOW_STAGGERED_LIST);
+                    gridAnimation.animate(listContainer);
+                    }
- + - + - + - - + + @@ -192,11 +215,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -205,11 +229,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -218,11 +243,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -231,11 +257,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -244,11 +271,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -257,11 +285,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -270,11 +299,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -283,11 +313,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -296,11 +327,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -309,11 +341,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -322,11 +355,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -335,11 +369,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -348,11 +383,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -361,11 +397,12 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + @@ -374,50 +411,52 @@ AnimationGlobalConfig.ENABLE_ANIMATION = false; - + - - + + 
-    <m:MaterialRow ui:field="gridPanel" opacity="0">
-        <m:MaterialColumn grid="l3">
-            <m:MaterialCard backgroundColor="BLUE_GREY_DARKEN_1">
-                <m:MaterialCardContent textColor="WHITE">
+                    <m:MaterialRow ui:field="gridPanel" opacity="0">
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard backgroundColor="BLUE_GREY_DARKEN_1">
+                    <m:MaterialCardContent textColor="WHITE">
                     <m:MaterialCardTitle text="Sample" iconType="POLYMER" iconPosition="RIGHT"/>
-                    <m:MaterialLabel text="I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively." />
-                </m:MaterialCardContent>
-                <m:MaterialCardAction>
+                    <m:MaterialLabel text="I am a very simple card. I am good at containing small bits of
+                    information. I am convenient because I require little markup to use effectively." />
+                    </m:MaterialCardContent>
+                    <m:MaterialCardAction>
                     <m:MaterialLink text="Link 1" />
                     <m:MaterialLink text="Link 1" />
-                </m:MaterialCardAction>
-            </m:MaterialCard>
-        </m:MaterialColumn>
-        
-        ..... Other columns
-    </m:MaterialRow>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+
+                    ..... Other columns
+                    </m:MaterialRow>
                 
-    @UiHandler("btnCloseGrid")
-    void onCloseGrid(ClickEvent e) {
-        MaterialAnimation gridAnimation = new MaterialAnimation();
-        gridAnimation.setTransition(Transition.CLOSE_GRID);
-        gridAnimation.animate(gridPanel);
-    }
+                    @UiHandler("btnCloseGrid")
+                    void onCloseGrid(ClickEvent e) {
+                    MaterialAnimation gridAnimation = new MaterialAnimation();
+                    gridAnimation.setTransition(Transition.CLOSE_GRID);
+                    gridAnimation.animate(gridPanel);
+                    }
 
-    @UiHandler("btnShowGrid")
-    void onShowGrid(ClickEvent e) {
-        MaterialAnimation gridAnimation = new MaterialAnimation();
-        gridAnimation.setTransition(Transition.SHOW_GRID);
-        gridAnimation.animate(gridPanel);
-    }
+                    @UiHandler("btnShowGrid")
+                    void onShowGrid(ClickEvent e) {
+                    MaterialAnimation gridAnimation = new MaterialAnimation();
+                    gridAnimation.setTransition(Transition.SHOW_GRID);
+                    gridAnimation.animate(gridPanel);
+                    }
diff --git a/src/main/java/gmd/core/demo/client/application/page/badge/BadgeModule.java b/src/main/java/gmd/core/demo/client/application/page/badge/BadgeModule.java index 9aa991b..c137f45 100644 --- a/src/main/java/gmd/core/demo/client/application/page/badge/BadgeModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/badge/BadgeModule.java @@ -7,9 +7,9 @@ * 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. @@ -25,6 +25,6 @@ public class BadgeModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(BadgePresenter.class, BadgePresenter.MyView.class, BadgeView.class, - BadgePresenter.MyProxy.class); + BadgePresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/badge/BadgePresenter.java b/src/main/java/gmd/core/demo/client/application/page/badge/BadgePresenter.java index 24852d9..3b4156d 100644 --- a/src/main/java/gmd/core/demo/client/application/page/badge/BadgePresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/badge/BadgePresenter.java @@ -7,9 +7,9 @@ * 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. @@ -21,7 +21,6 @@ import com.google.inject.Inject; import com.google.web.bindery.event.shared.EventBus; -import com.gwtplatform.mvp.client.Presenter; import com.gwtplatform.mvp.client.View; import com.gwtplatform.mvp.client.annotations.NameToken; import com.gwtplatform.mvp.client.annotations.ProxyStandard; @@ -42,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject BadgePresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/badge/BadgeView.java b/src/main/java/gmd/core/demo/client/application/page/badge/BadgeView.java index 6ec5b02..22a99fe 100644 --- a/src/main/java/gmd/core/demo/client/application/page/badge/BadgeView.java +++ b/src/main/java/gmd/core/demo/client/application/page/badge/BadgeView.java @@ -7,9 +7,9 @@ * 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. @@ -23,8 +23,6 @@ import com.google.gwt.uibinder.client.UiField; import com.google.gwt.user.client.ui.Widget; import com.gwtplatform.mvp.client.ViewImpl; -import gmd.core.demo.client.resources.AppResources; -import gwt.material.design.client.MaterialDesignBase; import gwt.material.design.client.ui.MaterialPanel; import javax.inject.Inject; @@ -41,8 +39,4 @@ interface Binder extends UiBinder { initWidget(uiBinder.createAndBindUi(this)); } - @Override - protected void onAttach() { - super.onAttach(); - } } diff --git a/src/main/java/gmd/core/demo/client/application/page/badge/BadgeView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/badge/BadgeView.ui.xml index c565c5a..f14ec92 100644 --- a/src/main/java/gmd/core/demo/client/application/page/badge/BadgeView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/badge/BadgeView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -18,145 +18,146 @@ #L% --> + xmlns:m='urn:import:gwt.material.design.client.ui' + xmlns:widget="urn:import:gmd.core.demo.client.application.widget" + xmlns:g="urn:import:com.google.gwt.user.client.ui"> - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + - - 
-	<m:MaterialCollection>
-		<m:MaterialCollectionItem>
-			<m:MaterialLink text="Sample 1">
-				<m:MaterialBadge text="1 new" textColor="WHITE"/>
-			</m:MaterialLink>
-		</m:MaterialCollectionItem>
-		<m:MaterialCollectionItem>
-			<m:MaterialLink text="Sample 2">
-				<m:MaterialBadge text="1 new" textColor="WHITE"/>
-			</m:MaterialLink>
-		</m:MaterialCollectionItem>
-		<m:MaterialCollectionItem>
-			<m:MaterialLink text="Collecton 3"/>
-		</m:MaterialCollectionItem>
-		<m:MaterialCollectionItem>
-			<m:MaterialLink text="Collecton 4"/>
-		</m:MaterialCollectionItem>
-	</m:MaterialCollection>
-
- - + + 
+                    <m:MaterialCollection>
+                    <m:MaterialCollectionItem>
+                    <m:MaterialLink text="Sample 1">
+                    <m:MaterialBadge text="1 new" textColor="WHITE"/>
+                    </m:MaterialLink>
+                    </m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem>
+                    <m:MaterialLink text="Sample 2">
+                    <m:MaterialBadge text="1 new" textColor="WHITE"/>
+                    </m:MaterialLink>
+                    </m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem>
+                    <m:MaterialLink text="Collecton 3"/>
+                    </m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem>
+                    <m:MaterialLink text="Collecton 4"/>
+                    </m:MaterialCollectionItem>
+                    </m:MaterialCollection>
+
+ + - - - - - - - - - - - + + + + + + + + + + + - - 
-	<!-- Activator -->
-	<m:MaterialButton activates="dp-4" text="Dropdown" iconType="ARROW_DROP_DOWN" iconPosition="RIGHT"
-					  textColor="WHITE"/>
-	<!-- My Drop Down -->
-	<m:MaterialDropDown activator="dp-4" belowOrigin="false" constrainWidth="true">
-		<m:MaterialLink text="First"/>
-		<m:MaterialLink text="Second">
-			<m:MaterialBadge text="1 new" textColor="WHITE"/>
-		</m:MaterialLink>
-		<m:MaterialLink text="Third"/>
-	</m:MaterialDropDown>
-
- - + + 
+                    <!-- Activator -->
+                    <m:MaterialButton activates="dp-4" text="Dropdown" iconType="ARROW_DROP_DOWN"
+                    iconPosition="RIGHT"
+                    textColor="WHITE"/>
+                    <!-- My Drop Down -->
+                    <m:MaterialDropDown activator="dp-4" belowOrigin="false" constrainWidth="true">
+                    <m:MaterialLink text="First"/>
+                    <m:MaterialLink text="Second">
+                    <m:MaterialBadge text="1 new" textColor="WHITE"/>
+                    </m:MaterialLink>
+                    <m:MaterialLink text="Third"/>
+                    </m:MaterialDropDown>
+
+ + - - - - - - - - - - - - 
-	<m:MaterialNavBar width="100%">
-		<m:MaterialNavSection hideOn="NONE" float="RIGHT">
-			<m:MaterialLink text="One"/>
-			<m:MaterialLink text="Two" paddingLeft="0" paddingRight="0">
-				<m:MaterialBadge text="New" backgroundColor="RED"/>
-			</m:MaterialLink>
-			<m:MaterialLink text="Three"/>
-		</m:MaterialNavSection>
-	</m:MaterialNavBar>
-
- - + + + + + + + + + + + + 
+                    <m:MaterialNavBar width="100%">
+                    <m:MaterialNavSection hideOn="NONE" float="RIGHT">
+                    <m:MaterialLink text="One"/>
+                    <m:MaterialLink text="Two" paddingLeft="0" paddingRight="0">
+                    <m:MaterialBadge text="New" backgroundColor="RED"/>
+                    </m:MaterialLink>
+                    <m:MaterialLink text="Three"/>
+                    </m:MaterialNavSection>
+                    </m:MaterialNavBar>
+
+ + - - - - - - - - - - - - - - - 
-	<m:MaterialNavBar width="100%">
-		<m:MaterialNavSection hideOn="NONE" float="LEFT">
-			<!-- Nav Sections with Badge components beside the icon if any -->
-			<m:MaterialLink textColor="WHITE" href="#" iconPosition="NONE" iconType="SEARCH"
-							layoutPosition="RELATIVE"/>
-			<m:MaterialLink textColor="WHITE" href="#" iconPosition="NONE" iconType="NOTIFICATIONS"
-							layoutPosition="RELATIVE">
-				<m:MaterialBadge text="2" backgroundColor="PINK" textColor="WHITE" circle="true"/>
-			</m:MaterialLink>
-			<m:MaterialLink textColor="WHITE" href="#" iconPosition="NONE" iconType="BOOKMARK_BORDER"
-							layoutPosition="RELATIVE">
-				<m:MaterialBadge text="21" backgroundColor="PINK" textColor="WHITE" circle="true"/>
-			</m:MaterialLink>
-		</m:MaterialNavSection>
-	</m:MaterialNavBar>
-
- - - + + + + + + + + + + + + + + + 
+                    <m:MaterialNavBar width="100%">
+                    <m:MaterialNavSection hideOn="NONE" float="LEFT">
+                    <!-- Nav Sections with Badge components beside the icon if any -->
+                    <m:MaterialLink textColor="WHITE" href="#" iconPosition="NONE" iconType="SEARCH"
+                    layoutPosition="RELATIVE"/>
+                    <m:MaterialLink textColor="WHITE" href="#" iconPosition="NONE" iconType="NOTIFICATIONS"
+                    layoutPosition="RELATIVE">
+                    <m:MaterialBadge text="2" backgroundColor="PINK" textColor="WHITE" circle="true"/>
+                    </m:MaterialLink>
+                    <m:MaterialLink textColor="WHITE" href="#" iconPosition="NONE" iconType="BOOKMARK_BORDER"
+                    layoutPosition="RELATIVE">
+                    <m:MaterialBadge text="21" backgroundColor="PINK" textColor="WHITE" circle="true"/>
+                    </m:MaterialLink>
+                    </m:MaterialNavSection>
+                    </m:MaterialNavBar>
+
+ + + diff --git a/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbModule.java b/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbModule.java index b7e1345..9402c19 100644 --- a/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbModule.java @@ -7,9 +7,9 @@ * 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. @@ -25,6 +25,6 @@ public class BreadcrumbModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(BreadcrumbPresenter.class, BreadcrumbPresenter.MyView.class, BreadcrumbView.class, - BreadcrumbPresenter.MyProxy.class); + BreadcrumbPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbPresenter.java b/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbPresenter.java index 3be80b2..2f64d3f 100644 --- a/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject BreadcrumbPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbView.java b/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbView.java index e4d76d4..4def06f 100644 --- a/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbView.java +++ b/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbView.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbView.ui.xml index cd3785b..496766d 100644 --- a/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/breadcrumb/BreadcrumbView.ui.xml @@ -32,11 +32,11 @@ 
-    <m:MaterialNavBar>
-        <m:MaterialBreadcrumb marginLeft="12" text="First"/>
-        <m:MaterialBreadcrumb text="Second"/>
-        <m:MaterialBreadcrumb text="Third"/>
-    </m:MaterialNavBar>
+                    <m:MaterialNavBar>
+                    <m:MaterialBreadcrumb marginLeft="12" text="First"/>
+                    <m:MaterialBreadcrumb text="Second"/>
+                    <m:MaterialBreadcrumb text="Third"/>
+                    </m:MaterialNavBar>
@@ -50,11 +50,11 @@ 
-    <m:MaterialNavBar>
-        <m:MaterialBreadcrumb marginLeft="12" iconType="POLYMER"/>
-        <m:MaterialBreadcrumb iconType="STAR"/>
-        <m:MaterialBreadcrumb iconType="MOTORCYCLE"/>
-    </m:MaterialNavBar>
+                    <m:MaterialNavBar>
+                    <m:MaterialBreadcrumb marginLeft="12" iconType="POLYMER"/>
+                    <m:MaterialBreadcrumb iconType="STAR"/>
+                    <m:MaterialBreadcrumb iconType="MOTORCYCLE"/>
+                    </m:MaterialNavBar>
@@ -68,11 +68,11 @@ 
-    <m:MaterialNavBar>
-        <m:MaterialBreadcrumb marginLeft="12" iconPosition="LEFT" iconType="POLYMER" text="First"/>
-        <m:MaterialBreadcrumb iconPosition="LEFT" iconType="STAR" text="Second"/>
-        <m:MaterialBreadcrumb iconPosition="LEFT" iconType="MOTORCYCLE" text="Third"/>
-    </m:MaterialNavBar>
+                    <m:MaterialNavBar>
+                    <m:MaterialBreadcrumb marginLeft="12" iconPosition="LEFT" iconType="POLYMER" text="First"/>
+                    <m:MaterialBreadcrumb iconPosition="LEFT" iconType="STAR" text="Second"/>
+                    <m:MaterialBreadcrumb iconPosition="LEFT" iconType="MOTORCYCLE" text="Third"/>
+                    </m:MaterialNavBar>
diff --git a/src/main/java/gmd/core/demo/client/application/page/button/ButtonModule.java b/src/main/java/gmd/core/demo/client/application/page/button/ButtonModule.java index 881f1ad..5dd7acb 100644 --- a/src/main/java/gmd/core/demo/client/application/page/button/ButtonModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/button/ButtonModule.java @@ -7,9 +7,9 @@ * 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. @@ -25,6 +25,6 @@ public class ButtonModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(ButtonPresenter.class, ButtonPresenter.MyView.class, ButtonView.class, - ButtonPresenter.MyProxy.class); + ButtonPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/button/ButtonPresenter.java b/src/main/java/gmd/core/demo/client/application/page/button/ButtonPresenter.java index f907db1..15b9301 100644 --- a/src/main/java/gmd/core/demo/client/application/page/button/ButtonPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/button/ButtonPresenter.java @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject ButtonPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } diff --git a/src/main/java/gmd/core/demo/client/application/page/button/ButtonView.java b/src/main/java/gmd/core/demo/client/application/page/button/ButtonView.java index b5016b5..601e75c 100644 --- a/src/main/java/gmd/core/demo/client/application/page/button/ButtonView.java +++ b/src/main/java/gmd/core/demo/client/application/page/button/ButtonView.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/java/gmd/core/demo/client/application/page/button/ButtonView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/button/ButtonView.ui.xml index 6f36251..2c8216e 100644 --- a/src/main/java/gmd/core/demo/client/application/page/button/ButtonView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/button/ButtonView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -23,170 +23,226 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - - + + - - - + + + - + 
-    <m:MaterialButton margin="8" text="Button" waves="DEFAULT" backgroundColor="WHITE"  textColor="BLACK"/>
-    <m:MaterialButton margin="8" text="Primary" waves="LIGHT" textColor="WHITE" iconType="POLYMER" iconPosition="LEFT"/>
-    <m:MaterialButton margin="8" text="Disabled" waves="LIGHT" iconType="POLYMER" iconPosition="RIGHT" enabled="false"/>
-    <m:MaterialButton margin="8" text="Warn" waves="LIGHT" backgroundColor="RED" textColor="WHITE" iconType="POLYMER" iconPosition="RIGHT"/>
-    <m:MaterialButton margin="8" text="Icon Color" waves="RED" backgroundColor="WHITE" textColor="BLACK" iconType="POLYMER" iconPosition="RIGHT" iconColor="RED"/>
+                    <m:MaterialButton margin="8" text="Button" waves="DEFAULT" backgroundColor="WHITE"
+                    textColor="BLACK"/>
+                    <m:MaterialButton margin="8" text="Primary" waves="LIGHT" textColor="WHITE" iconType="POLYMER"
+                    iconPosition="LEFT"/>
+                    <m:MaterialButton margin="8" text="Disabled" waves="LIGHT" iconType="POLYMER"
+                    iconPosition="RIGHT" enabled="false"/>
+                    <m:MaterialButton margin="8" text="Warn" waves="LIGHT" backgroundColor="RED" textColor="WHITE"
+                    iconType="POLYMER" iconPosition="RIGHT"/>
+                    <m:MaterialButton margin="8" text="Icon Color" waves="RED" backgroundColor="WHITE"
+                    textColor="BLACK" iconType="POLYMER" iconPosition="RIGHT" iconColor="RED"/>
- - - - - - + + + + + + - + 
-    <m:MaterialButton margin="8" type="OUTLINED" text="Button" waves="DEFAULT"  textColor="BLACK"/>
-    <m:MaterialButton margin="8" type="OUTLINED" text="Primary" border="1px solid #42a5f5" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-    <m:MaterialButton margin="8" type="OUTLINED" text="Disabled" waves="LIGHT" iconType="POLYMER" iconPosition="RIGHT" enabled="false"/>
-    <m:MaterialButton margin="8" type="OUTLINED" text="Warn" border="1px solid #f44336" textColor="RED" iconType="POLYMER" iconPosition="RIGHT"/>
-    <m:MaterialButton margin="8" type="OUTLINED" text="Icon Color" waves="RED" backgroundColor="WHITE" textColor="BLACK" iconType="POLYMER" iconPosition="RIGHT" iconColor="RED"/>
+                    <m:MaterialButton margin="8" type="OUTLINED" text="Button" waves="DEFAULT" textColor="BLACK"/>
+                    <m:MaterialButton margin="8" type="OUTLINED" text="Primary" border="1px solid #42a5f5"
+                    textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialButton margin="8" type="OUTLINED" text="Disabled" waves="LIGHT" iconType="POLYMER"
+                    iconPosition="RIGHT" enabled="false"/>
+                    <m:MaterialButton margin="8" type="OUTLINED" text="Warn" border="1px solid #f44336"
+                    textColor="RED" iconType="POLYMER" iconPosition="RIGHT"/>
+                    <m:MaterialButton margin="8" type="OUTLINED" text="Icon Color" waves="RED"
+                    backgroundColor="WHITE" textColor="BLACK" iconType="POLYMER" iconPosition="RIGHT" iconColor="RED"/>
- - - + + + - - - + + + 
-    <m:MaterialButton margin="8" type="FLOATING" waves="LIGHT" size="LARGE" backgroundColor="RED" iconType="CAKE" />
-    <m:MaterialButton margin="8" type="FLOATING" waves="LIGHT" size="LARGE" iconType="ANDROID" />
-    <m:MaterialButton margin="8" type="FLOATING" waves="LIGHT" size="LARGE" iconType="MESSAGE" enabled="false"/>
-    <m:MaterialButton margin="8" type="FLOATING" waves="LIGHT" size="LARGE" iconType="GROUP" />
-    <m:MaterialButton margin="8" type="FLOATING" waves="LIGHT" size="LARGE" backgroundColor="RED" iconType="CAKE" />
-    <m:MaterialButton margin="8" type="FLOATING" waves="DEFAULT" size="LARGE" backgroundColor="WHITE" iconColor="GREEN" iconType="ANDROID" />
+                    <m:MaterialButton margin="8" type="FLOATING" waves="LIGHT" size="LARGE" backgroundColor="RED"
+                    iconType="CAKE" />
+                    <m:MaterialButton margin="8" type="FLOATING" waves="LIGHT" size="LARGE" iconType="ANDROID" />
+                    <m:MaterialButton margin="8" type="FLOATING" waves="LIGHT" size="LARGE" iconType="MESSAGE"
+                    enabled="false"/>
+                    <m:MaterialButton margin="8" type="FLOATING" waves="LIGHT" size="LARGE" iconType="GROUP" />
+                    <m:MaterialButton margin="8" type="FLOATING" waves="LIGHT" size="LARGE" backgroundColor="RED"
+                    iconType="CAKE" />
+                    <m:MaterialButton margin="8" type="FLOATING" waves="DEFAULT" size="LARGE" backgroundColor="WHITE"
+                    iconColor="GREEN" iconType="ANDROID" />
- - - - - + + + + + - + 
-    <m:MaterialButton margin="8" text="Button" textColor="BLACK" type="FLAT" waves="DEFAULT" />
-    <m:MaterialButton margin="8" text="Primary (No Waves)" textColor="BLUE" type="FLAT" />
-    <m:MaterialButton margin="8" text="Disabled" type="FLAT" waves="DEFAULT"  enabled="false" />
-    <m:MaterialButton margin="8" text="Warn" textColor="RED" type="FLAT" waves="RED" />
+                    <m:MaterialButton margin="8" text="Button" textColor="BLACK" type="FLAT" waves="DEFAULT" />
+                    <m:MaterialButton margin="8" text="Primary (No Waves)" textColor="BLUE" type="FLAT" />
+                    <m:MaterialButton margin="8" text="Disabled" type="FLAT" waves="DEFAULT" enabled="false" />
+                    <m:MaterialButton margin="8" text="Warn" textColor="RED" type="FLAT" waves="RED" />
- + - - + + - + 
-    <m:MaterialButton margin="8" text="Button" waves="LIGHT" size="LARGE"/>
-    <m:MaterialButton margin="8" text="Button" waves="LIGHT" iconType="POLYMER" iconPosition="LEFT" size="LARGE"/>
-    <m:MaterialButton margin="8" text="Button" waves="LIGHT" iconType="POLYMER" iconPosition="RIGHT" size="LARGE"/>
+                    <m:MaterialButton margin="8" text="Button" waves="LIGHT" size="LARGE"/>
+                    <m:MaterialButton margin="8" text="Button" waves="LIGHT" iconType="POLYMER" iconPosition="LEFT"
+                    size="LARGE"/>
+                    <m:MaterialButton margin="8" text="Button" waves="LIGHT" iconType="POLYMER" iconPosition="RIGHT"
+                    size="LARGE"/>
- + - - + + - + 
-    <m:MaterialIcon margin="8" iconType="MENU" iconColor="BLUE" waves="DEFAULT" circle="true"/>
-    <m:MaterialIcon margin="8" iconType="FAVORITE" iconColor="RED" waves="DEFAULT" enabled="false" circle="true"/>
-    <m:MaterialIcon margin="8" iconType="MORE_VERT" iconColor="GREY" waves="DEFAULT" circle="true"/>
+                    <m:MaterialIcon margin="8" iconType="MENU" iconColor="BLUE" waves="DEFAULT" circle="true"/>
+                    <m:MaterialIcon margin="8" iconType="FAVORITE" iconColor="RED" waves="DEFAULT" enabled="false"
+                    circle="true"/>
+                    <m:MaterialIcon margin="8" iconType="MORE_VERT" iconColor="GREY" waves="DEFAULT" circle="true"/>
- - + + - + - + 
-    <m:MaterialButton margin="8" text="Button" iconType="POLYMER" iconPosition="LEFT" size="LARGE" enabled="false"/>
-    <m:MaterialButton margin="8" text="Button" iconType="POLYMER" iconPosition="LEFT" enabled="false"/>
-    <m:MaterialButton margin="8" text="Button" type="FLAT" enabled="false"/>
-    <m:MaterialButton margin="8" type="FLOATING"  iconType="POLYMER" enabled="false"/>
+                    <m:MaterialButton margin="8" text="Button" iconType="POLYMER" iconPosition="LEFT" size="LARGE"
+                    enabled="false"/>
+                    <m:MaterialButton margin="8" text="Button" iconType="POLYMER" iconPosition="LEFT"
+                    enabled="false"/>
+                    <m:MaterialButton margin="8" text="Button" type="FLAT" enabled="false"/>
+                    <m:MaterialButton margin="8" type="FLOATING" iconType="POLYMER" enabled="false"/>
- - - - + + + + - + 
-    <m:MaterialButton margin="8" ui:field="btnClick" text="Click Me" waves="LIGHT" textColor="WHITE" iconType="POLYMER" iconPosition="LEFT"/>
-    <m:MaterialButton margin="8" ui:field="btnHover" text="Hover Me" waves="LIGHT" textColor="WHITE" iconType="POLYMER" iconPosition="LEFT"/>
-    <m:MaterialButton margin="8" ui:field="btnDoubleClick" text="Double Click Me" waves="LIGHT" textColor="WHITE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialButton margin="8" ui:field="btnClick" text="Click Me" waves="LIGHT" textColor="WHITE"
+                    iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialButton margin="8" ui:field="btnHover" text="Hover Me" waves="LIGHT" textColor="WHITE"
+                    iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialButton margin="8" ui:field="btnDoubleClick" text="Double Click Me" waves="LIGHT"
+                    textColor="WHITE" iconType="POLYMER" iconPosition="LEFT"/>
                 
-    @UiHandler("btnClick")
-    void onClick(ClickEvent e) {
-        MaterialToast.fireToast("Click Triggered");
-        btnClick.setText("Clicked");
-    }
-
-    @UiHandler("btnHover")
-    void onHover(MouseOverEvent e) {
-        MaterialToast.fireToast("Hover Triggered");
-        btnHover.setText("Hovered");
-    }
-
-    @UiHandler("btnDoubleClick")
-    void onDoubleClick(DoubleClickEvent e) {
-        MaterialToast.fireToast("Double Click Triggered");
-        btnDoubleClick.setText("Double Clicked");
-    }
+                    @UiHandler("btnClick")
+                    void onClick(ClickEvent e) {
+                    MaterialToast.fireToast("Click Triggered");
+                    btnClick.setText("Clicked");
+                    }
+
+                    @UiHandler("btnHover")
+                    void onHover(MouseOverEvent e) {
+                    MaterialToast.fireToast("Hover Triggered");
+                    btnHover.setText("Hovered");
+                    }
+
+                    @UiHandler("btnDoubleClick")
+                    void onDoubleClick(DoubleClickEvent e) {
+                    MaterialToast.fireToast("Double Click Triggered");
+                    btnDoubleClick.setText("Double Clicked");
+                    }
- - - - - + + + + + - + 
-    <m:MaterialLink href="#normal" text="Normal Link" textColor="RED" iconType="POLYMER" iconPosition="LEFT" grid=" "/>
-    <m:MaterialLink href="#material" text="Link with Href" textColor="RED" iconType="POLYMER" iconPosition="LEFT" grid=" "/>
-    <m:MaterialLink href="#design" text="Link with Different Icon color" textColor="BLACK" iconType="POLYMER" iconPosition="LEFT" iconColor="RED" grid=" "/>
-    <m:MaterialLink href="#design" text="Disabled Link" textColor="BLACK" iconType="POLYMER" iconPosition="LEFT" iconColor="RED" enabled="false"/>
+                    <m:MaterialLink href="#normal" text="Normal Link" textColor="RED" iconType="POLYMER"
+                    iconPosition="LEFT" grid=" "/>
+                    <m:MaterialLink href="#material" text="Link with Href" textColor="RED" iconType="POLYMER"
+                    iconPosition="LEFT" grid=" "/>
+                    <m:MaterialLink href="#design" text="Link with Different Icon color" textColor="BLACK"
+                    iconType="POLYMER" iconPosition="LEFT" iconColor="RED" grid=" "/>
+                    <m:MaterialLink href="#design" text="Disabled Link" textColor="BLACK" iconType="POLYMER"
+                    iconPosition="LEFT" iconColor="RED" enabled="false"/>
diff --git a/src/main/java/gmd/core/demo/client/application/page/cards/CardModule.java b/src/main/java/gmd/core/demo/client/application/page/cards/CardModule.java index 0743d42..1e118a7 100644 --- a/src/main/java/gmd/core/demo/client/application/page/cards/CardModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/cards/CardModule.java @@ -7,9 +7,9 @@ * 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. @@ -25,6 +25,6 @@ public class CardModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(CardPresenter.class, CardPresenter.MyView.class, CardView.class, - CardPresenter.MyProxy.class); + CardPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/cards/CardPresenter.java b/src/main/java/gmd/core/demo/client/application/page/cards/CardPresenter.java index e7e5824..9f52351 100644 --- a/src/main/java/gmd/core/demo/client/application/page/cards/CardPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/cards/CardPresenter.java @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject CardPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/cards/CardView.java b/src/main/java/gmd/core/demo/client/application/page/cards/CardView.java index 25a8f48..fad72be 100644 --- a/src/main/java/gmd/core/demo/client/application/page/cards/CardView.java +++ b/src/main/java/gmd/core/demo/client/application/page/cards/CardView.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/java/gmd/core/demo/client/application/page/cards/CardView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/cards/CardView.ui.xml index 058bced..3527ef6 100644 --- a/src/main/java/gmd/core/demo/client/application/page/cards/CardView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/cards/CardView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -18,1127 +18,1127 @@ #L% --> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
-					<m:MaterialCard backgroundColor="BLUE_GREY_DARKEN_1">
-					<m:MaterialCardContent textColor="WHITE">
-					<m:MaterialCardTitle text="Sample" iconType="POLYMER" iconPosition="RIGHT"/>
-					<m:MaterialLabel text="I am a very simple card. I am good at containing small bits of
-					information. I am convenient because I require little markup to use effectively." />
-					</m:MaterialCardContent>
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" iconType="POLYMER"/>
-					<m:MaterialLink text="Link 1" iconType="POLYMER"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.png"/>
-					<m:MaterialCardTitle text="Sample"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialLabel text="I am a very simple card. I am good at containing small bits of
-					information. I am convenient because I require little markup to use effectively." />
-					</m:MaterialCardContent>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" />
-					<m:MaterialLink text="Link 1" />
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
-					<m:MaterialCard orientation="LANDSCAPE" detectOrientation="true">
-					<m:MaterialCardImage waves="LIGHT">
-					<m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/wind-mill.gif"
-					height="126px" />
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialLabel text="Title of your card" fontSize="1.5em" truncate="true"/>
-					<m:MaterialLabel secondary="true" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit"
-					truncate="true"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink iconType="SHARE" textColor="BLACK" />
-					<m:MaterialLink iconType="LOCATION_ON" textColor="RED" />
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-
- - - - - - - - - - - - - - - - - - - - - - - - - 
-					<m:MaterialCard orientation="LANDSCAPE" detectOrientation="true">
-					<m:MaterialCardImage waves="LIGHT">
-					<m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/wind-mill.gif"
-					height="126px"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialLabel text="Title of your card" fontSize="1.5em" truncate="true"/>
-					<m:MaterialLabel secondary="true" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit"
-					truncate="true"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink iconType="SHARE" textColor="BLACK" />
-					<m:MaterialLink iconType="LOCATION_ON" textColor="RED" />
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/wind-mill.gif"
-					/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" />
-					<m:MaterialLink text="Link 1" textColor="BLUE" />
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
-					<m:MaterialCard>
-					<m:MaterialCardContent>
-					<m:MaterialRow marginBottom="0">
-					<m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/profile.jpg"
-					width="50" height="50" circle="true" float="LEFT" marginRight="20"/>
-					<m:MaterialLabel fontWeight="BOLD" text="Mark Kevin Baldemor" fontSize="1.2em" float="LEFT"
-					marginTop="20"/>
-					<m:MaterialLabel text="2d" textColor="GREY" float="RIGHT" marginTop="20" marginRight="20"/>
-					</m:MaterialRow>
-					<m:MaterialRow marginBottom="0" padding="20">
-					<m:MaterialLabel text="Amazingly clear seas of the Philippines" />
-					<m:MaterialRow marginBottom="0">
-					<m:MaterialChip margin="4" text="#philippines" backgroundColor="BLUE" textColor="WHITE"
-					float="LEFT"/>
-					<m:MaterialChip margin="4" text="#vacation" backgroundColor="BLUE" textColor="WHITE"
-					float="LEFT"/>
-					<m:MaterialChip margin="4" text="#holiday" backgroundColor="BLUE" textColor="WHITE"
-					float="LEFT"/>
-					<m:MaterialChip margin="4" text="#sea" backgroundColor="BLUE" textColor="WHITE" float="LEFT"/>
-					</m:MaterialRow>
-					</m:MaterialRow>
-					</m:MaterialCardContent>
-					<m:MaterialCardImage>
-					<m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/boat.png" />
-					</m:MaterialCardImage>
-					<m:MaterialCardAction padding="0">
-					<m:MaterialRow margin="12">
-					<m:MaterialButton type="FLOATING" iconType="PLUS_ONE" iconColor="GREY"
-					backgroundColor="GREY_LIGHTEN_2" shadow="0" float="LEFT"/>
-					<m:MaterialLabel text="310" textColor="GREY" float="LEFT" marginTop="12" marginLeft="12"/>
-					<m:MaterialLabel text="1000" textColor="GREY" float="RIGHT" marginTop="12" marginLeft="12"/>
-					<m:MaterialButton type="FLOATING" iconType="SHARE" iconColor="GREY"
-					backgroundColor="GREY_LIGHTEN_2" shadow="0" float="RIGHT"/>
-					</m:MaterialRow>
-					<!-- Collection items for comments -->
-					<m:MaterialCollection>
-					<m:MaterialCollectionItem type="AVATAR">
-					<m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/yuna.jpg"
-					circle="true" width="40px" height="40px"/>
-					<m:MaterialLabel text="Yuna" fontWeight="BOLD" />
-					<m:MaterialLabel text="I grew up in the island of the Philippines. The water is clear. Some are
-					not sandy. Water is just the right temperature." />
-					</m:MaterialCollectionItem>
-					</m:MaterialCollection>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
-					<m:MaterialCard backgroundColor="INDIGO_LIGHTEN_1">
-					<m:MaterialCardImage>
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card-1.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-					<m:MaterialCardContent textColor="WHITE" height="120px">
-					<m:MaterialImage layoutPosition="ABSOLUTE" marginTop="-32"
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/profile.jpg" circle="true"
-					width="32px" height="32px" />
-					<m:MaterialLabel fontSize="1.5em" text="Android Development Patterns"/>
-					<m:MaterialLabel opacity="0.6" marginTop="4" text="Android Developers" />
-					</m:MaterialCardContent>
-					<m:MaterialCardAction>
-					<m:MaterialLink text="FOLLOW" fontSize="1.5em" fontWeight="BOLDER" textColor="WHITE"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
-					<m:MaterialRow ui:field="rowCards" layoutPosition="RELATIVE" opacity="0">
-					<m:MaterialColumn grid="l3">
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-					</m:MaterialColumn>
-
-					<m:MaterialColumn grid="l3">
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-					</m:MaterialColumn>
-
-					<m:MaterialColumn grid="l3">
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-					</m:MaterialColumn>
-
-					<m:MaterialColumn grid="l3">
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-					</m:MaterialColumn>
-
-					<m:MaterialColumn grid="l3">
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-					</m:MaterialColumn>
-
-					<m:MaterialColumn grid="l3">
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-					</m:MaterialColumn>
-
-					<m:MaterialColumn grid="l3">
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-					</m:MaterialColumn>
-
-					<m:MaterialColumn grid="l3">
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-					</m:MaterialColumn>
-
-					<m:MaterialColumn grid="l3">
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-					</m:MaterialColumn>
-
-					<m:MaterialColumn grid="l3">
-					<m:MaterialCard >
-					<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage
-					url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
-					fallbackExtension="png"/>
-					</m:MaterialCardImage>
-
-					<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
-					</m:MaterialCardContent>
-
-					<m:MaterialCardReveal>
-					<m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
-					<m:MaterialLabel text="Here is some more information about this product that is only revealed
-					once clicked on." />
-					</m:MaterialCardReveal>
-
-					<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					<m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
-					</m:MaterialCardAction>
-					</m:MaterialCard>
-					</m:MaterialColumn>
-					</m:MaterialRow>
-
- - - 
-					@UiField
-					MaterialRow rowCards;
-
-					@UiHandler("btnShow")
-					void onShow(ClickEvent e) {
-					new MaterialAnimation().transition(Transition.SHOW_GRID).animate(rowCards);
-					}
-
- - - + xmlns:m='urn:import:gwt.material.design.client.ui' + xmlns:widget="urn:import:gmd.core.demo.client.application.widget" + xmlns:g="urn:import:com.google.gwt.user.client.ui" + xmlns:ma="urn:import:gwt.material.design.addins.client"> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
+                    <m:MaterialCard backgroundColor="BLUE_GREY_DARKEN_1">
+                    <m:MaterialCardContent textColor="WHITE">
+                    <m:MaterialCardTitle text="Sample" iconType="POLYMER" iconPosition="RIGHT"/>
+                    <m:MaterialLabel text="I am a very simple card. I am good at containing small bits of
+                    information. I am convenient because I require little markup to use effectively." />
+                    </m:MaterialCardContent>
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" iconType="POLYMER"/>
+                    <m:MaterialLink text="Link 1" iconType="POLYMER"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.png"/>
+                    <m:MaterialCardTitle text="Sample"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialLabel text="I am a very simple card. I am good at containing small bits of
+                    information. I am convenient because I require little markup to use effectively." />
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" />
+                    <m:MaterialLink text="Link 1" />
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
+                    <m:MaterialCard orientation="LANDSCAPE" detectOrientation="true">
+                    <m:MaterialCardImage waves="LIGHT">
+                    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/wind-mill.gif"
+                    height="126px" />
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialLabel text="Title of your card" fontSize="1.5em" truncate="true"/>
+                    <m:MaterialLabel secondary="true" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit"
+                    truncate="true"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink iconType="SHARE" textColor="BLACK" />
+                    <m:MaterialLink iconType="LOCATION_ON" textColor="RED" />
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+
+ + + + + + + + + + + + + + + + + + + + + + + + + 
+                    <m:MaterialCard orientation="LANDSCAPE" detectOrientation="true">
+                    <m:MaterialCardImage waves="LIGHT">
+                    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/wind-mill.gif"
+                    height="126px"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialLabel text="Title of your card" fontSize="1.5em" truncate="true"/>
+                    <m:MaterialLabel secondary="true" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit"
+                    truncate="true"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink iconType="SHARE" textColor="BLACK" />
+                    <m:MaterialLink iconType="LOCATION_ON" textColor="RED" />
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/wind-mill.gif"
+                    />
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" />
+                    <m:MaterialLink text="Link 1" textColor="BLUE" />
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
+                    <m:MaterialCard>
+                    <m:MaterialCardContent>
+                    <m:MaterialRow marginBottom="0">
+                    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/profile.jpg"
+                    width="50" height="50" circle="true" float="LEFT" marginRight="20"/>
+                    <m:MaterialLabel fontWeight="BOLD" text="Mark Kevin Baldemor" fontSize="1.2em" float="LEFT"
+                    marginTop="20"/>
+                    <m:MaterialLabel text="2d" textColor="GREY" float="RIGHT" marginTop="20" marginRight="20"/>
+                    </m:MaterialRow>
+                    <m:MaterialRow marginBottom="0" padding="20">
+                    <m:MaterialLabel text="Amazingly clear seas of the Philippines" />
+                    <m:MaterialRow marginBottom="0">
+                    <m:MaterialChip margin="4" text="#philippines" backgroundColor="BLUE" textColor="WHITE"
+                    float="LEFT"/>
+                    <m:MaterialChip margin="4" text="#vacation" backgroundColor="BLUE" textColor="WHITE"
+                    float="LEFT"/>
+                    <m:MaterialChip margin="4" text="#holiday" backgroundColor="BLUE" textColor="WHITE"
+                    float="LEFT"/>
+                    <m:MaterialChip margin="4" text="#sea" backgroundColor="BLUE" textColor="WHITE" float="LEFT"/>
+                    </m:MaterialRow>
+                    </m:MaterialRow>
+                    </m:MaterialCardContent>
+                    <m:MaterialCardImage>
+                    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/boat.png" />
+                    </m:MaterialCardImage>
+                    <m:MaterialCardAction padding="0">
+                    <m:MaterialRow margin="12">
+                    <m:MaterialButton type="FLOATING" iconType="PLUS_ONE" iconColor="GREY"
+                    backgroundColor="GREY_LIGHTEN_2" shadow="0" float="LEFT"/>
+                    <m:MaterialLabel text="310" textColor="GREY" float="LEFT" marginTop="12" marginLeft="12"/>
+                    <m:MaterialLabel text="1000" textColor="GREY" float="RIGHT" marginTop="12" marginLeft="12"/>
+                    <m:MaterialButton type="FLOATING" iconType="SHARE" iconColor="GREY"
+                    backgroundColor="GREY_LIGHTEN_2" shadow="0" float="RIGHT"/>
+                    </m:MaterialRow>
+                    <!-- Collection items for comments -->
+                    <m:MaterialCollection>
+                    <m:MaterialCollectionItem type="AVATAR">
+                    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/yuna.jpg"
+                    circle="true" width="40px" height="40px"/>
+                    <m:MaterialLabel text="Yuna" fontWeight="BOLD" />
+                    <m:MaterialLabel text="I grew up in the island of the Philippines. The water is clear. Some are
+                    not sandy. Water is just the right temperature." />
+                    </m:MaterialCollectionItem>
+                    </m:MaterialCollection>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
+                    <m:MaterialCard backgroundColor="INDIGO_LIGHTEN_1">
+                    <m:MaterialCardImage>
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card-1.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+                    <m:MaterialCardContent textColor="WHITE" height="120px">
+                    <m:MaterialImage layoutPosition="ABSOLUTE" marginTop="-32"
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/profile.jpg" circle="true"
+                    width="32px" height="32px" />
+                    <m:MaterialLabel fontSize="1.5em" text="Android Development Patterns"/>
+                    <m:MaterialLabel opacity="0.6" marginTop="4" text="Android Developers" />
+                    </m:MaterialCardContent>
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="FOLLOW" fontSize="1.5em" fontWeight="BOLDER" textColor="WHITE"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
+                    <m:MaterialRow ui:field="rowCards" layoutPosition="RELATIVE" opacity="0">
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+
+                    <m:MaterialColumn grid="l3">
+                    <m:MaterialCard >
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialCardTitle text="Sample" iconType="MORE_VERT" iconPosition="RIGHT" textColor="BLACK"/>
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardReveal>
+                    <m:MaterialCardTitle text="Sample" iconType="CLOSE" iconPosition="RIGHT" textColor="BLACK"/>
+                    <m:MaterialLabel text="Here is some more information about this product that is only revealed
+                    once clicked on." />
+                    </m:MaterialCardReveal>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    <m:MaterialLink text="Link 1" textColor="BLUE" iconType="POLYMER" iconPosition="LEFT"/>
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
+
+ + + 
+                    @UiField
+                    MaterialRow rowCards;
+
+                    @UiHandler("btnShow")
+                    void onShow(ClickEvent e) {
+                    new MaterialAnimation().transition(Transition.SHOW_GRID).animate(rowCards);
+                    }
+
+ + + diff --git a/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxModule.java b/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxModule.java index 33de996..d091f49 100644 --- a/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxModule.java @@ -7,9 +7,9 @@ * 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. @@ -25,6 +25,6 @@ public class CheckboxModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(CheckboxPresenter.class, CheckboxPresenter.MyView.class, CheckboxView.class, - CheckboxPresenter.MyProxy.class); + CheckboxPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxPresenter.java b/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxPresenter.java index 1919e52..c2a3b94 100644 --- a/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject CheckboxPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxView.java b/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxView.java index cb120a1..53ccb47 100644 --- a/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxView.java +++ b/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxView.java @@ -7,9 +7,9 @@ * 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. @@ -45,7 +45,7 @@ interface Binder extends UiBinder { @UiHandler("cbBox") void onCheckBox(ValueChangeEvent e) { - if(e.getValue()) { + if (e.getValue()) { cbBox.setText("CheckBox 1: true"); } else { cbBox.setText("CheckBox 1: false"); @@ -54,7 +54,7 @@ void onCheckBox(ValueChangeEvent e) { @UiHandler("cbBoxAll") void onCheckAll(ValueChangeEvent e) { - if(e.getValue()) { + if (e.getValue()) { cbBlue.setValue(true); cbRed.setValue(true); cbCyan.setValue(true); diff --git a/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxView.ui.xml index f336a5e..e935266 100644 --- a/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/checkbox/CheckboxView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -31,7 +31,8 @@ - + @@ -45,45 +46,45 @@ 
-    <m:MaterialRow>
-        <m:MaterialColumn grid="l2">
-            <m:MaterialCheckBox text="Blue" value="true" />
-            <m:MaterialCheckBox text="Red" />
-            <m:MaterialCheckBox text="Cyan" value="true" type="FILLED"/>
-            <m:MaterialCheckBox text="Green" value="true" enabled="false"/>
-            <m:MaterialCheckBox text="Brown" enabled="false"/>
-            <m:MaterialCheckBox ui:field="cbBox" text="CheckBox 1: true" value="true" type="FILLED"/>
-        </m:MaterialColumn>
-        <m:MaterialColumn grid="l2">
-            <m:MaterialCheckBox ui:field="cbBoxAll" text="Check all" type="FILLED"/>
-            <m:MaterialCheckBox ui:field="cbBlue" text="Blue" type="FILLED" />
-            <m:MaterialCheckBox ui:field="cbRed" text="Red" type="FILLED"/>
-            <m:MaterialCheckBox ui:field="cbCyan" text="Cyan" type="FILLED"/>
-            <m:MaterialCheckBox ui:field="cbGreen" text="Green" type="FILLED"/>
-            <m:MaterialCheckBox ui:field="cbBrown" text="Brown" type="FILLED"/>
-        </m:MaterialColumn>
-    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="l2">
+                    <m:MaterialCheckBox text="Blue" value="true" />
+                    <m:MaterialCheckBox text="Red" />
+                    <m:MaterialCheckBox text="Cyan" value="true" type="FILLED"/>
+                    <m:MaterialCheckBox text="Green" value="true" enabled="false"/>
+                    <m:MaterialCheckBox text="Brown" enabled="false"/>
+                    <m:MaterialCheckBox ui:field="cbBox" text="CheckBox 1: true" value="true" type="FILLED"/>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="l2">
+                    <m:MaterialCheckBox ui:field="cbBoxAll" text="Check all" type="FILLED"/>
+                    <m:MaterialCheckBox ui:field="cbBlue" text="Blue" type="FILLED" />
+                    <m:MaterialCheckBox ui:field="cbRed" text="Red" type="FILLED"/>
+                    <m:MaterialCheckBox ui:field="cbCyan" text="Cyan" type="FILLED"/>
+                    <m:MaterialCheckBox ui:field="cbGreen" text="Green" type="FILLED"/>
+                    <m:MaterialCheckBox ui:field="cbBrown" text="Brown" type="FILLED"/>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
                 
-    @UiHandler("cbBoxAll")
-    void onCheckAll(ValueChangeEvent<Boolean> e) {
-        if(e.getValue()) {
-            cbBlue.setValue(true);
-            cbRed.setValue(true);
-            cbCyan.setValue(true);
-            cbGreen.setValue(true);
-            cbBrown.setValue(true);
-        } else {
-            cbBlue.setValue(false);
-            cbRed.setValue(false);
-            cbCyan.setValue(false);
-            cbGreen.setValue(false);
-            cbBrown.setValue(false);
-        }
-    }
+                    @UiHandler("cbBoxAll")
+                    void onCheckAll(ValueChangeEvent<Boolean> e) {
+                    if(e.getValue()) {
+                    cbBlue.setValue(true);
+                    cbRed.setValue(true);
+                    cbCyan.setValue(true);
+                    cbGreen.setValue(true);
+                    cbBrown.setValue(true);
+                    } else {
+                    cbBlue.setValue(false);
+                    cbRed.setValue(false);
+                    cbCyan.setValue(false);
+                    cbGreen.setValue(false);
+                    cbBrown.setValue(false);
+                    }
+                    }
@@ -92,37 +93,37 @@ - - + + 
-    <m:MaterialCheckBox ui:field="cbValue" text="CheckBox"/>
+                    <m:MaterialCheckBox ui:field="cbValue" text="CheckBox"/>
 
-    <m:MaterialRow>
-        <m:MaterialButton text="Set Value" ui:field="btnCbValue" marginRight="20" />
-        <m:MaterialButton text="Set Value with Event" ui:field="btnCbValueEvent" />
-    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialButton text="Set Value" ui:field="btnCbValue" marginRight="20" />
+                    <m:MaterialButton text="Set Value with Event" ui:field="btnCbValueEvent" />
+                    </m:MaterialRow>
                 
-    @UiHandler("cbValue")
-    void onCheckValue(ValueChangeEvent<Boolean> e) {
-        MaterialToast.fireToast("Value : " + e.getValue());
-    }
+                    @UiHandler("cbValue")
+                    void onCheckValue(ValueChangeEvent<Boolean> e) {
+                    MaterialToast.fireToast("Value : " + e.getValue());
+                    }
 
-    @UiHandler("btnCbValue")
-    void onClickCbValue(ClickEvent e) {
-        cbValue.setValue(true);
-    }
+                    @UiHandler("btnCbValue")
+                    void onClickCbValue(ClickEvent e) {
+                    cbValue.setValue(true);
+                    }
 
-    @UiHandler("btnCbValueEvent")
-    void onClickCbValueEvent(ClickEvent e) {
-        cbValue.setValue(false, true);
-    }
+                    @UiHandler("btnCbValueEvent")
+                    void onClickCbValueEvent(ClickEvent e) {
+                    cbValue.setValue(false, true);
+                    }
diff --git a/src/main/java/gmd/core/demo/client/application/page/chips/ChipsModule.java b/src/main/java/gmd/core/demo/client/application/page/chips/ChipsModule.java index 537f701..3c28bc9 100644 --- a/src/main/java/gmd/core/demo/client/application/page/chips/ChipsModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/chips/ChipsModule.java @@ -7,9 +7,9 @@ * 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. @@ -25,6 +25,6 @@ public class ChipsModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(ChipsPresenter.class, ChipsPresenter.MyView.class, ChipsView.class, - ChipsPresenter.MyProxy.class); + ChipsPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/chips/ChipsPresenter.java b/src/main/java/gmd/core/demo/client/application/page/chips/ChipsPresenter.java index 9467595..b48c137 100644 --- a/src/main/java/gmd/core/demo/client/application/page/chips/ChipsPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/chips/ChipsPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject ChipsPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/chips/ChipsView.java b/src/main/java/gmd/core/demo/client/application/page/chips/ChipsView.java index 25ece68..49a22a1 100644 --- a/src/main/java/gmd/core/demo/client/application/page/chips/ChipsView.java +++ b/src/main/java/gmd/core/demo/client/application/page/chips/ChipsView.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/java/gmd/core/demo/client/application/page/chips/ChipsView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/chips/ChipsView.ui.xml index 33e49d8..f0d3d42 100644 --- a/src/main/java/gmd/core/demo/client/application/page/chips/ChipsView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/chips/ChipsView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -24,7 +24,8 @@ - + @@ -33,106 +34,151 @@ - + - - - - - - + + + + + + - + - + - + 
-    <m:MaterialChip margin="8" tooltip="Sample" tooltipPosition="BOTTOM" text="Default" iconType="CLOSE"/>
-    <m:MaterialChip margin="8" text="Apple" backgroundColor="RED" textColor="WHITE" iconType="CLOSE"/>
-    <m:MaterialChip margin="8" text="ORANGE" backgroundColor="ORANGE" textColor="WHITE"  iconType="CLOSE"/>
-    <m:MaterialChip margin="8" text="Banana" backgroundColor="AMBER" textColor="WHITE" iconType="CLOSE"/>
-    <m:MaterialChip margin="8" text="Mango" backgroundColor="GREEN" textColor="WHITE" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" tooltip="Sample" tooltipPosition="BOTTOM" text="Default"
+                    iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" text="Apple" backgroundColor="RED" textColor="WHITE"
+                    iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" text="ORANGE" backgroundColor="ORANGE" textColor="WHITE"
+                    iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" text="Banana" backgroundColor="AMBER" textColor="WHITE"
+                    iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" text="Mango" backgroundColor="GREEN" textColor="WHITE"
+                    iconType="CLOSE"/>
- - - - + + + + 
-    <m:MaterialChip margin="8" type="OUTLINED" letterColor="WHITE" letterBackgroundColor="RED" text="Apple" />
-    <m:MaterialChip margin="8" type="OUTLINED" letterColor="PINK_ACCENT_1" letterBackgroundColor="PURPLE" text="Grapes" iconType="CLOSE"/>
-    <m:MaterialChip margin="8" type="OUTLINED" letter="D" letterColor="WHITE" letterBackgroundColor="GREEN" text="Dalandan" iconType="CLOSE"/>
-    <m:MaterialChip margin="8" type="OUTLINED" letter="M" letterColor="ORANGE" letterBackgroundColor="YELLOW" text="Mango" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" type="OUTLINED" letterColor="WHITE" letterBackgroundColor="RED"
+                    text="Apple" />
+                    <m:MaterialChip margin="8" type="OUTLINED" letterColor="PINK_ACCENT_1"
+                    letterBackgroundColor="PURPLE" text="Grapes" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" type="OUTLINED" letter="D" letterColor="WHITE"
+                    letterBackgroundColor="GREEN" text="Dalandan" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" type="OUTLINED" letter="M" letterColor="ORANGE"
+                    letterBackgroundColor="YELLOW" text="Mango" iconType="CLOSE"/>
- + - - - + + + 
-    <m:MaterialChip margin="8" text="Apple" />
-    <m:MaterialChip margin="8" text="Banana" />
-    <m:MaterialChip margin="8" text="Mango" />
+                    <m:MaterialChip margin="8" text="Apple" />
+                    <m:MaterialChip margin="8" text="Banana" />
+                    <m:MaterialChip margin="8" text="Mango" />
- + - - - - + + + + 
-    <m:MaterialChip margin="8" letter="A" letterColor="WHITE" letterBackgroundColor="RED" text="Apple" iconType="CLOSE"/>
-    <m:MaterialChip margin="8" letter="G" letterColor="PINK_ACCENT_1" letterBackgroundColor="PURPLE" text="Grapes" iconType="CLOSE"/>
-    <m:MaterialChip margin="8" letter="D" letterColor="WHITE" letterBackgroundColor="GREEN" text="Dalandan" iconType="CLOSE"/>
-    <m:MaterialChip margin="8" letter="M" letterColor="ORANGE" letterBackgroundColor="YELLOW" text="Mango" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" letter="A" letterColor="WHITE" letterBackgroundColor="RED"
+                    text="Apple" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" letter="G" letterColor="PINK_ACCENT_1" letterBackgroundColor="PURPLE"
+                    text="Grapes" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" letter="D" letterColor="WHITE" letterBackgroundColor="GREEN"
+                    text="Dalandan" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" letter="M" letterColor="ORANGE" letterBackgroundColor="YELLOW"
+                    text="Mango" iconType="CLOSE"/>
- + - - - + + + 
-    <m:MaterialChip margin="8" url="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRi9lfCkLutb7ugJlIjn84qWNoiICopC-Vyx7QQJRHF5E7GlqFG" text="Yunalis Mat Zara'ai" iconType="CLOSE"/>
-    <m:MaterialChip margin="8" url="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRi9lfCkLutb7ugJlIjn84qWNoiICopC-Vyx7QQJRHF5E7GlqFG" text="Marjorie Matias" iconType="CLOSE"/>
-    <m:MaterialChip margin="8" url="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRi9lfCkLutb7ugJlIjn84qWNoiICopC-Vyx7QQJRHF5E7GlqFG" text="Zenaida Ringor" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8"
+                    url="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRi9lfCkLutb7ugJlIjn84qWNoiICopC-Vyx7QQJRHF5E7GlqFG"
+                    text="Yunalis Mat Zara'ai" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8"
+                    url="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRi9lfCkLutb7ugJlIjn84qWNoiICopC-Vyx7QQJRHF5E7GlqFG"
+                    text="Marjorie Matias" iconType="CLOSE"/>
+                    <m:MaterialChip margin="8"
+                    url="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRi9lfCkLutb7ugJlIjn84qWNoiICopC-Vyx7QQJRHF5E7GlqFG"
+                    text="Zenaida Ringor" iconType="CLOSE"/>
- + @@ -141,36 +187,41 @@ - - + + - - + + 
-    <m:MaterialButton ui:field="closeChip" text="Close Chip" />
-    <m:MaterialRow>
-        <m:MaterialChip margin="8" ui:field="chip" url="https://b.vimeocdn.com/ps/339/488/3394886_300.jpg" text="Yunalis Mat Zara'ai" iconType="CLOSE"/>
-        <m:MaterialChip margin="8" ui:field="chipClick" text="Click Me" />
-    </m:MaterialRow>
+                    <m:MaterialButton ui:field="closeChip" text="Close Chip" />
+                    <m:MaterialRow>
+                    <m:MaterialChip margin="8" ui:field="chip"
+                    url="https://b.vimeocdn.com/ps/339/488/3394886_300.jpg" text="Yunalis Mat Zara'ai"
+                    iconType="CLOSE"/>
+                    <m:MaterialChip margin="8" ui:field="chipClick" text="Click Me" />
+                    </m:MaterialRow>
                 
-    @UiField
-    MaterialChip chip;
-
-    @UiHandler("chipClick")
-    void onClickChip(ClickEvent e) {
-        MaterialToast.fireToast("You clicked me");
-    }
-
-    @UiHandler("closeChip")
-    void closeChip(ClickEvent e) {
-        chip.close();
-    }
+                    @UiField
+                    MaterialChip chip;
+
+                    @UiHandler("chipClick")
+                    void onClickChip(ClickEvent e) {
+                    MaterialToast.fireToast("You clicked me");
+                    }
+
+                    @UiHandler("closeChip")
+                    void closeChip(ClickEvent e) {
+                    chip.close();
+                    }
diff --git a/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleModule.java b/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleModule.java index 9f959d5..d61010e 100644 --- a/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleModule.java @@ -7,9 +7,9 @@ * 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. @@ -25,6 +25,6 @@ public class CollapsibleModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(CollapsiblePresenter.class, CollapsiblePresenter.MyView.class, CollapsibleView.class, - CollapsiblePresenter.MyProxy.class); + CollapsiblePresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsiblePresenter.java b/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsiblePresenter.java index 9cd5883..909efde 100644 --- a/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsiblePresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsiblePresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject CollapsiblePresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleView.java b/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleView.java index 3f2d7ab..d88f958 100644 --- a/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleView.java +++ b/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleView.java @@ -7,9 +7,9 @@ * 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. @@ -20,12 +20,17 @@ package gmd.core.demo.client.application.page.collapsible; import com.google.gwt.event.dom.client.ClickEvent; +import com.google.gwt.event.shared.HandlerRegistration; import com.google.gwt.uibinder.client.UiBinder; import com.google.gwt.uibinder.client.UiField; import com.google.gwt.uibinder.client.UiHandler; import com.google.gwt.user.client.ui.Widget; import com.gwtplatform.mvp.client.ViewImpl; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.ui.MaterialCollapsible; +import gwt.material.design.client.ui.MaterialCollapsibleHeader; +import gwt.material.design.client.ui.MaterialCollapsibleItem; +import gwt.material.design.client.ui.MaterialLink; +import gwt.material.design.client.ui.MaterialToast; import javax.inject.Inject; @@ -46,21 +51,13 @@ interface Binder extends UiBinder { CollapsibleView(Binder uiBinder) { initWidget(uiBinder.createAndBindUi(this)); - colaps.addCollapseHandler(event -> { - MaterialToast.fireToast("CollapseEvent fired: " + getCollapseText(event.getTarget())); - }); + HandlerRegistration handlerRegistration = colaps.addCollapseHandler(event -> MaterialToast.fireToast("CollapseEvent fired: " + getCollapseText(event.getTarget()))); - expandable.addCollapseHandler(event -> { - MaterialToast.fireToast("CollapseEvent fired: " + getCollapseText(event.getTarget())); - }); + expandable.addCollapseHandler(event -> MaterialToast.fireToast("CollapseEvent fired: " + getCollapseText(event.getTarget()))); - colaps.addExpandHandler(event -> { - MaterialToast.fireToast("ExpandEvent fired: " + getCollapseText(event.getTarget())); - }); + colaps.addExpandHandler(event -> MaterialToast.fireToast("ExpandEvent fired: " + getCollapseText(event.getTarget()))); - expandable.addExpandHandler(event -> { - MaterialToast.fireToast("ExpandEvent fired: " + getCollapseText(event.getTarget())); - }); + expandable.addExpandHandler(event -> MaterialToast.fireToast("ExpandEvent fired: " + getCollapseText(event.getTarget()))); } @Override diff --git a/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleView.ui.xml index 20c7f48..e39dbff 100644 --- a/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/collapsible/CollapsibleView.ui.xml @@ -23,8 +23,9 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - - + + @@ -32,7 +33,8 @@ - + @@ -41,7 +43,8 @@ - + @@ -50,57 +53,65 @@ - + 
-    <m:MaterialButton text="SET ACTIVE" ui:field="setActive" />
-    <m:MaterialCollapsible accordion="true">
-        <!-- ITEM 1 -->
-        <m:MaterialCollapsibleItem ui:field="item">
-            <m:MaterialCollapsibleHeader>
-                <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody>
-                <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-        <!-- ITEM 2 -->
-        <m:MaterialCollapsibleItem>
-            <m:MaterialCollapsibleHeader>
-                <m:MaterialLink text="Second" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody>
-                <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-        <!-- ITEM 3 -->
-        <m:MaterialCollapsibleItem>
-            <m:MaterialCollapsibleHeader>
-                <m:MaterialLink text="Third" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody>
-                <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-    </m:MaterialCollapsible>
+                    <m:MaterialButton text="SET ACTIVE" ui:field="setActive" />
+                    <m:MaterialCollapsible accordion="true">
+                    <!-- ITEM 1 -->
+                    <m:MaterialCollapsibleItem ui:field="item">
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
+                    <!-- ITEM 2 -->
+                    <m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="Second" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
+                    <!-- ITEM 3 -->
+                    <m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="Third" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
+                    </m:MaterialCollapsible>
                 
-    @UiHandler("setActive")
-    void setActive(ClickEvent e) {
-        item.setActive(true);
-    }
+                    @UiHandler("setActive")
+                    void setActive(ClickEvent e) {
+                    item.setActive(true);
+                    }
- + @@ -108,7 +119,8 @@ - + @@ -117,7 +129,8 @@ - + @@ -126,54 +139,57 @@ - + - + 
-    @UiHandler("open")
-    void onOpen(ClickEvent e) {
-        colaps.open(2);
-    }
+                    @UiHandler("open")
+                    void onOpen(ClickEvent e) {
+                    colaps.open(2);
+                    }
 
-    @UiHandler("close")
-    void onClose(ClickEvent e) {
-        colaps.close(2);
-    }
+                    @UiHandler("close")
+                    void onClose(ClickEvent e) {
+                    colaps.close(2);
+                    }
- + 
-    colaps.addCollapseHandler(event -> {
-        MaterialToast.fireToast("CollapseEvent fired: " + getCollapseText(event.getTarget()));
-    });
+                    colaps.addCollapseHandler(event -> {
+                    MaterialToast.fireToast("CollapseEvent fired: " + getCollapseText(event.getTarget()));
+                    });
 
-    expandable.addCollapseHandler(event -> {
-        MaterialToast.fireToast("CollapseEvent fired: " + getCollapseText(event.getTarget()));
-    });
+                    expandable.addCollapseHandler(event -> {
+                    MaterialToast.fireToast("CollapseEvent fired: " + getCollapseText(event.getTarget()));
+                    });
 
-    colaps.addExpandHandler(event -> {
-        MaterialToast.fireToast("ExpandEvent fired: " + getCollapseText(event.getTarget()));
-    });
+                    colaps.addExpandHandler(event -> {
+                    MaterialToast.fireToast("ExpandEvent fired: " + getCollapseText(event.getTarget()));
+                    });
 
-    expandable.addExpandHandler(event -> {
-        MaterialToast.fireToast("ExpandEvent fired: " + getCollapseText(event.getTarget()));
-    });
+                    expandable.addExpandHandler(event -> {
+                    MaterialToast.fireToast("ExpandEvent fired: " + getCollapseText(event.getTarget()));
+                    });
- + @@ -183,7 +199,8 @@ - + @@ -192,7 +209,8 @@ - + @@ -201,47 +219,55 @@ - + 
-    <m:MaterialCollapsible ui:field="expandable" accordion="true">
-        <!-- ITEM 1 -->
-        <m:MaterialCollapsibleItem>
-            <m:MaterialCollapsibleHeader>
-                <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody>
-                <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-        <!-- ITEM 2 -->
-        <m:MaterialCollapsibleItem ui:field="secondItem">
-            <m:MaterialCollapsibleHeader>
-                <m:MaterialLink text="Second" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody>
-                <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-        <!-- ITEM 3 -->
-        <m:MaterialCollapsibleItem>
-            <m:MaterialCollapsibleHeader>
-                <m:MaterialLink text="Third" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody>
-                <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-    </m:MaterialCollapsible>
+                    <m:MaterialCollapsible ui:field="expandable" accordion="true">
+                    <!-- ITEM 1 -->
+                    <m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
+                    <!-- ITEM 2 -->
+                    <m:MaterialCollapsibleItem ui:field="secondItem">
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="Second" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
+                    <!-- ITEM 3 -->
+                    <m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="Third" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
+                    </m:MaterialCollapsible>
- + @@ -249,7 +275,8 @@ - + @@ -258,7 +285,8 @@ - + @@ -267,42 +295,49 @@ - + 
-    <m:MaterialCollapsible type="POPOUT">
-        <!-- ITEM 1 -->
-        <m:MaterialCollapsibleItem>
-            <m:MaterialCollapsibleHeader>
-                <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody>
-                <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-        <!-- ITEM 2 -->
-        <m:MaterialCollapsibleItem>
-            <m:MaterialCollapsibleHeader>
-                <m:MaterialLink text="Second" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody>
-                <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-        <!-- ITEM 3 -->
-        <m:MaterialCollapsibleItem>
-            <m:MaterialCollapsibleHeader>
-                <m:MaterialLink text="Third" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody>
-                <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-    </m:MaterialCollapsible>
+                    <m:MaterialCollapsible type="POPOUT">
+                    <!-- ITEM 1 -->
+                    <m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
+                    <!-- ITEM 2 -->
+                    <m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="Second" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
+                    <!-- ITEM 3 -->
+                    <m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="Third" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
+                    </m:MaterialCollapsible>
@@ -315,29 +350,33 @@ - + 
-    <m:MaterialCollapsible type="POPOUT">
-        <!-- ITEM 1 -->
-        <m:MaterialCollapsibleItem>
-            <m:MaterialCollapsibleHeader backgroundColor="GREY" waves="DEFAULT">
-                <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="WHITE"/>
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody backgroundColor="GREY_DARKEN_1">
-                <m:MaterialLabel textColor="WHITE" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-    </m:MaterialCollapsible>
+                    <m:MaterialCollapsible type="POPOUT">
+                    <!-- ITEM 1 -->
+                    <m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleHeader backgroundColor="GREY" waves="DEFAULT">
+                    <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="WHITE"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody backgroundColor="GREY_DARKEN_1">
+                    <m:MaterialLabel textColor="WHITE" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                    nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
+                    </m:MaterialCollapsible>
- + @@ -345,7 +384,8 @@ - + @@ -354,7 +394,8 @@ - + @@ -363,21 +404,23 @@ - + 
-    <m:MaterialCollapsible type="POPOUT" active="1">
-        .....
-    </m:MaterialCollapsible>
+                    <m:MaterialCollapsible type="POPOUT" active="1">
+                    .....
+                    </m:MaterialCollapsible>
- + @@ -385,7 +428,8 @@ - + @@ -394,7 +438,8 @@ - + @@ -403,21 +448,24 @@ - + 
-    <m:MaterialCollapsibleItem active="true">
-        <m:MaterialCollapsibleHeader>
-            <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-        </m:MaterialCollapsibleHeader>
-        <m:MaterialCollapsibleBody>
-            <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-        </m:MaterialCollapsibleBody>
-    </m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleItem active="true">
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
@@ -435,28 +483,34 @@ - + - + - + - + - + - + @@ -468,7 +522,8 @@ - + @@ -477,38 +532,39 @@ - + 
-    <m:MaterialCollapsible type="POPOUT" active="1">
-        <!-- ITEM 1 -->
-        <m:MaterialCollapsibleItem>
-            <m:MaterialCollapsibleHeader>
-                ....
-            </m:MaterialCollapsibleHeader>
-            <m:MaterialCollapsibleBody>
-                <!-- Another Collapsible -->
-                <m:MaterialCollapsible type="POPOUT" active="1">
+                    <m:MaterialCollapsible type="POPOUT" active="1">
+                    <!-- ITEM 1 -->
+                    <m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleHeader>
+                    ....
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <!-- Another Collapsible -->
+                    <m:MaterialCollapsible type="POPOUT" active="1">
                     <!-- ITEM 1 -->
                     <m:MaterialCollapsibleItem>
-                        .....
+                    .....
                     </m:MaterialCollapsibleItem>
                     <!-- ITEM 2 -->
                     <m:MaterialCollapsibleItem>
-                        .....
+                    .....
                     </m:MaterialCollapsibleItem>
                     <!-- ITEM 3 -->
                     <m:MaterialCollapsibleItem>
-                        .....
+                    .....
+                    </m:MaterialCollapsibleItem>
+                    </m:MaterialCollapsible>
+                    </m:MaterialCollapsibleBody>
                     </m:MaterialCollapsibleItem>
-                </m:MaterialCollapsible>
-            </m:MaterialCollapsibleBody>
-        </m:MaterialCollapsibleItem>
-    </m:MaterialCollapsible>
+                    </m:MaterialCollapsible>
@@ -519,49 +575,54 @@ - - + + - + - - + + - + - - + + - + 
-    <m:MaterialCollapsibleItem>
-        <m:MaterialCollapsibleHeader>
-            <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
-            <m:MaterialIcon iconType="DELETE" waves="DEFAULT" float="RIGHT" circle="true" />
-            <m:MaterialIcon iconType="PIN_DROP" waves="DEFAULT" float="RIGHT" circle="true" />
-        </m:MaterialCollapsibleHeader>
-        <m:MaterialCollapsibleBody>
-            <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
-        </m:MaterialCollapsibleBody>
-    </m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleItem>
+                    <m:MaterialCollapsibleHeader>
+                    <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
+                    <m:MaterialIcon iconType="DELETE" waves="DEFAULT" float="RIGHT" circle="true" />
+                    <m:MaterialIcon iconType="PIN_DROP" waves="DEFAULT" float="RIGHT" circle="true" />
+                    </m:MaterialCollapsibleHeader>
+                    <m:MaterialCollapsibleBody>
+                    <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                    </m:MaterialCollapsibleBody>
+                    </m:MaterialCollapsibleItem>
diff --git a/src/main/java/gmd/core/demo/client/application/page/collection/CollectionModule.java b/src/main/java/gmd/core/demo/client/application/page/collection/CollectionModule.java index 761c14c..861d964 100644 --- a/src/main/java/gmd/core/demo/client/application/page/collection/CollectionModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/collection/CollectionModule.java @@ -7,9 +7,9 @@ * 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. @@ -25,6 +25,6 @@ public class CollectionModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(CollectionPresenter.class, CollectionPresenter.MyView.class, CollectionView.class, - CollectionPresenter.MyProxy.class); + CollectionPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/collection/CollectionPresenter.java b/src/main/java/gmd/core/demo/client/application/page/collection/CollectionPresenter.java index 37bf463..553e516 100644 --- a/src/main/java/gmd/core/demo/client/application/page/collection/CollectionPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/collection/CollectionPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject CollectionPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/collection/CollectionView.java b/src/main/java/gmd/core/demo/client/application/page/collection/CollectionView.java index 8378954..2b806fc 100644 --- a/src/main/java/gmd/core/demo/client/application/page/collection/CollectionView.java +++ b/src/main/java/gmd/core/demo/client/application/page/collection/CollectionView.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/java/gmd/core/demo/client/application/page/collection/CollectionView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/collection/CollectionView.ui.xml index 3152596..b8a0242 100644 --- a/src/main/java/gmd/core/demo/client/application/page/collection/CollectionView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/collection/CollectionView.ui.xml @@ -26,66 +26,90 @@ - - - - + + + + + + + + + + + + 
-    <m:MaterialCollection>
-        <m:MaterialCollectionItem><m:MaterialLink text="Badges Test" targetHistoryToken="badges"/></m:MaterialCollectionItem>
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 2"/></m:MaterialCollectionItem>
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 3"/></m:MaterialCollectionItem>
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 4"/></m:MaterialCollectionItem>
-    </m:MaterialCollection>
+                    <m:MaterialCollection>
+                    <m:MaterialCollectionItem><m:MaterialLink text="Badges Test" targetHistoryToken="badges"/></m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 2"/></m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 3"/></m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 4"/></m:MaterialCollectionItem>
+                    </m:MaterialCollection>
- - - - + + + + + + + + + + + + 
-    <m:MaterialCollection active="1">
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 1"/></m:MaterialCollectionItem>
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 2"/></m:MaterialCollectionItem>
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 3"/></m:MaterialCollectionItem>
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 4"/></m:MaterialCollectionItem>
-    </m:MaterialCollection>
+                    <m:MaterialCollection active="1">
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 1"/></m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 2"/></m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 3"/></m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 4"/></m:MaterialCollectionItem>
+                    </m:MaterialCollection>
- - - - + + + + + + + + + + + + 
-    <m:MaterialCollection header="Header Title" active="2">
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 1"/></m:MaterialCollectionItem>
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 2"/></m:MaterialCollectionItem>
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 3"/></m:MaterialCollectionItem>
-        <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 4"/></m:MaterialCollectionItem>
-    </m:MaterialCollection>
+                    <m:MaterialCollection header="Header Title" active="2">
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 1"/></m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 2"/></m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 3"/></m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem><m:MaterialLabel text="Collecton 4"/></m:MaterialCollectionItem>
+                    </m:MaterialCollection>
- + @@ -117,35 +141,35 @@ 
-    <m:MaterialCollection header="Header Title" >
-        <m:MaterialCollectionItem>
-            <m:MaterialLabel text="Collecton 1"/>
-            <m:MaterialCollectionSecondary>
-                <m:MaterialIcon iconType="POLYMER" iconPosition="RIGHT" waves="DEFAULT"/>
-            </m:MaterialCollectionSecondary>
-        </m:MaterialCollectionItem>
-
-        <m:MaterialCollectionItem>
-            <m:MaterialLink text="Collecton 2"/>
-            <m:MaterialCollectionSecondary>
-                <m:MaterialIcon iconType="POLYMER" iconPosition="RIGHT" waves="DEFAULT"/>
-            </m:MaterialCollectionSecondary>
-        </m:MaterialCollectionItem>
-
-        <m:MaterialCollectionItem>
-            <m:MaterialLabel text="Collecton 3"/>
-            <m:MaterialCollectionSecondary>
-                <m:MaterialIcon iconType="POLYMER" iconPosition="RIGHT" waves="DEFAULT"/>
-            </m:MaterialCollectionSecondary>
-        </m:MaterialCollectionItem>
-
-        <m:MaterialCollectionItem>
-            <m:MaterialLabel text="Collecton 4"/>
-            <m:MaterialCollectionSecondary>
-                <m:MaterialIcon iconType="POLYMER" iconPosition="RIGHT" waves="DEFAULT"/>
-            </m:MaterialCollectionSecondary>
-        </m:MaterialCollectionItem>
-    </m:MaterialCollection>
+                    <m:MaterialCollection header="Header Title" >
+                    <m:MaterialCollectionItem>
+                    <m:MaterialLabel text="Collecton 1"/>
+                    <m:MaterialCollectionSecondary>
+                    <m:MaterialIcon iconType="POLYMER" iconPosition="RIGHT" waves="DEFAULT"/>
+                    </m:MaterialCollectionSecondary>
+                    </m:MaterialCollectionItem>
+
+                    <m:MaterialCollectionItem>
+                    <m:MaterialLink text="Collecton 2"/>
+                    <m:MaterialCollectionSecondary>
+                    <m:MaterialIcon iconType="POLYMER" iconPosition="RIGHT" waves="DEFAULT"/>
+                    </m:MaterialCollectionSecondary>
+                    </m:MaterialCollectionItem>
+
+                    <m:MaterialCollectionItem>
+                    <m:MaterialLabel text="Collecton 3"/>
+                    <m:MaterialCollectionSecondary>
+                    <m:MaterialIcon iconType="POLYMER" iconPosition="RIGHT" waves="DEFAULT"/>
+                    </m:MaterialCollectionSecondary>
+                    </m:MaterialCollectionItem>
+
+                    <m:MaterialCollectionItem>
+                    <m:MaterialLabel text="Collecton 4"/>
+                    <m:MaterialCollectionSecondary>
+                    <m:MaterialIcon iconType="POLYMER" iconPosition="RIGHT" waves="DEFAULT"/>
+                    </m:MaterialCollectionSecondary>
+                    </m:MaterialCollectionItem>
+                    </m:MaterialCollection>
@@ -153,7 +177,9 @@ - + @@ -183,35 +209,37 @@ 
-    <m:MaterialCollection>
-        <m:MaterialCollectionItem type="AVATAR">
-            <ma:webp.MaterialWebpImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/lady.webp" fallbackExtension="jpeg" type="CIRCLE"/>
-            <m:MaterialLabel text="Title" fontSize="2em"/>
-            <m:MaterialLabel text="First Line"/>
-            <m:MaterialLabel text="Second Line"/>
-        </m:MaterialCollectionItem>
-
-        <m:MaterialCollectionItem type="AVATAR">
-            <m:MaterialIcon iconType="FOLDER" iconColor="WHITE" backgroundColor="BLUE" circle="true"/>
-            <m:MaterialLabel text="Title" fontSize="2em"/>
-            <m:MaterialLabel text="First Line"/>
-            <m:MaterialLabel text="Second Line"/>
-        </m:MaterialCollectionItem>
-
-        <m:MaterialCollectionItem type="AVATAR">
-            <m:MaterialIcon iconType="INSERT_CHART" iconColor="WHITE" backgroundColor="RED" circle="true"/>
-            <m:MaterialLabel text="Title" fontSize="2em"/>
-            <m:MaterialLabel text="First Line"/>
-            <m:MaterialLabel text="Second Line"/>
-        </m:MaterialCollectionItem>
-
-        <m:MaterialCollectionItem type="AVATAR">
-            <m:MaterialIcon iconType="PLAY_ARROW" iconColor="WHITE" backgroundColor="AMBER" circle="true"/>
-            <m:MaterialLabel text="Title" fontSize="2em"/>
-            <m:MaterialLabel text="First Line"/>
-            <m:MaterialLabel text="Second Line"/>
-        </m:MaterialCollectionItem>
-    </m:MaterialCollection>
+                    <m:MaterialCollection>
+                    <m:MaterialCollectionItem type="AVATAR">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/lady.webp"
+                    fallbackExtension="jpeg" type="CIRCLE"/>
+                    <m:MaterialLabel text="Title" fontSize="2em"/>
+                    <m:MaterialLabel text="First Line"/>
+                    <m:MaterialLabel text="Second Line"/>
+                    </m:MaterialCollectionItem>
+
+                    <m:MaterialCollectionItem type="AVATAR">
+                    <m:MaterialIcon iconType="FOLDER" iconColor="WHITE" backgroundColor="BLUE" circle="true"/>
+                    <m:MaterialLabel text="Title" fontSize="2em"/>
+                    <m:MaterialLabel text="First Line"/>
+                    <m:MaterialLabel text="Second Line"/>
+                    </m:MaterialCollectionItem>
+
+                    <m:MaterialCollectionItem type="AVATAR">
+                    <m:MaterialIcon iconType="INSERT_CHART" iconColor="WHITE" backgroundColor="RED" circle="true"/>
+                    <m:MaterialLabel text="Title" fontSize="2em"/>
+                    <m:MaterialLabel text="First Line"/>
+                    <m:MaterialLabel text="Second Line"/>
+                    </m:MaterialCollectionItem>
+
+                    <m:MaterialCollectionItem type="AVATAR">
+                    <m:MaterialIcon iconType="PLAY_ARROW" iconColor="WHITE" backgroundColor="AMBER" circle="true"/>
+                    <m:MaterialLabel text="Title" fontSize="2em"/>
+                    <m:MaterialLabel text="First Line"/>
+                    <m:MaterialLabel text="Second Line"/>
+                    </m:MaterialCollectionItem>
+                    </m:MaterialCollection>
@@ -219,7 +247,9 @@ - + @@ -249,20 +279,24 @@ 
-    <m:MaterialCollectionItem type="AVATAR" dismissible="true">
-        <ma:webp.MaterialWebpImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/lady.webp" fallbackExtension="jpeg" type="CIRCLE"/>
-        <m:MaterialLabel text="Title" fontSize="2em"/>
-        <m:MaterialLabel text="First Line"/>
-        <m:MaterialLabel text="Second Line"/>
-    </m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem type="AVATAR" dismissible="true">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/lady.webp"
+                    fallbackExtension="jpeg" type="CIRCLE"/>
+                    <m:MaterialLabel text="Title" fontSize="2em"/>
+                    <m:MaterialLabel text="First Line"/>
+                    <m:MaterialLabel text="Second Line"/>
+                    </m:MaterialCollectionItem>
- + - + @@ -271,7 +305,9 @@ - + @@ -280,7 +316,9 @@ - + @@ -289,7 +327,9 @@ - + @@ -301,15 +341,17 @@ 
-    <m:MaterialCollectionItem type="AVATAR" dismissible="true">
-        <ma:webp.MaterialWebpImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/yuna.webp" fallbackExtension="jpg" type="CIRCLE"/>
-        <m:MaterialLabel text="Min Li Chan" fontSize="1.4em"/>
-        <m:MaterialLabel text="Brunch this weekend?" fontSize="1.2em"/>
-        <m:MaterialLabel text="I'll be in your neighborhood doing errands"/>
-        <m:MaterialCollectionSecondary>
-            <m:MaterialIcon iconType="STAR" iconColor="BLUE"/>
-        </m:MaterialCollectionSecondary>
-    </m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem type="AVATAR" dismissible="true">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/yuna.webp" fallbackExtension="jpg"
+                    type="CIRCLE"/>
+                    <m:MaterialLabel text="Min Li Chan" fontSize="1.4em"/>
+                    <m:MaterialLabel text="Brunch this weekend?" fontSize="1.2em"/>
+                    <m:MaterialLabel text="I'll be in your neighborhood doing errands"/>
+                    <m:MaterialCollectionSecondary>
+                    <m:MaterialIcon iconType="STAR" iconColor="BLUE"/>
+                    </m:MaterialCollectionSecondary>
+                    </m:MaterialCollectionItem>
@@ -317,7 +359,9 @@ - + @@ -325,11 +369,13 @@ 
-    <m:MaterialCollectionItem type="AVATAR" dismissible="true">
-        <ma:webp.MaterialWebpImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/yuna.webp" fallbackExtension="jpg" type="CIRCLE"/>
-        <m:MaterialLabel text="Min Li Chan" fontSize="1.4em"/>
-        <m:MaterialLabel text="I'll be in your neighborhood doing errands"/>
-    </m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem type="AVATAR" dismissible="true">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/yuna.webp" fallbackExtension="jpg"
+                    type="CIRCLE"/>
+                    <m:MaterialLabel text="Min Li Chan" fontSize="1.4em"/>
+                    <m:MaterialLabel text="I'll be in your neighborhood doing errands"/>
+                    </m:MaterialCollectionItem>
@@ -337,24 +383,35 @@ - + - + - + - + 
-    <m:MaterialCollectionItem type="AVATAR" dismissible="true">
-        <ma:webp.MaterialWebpImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/yuna.webp" fallbackExtension="jpg" type="CIRCLE"/>
-        <m:MaterialLabel text="Min Li Chan" fontSize="1.2em"/>
-        <m:MaterialLabel text="Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa quam. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos."/>
-    </m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem type="AVATAR" dismissible="true">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/yuna.webp" fallbackExtension="jpg"
+                    type="CIRCLE"/>
+                    <m:MaterialLabel text="Min Li Chan" fontSize="1.2em"/>
+                    <m:MaterialLabel text="Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing
+                    elit. Nam massa quam. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque
+                    volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+                    inceptos himenaeos."/>
+                    </m:MaterialCollectionItem>
@@ -389,12 +446,12 @@ 
-    <m:MaterialCollectionItem ui:field="itemClick" type="CHECKBOX" waves="DEFAULT">
-        <m:MaterialLabel text="Item 1"/>
-        <m:MaterialCollectionSecondary>
-            <m:MaterialCheckBox value="false" type="FILLED"/>
-        </m:MaterialCollectionSecondary>
-    </m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem ui:field="itemClick" type="CHECKBOX" waves="DEFAULT">
+                    <m:MaterialLabel text="Item 1"/>
+                    <m:MaterialCollectionSecondary>
+                    <m:MaterialCheckBox value="false" type="FILLED"/>
+                    </m:MaterialCollectionSecondary>
+                    </m:MaterialCollectionItem>
@@ -423,51 +480,54 @@ 
-    <m:MaterialCollection>
-        <m:MaterialCollectionItem ui:field="collectWifi" type="CHECKBOX" waves="DEFAULT">
-            <m:MaterialLink text="Wifi" iconPosition="LEFT" iconType="NETWORK_WIFI" backgroundColor="WHITE" textColor="BLACK"/>
-            <m:MaterialCollectionSecondary>
-                <m:MaterialSwitch value="true"/>
-            </m:MaterialCollectionSecondary>
-        </m:MaterialCollectionItem>
-        <m:MaterialCollectionItem ui:field="collectBluetooth" type="CHECKBOX" waves="DEFAULT">
-            <m:MaterialLink text="Bluetooth" iconPosition="LEFT" iconType="BLUETOOTH" backgroundColor="WHITE" textColor="BLACK"/>
-            <m:MaterialCollectionSecondary>
-                <m:MaterialSwitch value="true"/>
-            </m:MaterialCollectionSecondary>
-        </m:MaterialCollectionItem>
-        <m:MaterialCollectionItem ui:field="collectData" type="CHECKBOX" waves="DEFAULT">
-            <m:MaterialLink text="Data Usage" iconPosition="LEFT" iconType="DATA_USAGE" backgroundColor="WHITE" textColor="BLACK"/>
-            <m:MaterialCollectionSecondary>
-                <m:MaterialSwitch value="true"/>
-            </m:MaterialCollectionSecondary>
-        </m:MaterialCollectionItem>
-    </m:MaterialCollection>
+                    <m:MaterialCollection>
+                    <m:MaterialCollectionItem ui:field="collectWifi" type="CHECKBOX" waves="DEFAULT">
+                    <m:MaterialLink text="Wifi" iconPosition="LEFT" iconType="NETWORK_WIFI" backgroundColor="WHITE"
+                    textColor="BLACK"/>
+                    <m:MaterialCollectionSecondary>
+                    <m:MaterialSwitch value="true"/>
+                    </m:MaterialCollectionSecondary>
+                    </m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem ui:field="collectBluetooth" type="CHECKBOX" waves="DEFAULT">
+                    <m:MaterialLink text="Bluetooth" iconPosition="LEFT" iconType="BLUETOOTH" backgroundColor="WHITE"
+                    textColor="BLACK"/>
+                    <m:MaterialCollectionSecondary>
+                    <m:MaterialSwitch value="true"/>
+                    </m:MaterialCollectionSecondary>
+                    </m:MaterialCollectionItem>
+                    <m:MaterialCollectionItem ui:field="collectData" type="CHECKBOX" waves="DEFAULT">
+                    <m:MaterialLink text="Data Usage" iconPosition="LEFT" iconType="DATA_USAGE"
+                    backgroundColor="WHITE" textColor="BLACK"/>
+                    <m:MaterialCollectionSecondary>
+                    <m:MaterialSwitch value="true"/>
+                    </m:MaterialCollectionSecondary>
+                    </m:MaterialCollectionItem>
+                    </m:MaterialCollection>
- + 
-    @UiHandler("collectWifi")
-    void onWifi(ClickEvent e) {
-        MaterialToast.fireToast("Wifi Network");
-    }
-
-    @UiHandler("collectBluetooth")
-    void onBluetooth(ClickEvent e) {
-        MaterialToast.fireToast("Bluetooth");
-    }
-
-    @UiHandler("collectData")
-    void onData(ClickEvent e) {
-        MaterialToast.fireToast("Data Usage");
-    }
-
-    @UiHandler("itemClick")
-    void itemClick(ClickEvent e) {
-        MaterialToast.fireToast("DKO");
-    }
+                @UiHandler("collectWifi")
+                void onWifi(ClickEvent e) {
+                MaterialToast.fireToast("Wifi Network");
+                }
+
+                @UiHandler("collectBluetooth")
+                void onBluetooth(ClickEvent e) {
+                MaterialToast.fireToast("Bluetooth");
+                }
+
+                @UiHandler("collectData")
+                void onData(ClickEvent e) {
+                MaterialToast.fireToast("Data Usage");
+                }
+
+                @UiHandler("itemClick")
+                void itemClick(ClickEvent e) {
+                MaterialToast.fireToast("DKO");
+                }
diff --git a/src/main/java/gmd/core/demo/client/application/page/color/ColorModule.java b/src/main/java/gmd/core/demo/client/application/page/color/ColorModule.java index 04b0714..975d7ca 100644 --- a/src/main/java/gmd/core/demo/client/application/page/color/ColorModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/color/ColorModule.java @@ -25,6 +25,6 @@ public class ColorModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(ColorPresenter.class, ColorPresenter.MyView.class, ColorView.class, - ColorPresenter.MyProxy.class); + ColorPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/color/ColorPresenter.java b/src/main/java/gmd/core/demo/client/application/page/color/ColorPresenter.java index 9fb7d74..0f2ead7 100644 --- a/src/main/java/gmd/core/demo/client/application/page/color/ColorPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/color/ColorPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject ColorPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/color/ColorView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/color/ColorView.ui.xml index 2673c28..8ec0272 100644 --- a/src/main/java/gmd/core/demo/client/application/page/color/ColorView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/color/ColorView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -24,30 +24,34 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - - - + + + 
-    <m:MaterialPanel backgroundColor="TEAL_LIGHTEN_2" paddingTop="20" paddingBottom="20" textAlign="CENTER" shadow="1">
-        <m:MaterialLabel text="This is a Material Panel with a TEAL_LIGHTEN_2 class" />
-    </m:MaterialPanel>
+                    <m:MaterialPanel backgroundColor="TEAL_LIGHTEN_2" paddingTop="20" paddingBottom="20"
+                    textAlign="CENTER" shadow="1">
+                    <m:MaterialLabel text="This is a Material Panel with a TEAL_LIGHTEN_2 class" />
+                    </m:MaterialPanel>
- + 
-    <m:MaterialPanel backgroundColor="TEAL_LIGHTEN_2" paddingTop="20" paddingBottom="20" textAlign="CENTER" shadow="1">
-        <m:MaterialLabel text="This is a Material Panel with a TEAL_LIGHTEN_2 class" />
-    </m:MaterialPanel>
+                    <m:MaterialPanel backgroundColor="TEAL_LIGHTEN_2" paddingTop="20" paddingBottom="20"
+                    textAlign="CENTER" shadow="1">
+                    <m:MaterialLabel text="This is a Material Panel with a TEAL_LIGHTEN_2 class" />
+                    </m:MaterialPanel>
@@ -57,304 +61,1332 @@ - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + + + + + + + + + + + + + diff --git a/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerModule.java b/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerModule.java index 096e99d..951c872 100644 --- a/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerModule.java @@ -7,9 +7,9 @@ * 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. @@ -25,6 +25,6 @@ public class DatePickerModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(DatePickerPresenter.class, DatePickerPresenter.MyView.class, DatePickerView.class, - DatePickerPresenter.MyProxy.class); + DatePickerPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerPresenter.java b/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerPresenter.java index 7975c0a..cbb3915 100644 --- a/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject DatePickerPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerView.java b/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerView.java index 5dd7b3d..b38fb7f 100644 --- a/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerView.java +++ b/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerView.java @@ -7,9 +7,9 @@ * 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. @@ -49,30 +49,32 @@ interface Binder extends UiBinder { @UiField MaterialListBox lstLanguage; - private List languages = new ArrayList<>(); + private final List languages = new ArrayList<>(); + @SuppressWarnings({"deprecation"}) @Inject DatePickerView(Binder uiBinder) { initWidget(uiBinder.createAndBindUi(this)); + //noinspection deprecation dpLimit.setDateMin(new Date(117, 0, 1)); dpLimit.setDateMax(new Date(117, 0, 15)); // Events on date picker dpEvents.addOpenHandler(event -> { - if(event.getTarget().getValue() != null){ + if (event.getTarget().getValue() != null) { MaterialToast.fireToast("Opened Date Picker " + event.getTarget().getValue()); - }else{ - MaterialToast.fireToast("Opened Date Picker" ); + } else { + MaterialToast.fireToast("Opened Date Picker"); } }); dpEvents.addCloseHandler(event -> MaterialToast.fireToast("Closed Date Picker with value " + event.getTarget().getValue())); dpEvents.addValueChangeHandler(event -> MaterialToast.fireToast("Date Selected " + event.getValue())); dpOpenClose.addOpenHandler(event -> { - if(event.getTarget().getValue() != null){ + if (event.getTarget().getValue() != null) { MaterialToast.fireToast("Opened Date Picker " + event.getTarget().getValue()); } else { - MaterialToast.fireToast("Opened Date Picker" ); + MaterialToast.fireToast("Opened Date Picker"); } }); dpOpenClose.addCloseHandler(event -> MaterialToast.fireToast("Closed Date Picker with value " + event.getTarget().getValue())); @@ -81,17 +83,15 @@ interface Binder extends UiBinder { dpOpenClose.close(); }); - dpAutoClose.addValueChangeHandler(event -> { - MaterialToast.fireToast("Date Selected " + event.getValue()); - }); + dpAutoClose.addValueChangeHandler(event -> MaterialToast.fireToast("Date Selected " + event.getValue())); - dpBirthdate.setDate(new Date(50, 1, 1)); + dpBirthdate.setDate(new Date(50, 0, 1)); initLanguage(); } private void initLanguage() { - for(DatePickerLanguage lang : DataService.getAllDateLanguage()) { + for (DatePickerLanguage lang : DataService.getAllDateLanguage()) { languages.add(lang); lstLanguage.add(new Option(lang.getName())); } @@ -104,22 +104,24 @@ void onChange(ValueChangeEvent event) { } @UiHandler("btnSetDate") - void onSetDate(ClickEvent e){ - dp.setDate(new Date(116, 0,1)); + void onSetDate(ClickEvent e) { + dp.setDate(new Date(116, 0, 1)); } @UiHandler("btnGetDate") - void onGetDate(ClickEvent e){ + void onGetDate(ClickEvent e) { MaterialToast.fireToast("" + dp.getDate()); } @UiHandler("btnSetFormat") - void onDpFormat(ClickEvent e){ + void onDpFormat(ClickEvent e) { dpFormat.setDate(new Date()); } @UiHandler("btnClear") - void onDpClear(ClickEvent e) { dpClear.clear(); } + void onDpClear(ClickEvent e) { + dpClear.clear(); + } @UiHandler("btnGetValue") void onDpGetValue(ClickEvent e) { @@ -140,7 +142,7 @@ void onDpValueChange(ValueChangeEvent e) { void onDpValue(ClickEvent e) { //dpValue.setValue(new Date()); dpValue.setValue(new Date(), false); - Long l = new Date().getTime(); + long l = new Date().getTime(); l = l - 2592000000L; //1 Months in Milliseconds = 2592000000 Date dd = new Date(); dd.setTime(l); @@ -149,7 +151,7 @@ void onDpValue(ClickEvent e) { @UiHandler("btnDpValueEvent") void onDpValueEvent(ClickEvent e) { - Date date = new Date(123,1,1); + Date date = new Date(123, 0, 1); dpValue.setValue(date, true); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerView.ui.xml index 33afda3..df5c2ee 100644 --- a/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/datepicker/DatePickerView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -23,89 +23,103 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - + 
-    <m:MaterialDatePicker placeholder="Date" grid="s12 m4"/>
+                    <m:MaterialDatePicker placeholder="Date" grid="s12 m4"/>
- + 
-    <m:MaterialDatePicker placeholder="Birthday" enabled="false" grid="s12 m4"/>
+                    <m:MaterialDatePicker placeholder="Birthday" enabled="false" grid="s12 m4"/>
- + - + 
-    <m:MaterialDatePicker  placeholder="Date" selectionType="YEAR" grid="s12 m4"/>
+                    <m:MaterialDatePicker placeholder="Date" selectionType="YEAR" grid="s12 m4"/>
- + - - + + 
-    <m:MaterialRow>
-        <m:MaterialDatePicker  placeholder="Picker attached on it's own (SELF)" container="SELF" selectionType="YEAR" grid="s12 m4"/>
-        <m:MaterialDatePicker  placeholder="Picker attached on root (BODY)" container="BODY" selectionType="YEAR" grid="s12 m4"/>
-    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialDatePicker placeholder="Picker attached on its own (SELF)" container="SELF"
+                    selectionType="YEAR" grid="s12 m4"/>
+                    <m:MaterialDatePicker placeholder="Picker attached on root (BODY)" container="BODY"
+                    selectionType="YEAR" grid="s12 m4"/>
+                    </m:MaterialRow>
- + - + 
-    <m:MaterialDatePicker ui:field="dpBirthdate" placeholder="Birthdate" selectionType="YEAR" yearsToDisplay="50" grid="s12 m4"/>
+                    <m:MaterialDatePicker ui:field="dpBirthdate" placeholder="Birthdate" selectionType="YEAR"
+                    yearsToDisplay="50" grid="s12 m4"/>
- + - + 
-    <m:MaterialDatePicker ui:field="dpAutoClose" grid="s12 m4" autoClose="true" placeholder="Date" />
+                    <m:MaterialDatePicker ui:field="dpAutoClose" grid="s12 m4" autoClose="true" placeholder="Date" />
- + 
-    <m:MaterialDatePicker detectOrientation="true" grid="s12 m4" placeholder="Supports mobile orientations" />
+                    <m:MaterialDatePicker detectOrientation="true" grid="s12 m4" placeholder="Supports mobile
+                    orientations" />
@@ -113,94 +127,100 @@ - + 
-    <m:MaterialDatePicker ui:field="dp" grid="s12 m4" placeholder="Date" selectionType="YEAR"/>
-    <m:MaterialButton ui:field="btnSetDate" text="Set Date to January 1 2016" marginRight="20" marginTop="24"/>
-    <m:MaterialButton ui:field="btnGetDate" text="Get the date" marginTop="24"/>
+                    <m:MaterialDatePicker ui:field="dp" grid="s12 m4" placeholder="Date" selectionType="YEAR"/>
+                    <m:MaterialButton ui:field="btnSetDate" text="Set Date to January 1, 2016" marginRight="20"
+                    marginTop="24"/>
+                    <m:MaterialButton ui:field="btnGetDate" text="Get the date" marginTop="24"/>
- + 
-    @UiHandler("btnSetDate")
-    void onSetDate(ClickEvent e){
-        dp.setDate(new Date(116, 0,1));
-    }
-
-    @UiHandler("btnGetDate")
-    void onGetDate(ClickEvent e){
-        MaterialToast.fireToast("" + dp.getDate());
-    }
+                    @UiHandler("btnSetDate")
+                    void onSetDate(ClickEvent e){
+                    dp.setDate(new Date(116, 0,1));
+                    }
+
+                    @UiHandler("btnGetDate")
+                    void onGetDate(ClickEvent e){
+                    MaterialToast.fireToast("" + dp.getDate());
+                    }
- + 
-    <m:MaterialDatePicker ui:field="dpValue" placeholder="DatePicker" grid="s12 m4" />
-    <m:MaterialButton text="Set Value" ui:field="btnDpValue" marginRight="20" marginTop="24"/>
-    <m:MaterialButton text="Set Value with Event" ui:field="btnDpValueEvent" marginTop="24"/>
+                    <m:MaterialDatePicker ui:field="dpValue" placeholder="DatePicker" grid="s12 m4" />
+                    <m:MaterialButton text="Set Value" ui:field="btnDpValue" marginRight="20" marginTop="24"/>
+                    <m:MaterialButton text="Set Value with Event" ui:field="btnDpValueEvent" marginTop="24"/>
                 
-    @UiHandler("btnDpValue")
-    void onDpValue(ClickEvent e) {
-        //dpValue.setValue(new Date());
-        dpValue.setValue(new Date(), false);
-        Long l = new Date().getTime();
-        l = l - 2592000000L;      //1 Months in Milliseconds = 2592000000
-        Date dd = new Date();
-        dd.setTime(l);
-        dpValue.setPickerDate(JsDate.create(dd.getTime()), dpValue.getDateInput().getElement());
-    }
-
-    @UiHandler("btnDpValueEvent")
-    void onDpValueEvent(ClickEvent e) {
-        Date date = new Date(123,1,1);
-        dpValue.setValue(date, true);
-    }
+                    @UiHandler("btnDpValue")
+                    void onDpValue(ClickEvent e) {
+                    //dpValue.setValue(new Date());
+                    dpValue.setValue(new Date(), false);
+                    Long l = new Date().getTime();
+                    l = l - 2592000000L; //1 Months in Milliseconds = 2592000000
+                    Date dd = new Date();
+                    dd.setTime(l);
+                    dpValue.setPickerDate(JsDate.create(dd.getTime()), dpValue.getDateInput().getElement());
+                    }
+
+                    @UiHandler("btnDpValueEvent")
+                    void onDpValueEvent(ClickEvent e) {
+                    Date date = new Date(123,1,1);
+                    dpValue.setValue(date, true);
+                    }
- + - + 
-    <m:MaterialDatePicker ui:field="dpFormat" grid="s12 m4" placeholder="Custom Format" format="YYYY/MM/DD"/>
-    <m:MaterialButton ui:field="btnSetFormat" text="Set Date with custom format" marginTop="24"/>
+                    <m:MaterialDatePicker ui:field="dpFormat" grid="s12 m4" placeholder="Custom Format"
+                    format="YYYY/MM/DD"/>
+                    <m:MaterialButton ui:field="btnSetFormat" text="Set Date with custom format" marginTop="24"/>
- + 
-    @UiHandler("btnSetFormat")
-    void onDpFormat(ClickEvent e){
-        dpFormat.setDate(new Date());
-    }
+                    @UiHandler("btnSetFormat")
+                    void onDpFormat(ClickEvent e){
+                    dpFormat.setDate(new Date());
+                    }
- + @@ -273,28 +293,29 @@ - + 
-    <m:MaterialDatePicker ui:field="dpLimit" placeholder="With Limit"/>
+                    <m:MaterialDatePicker ui:field="dpLimit" placeholder="With Limit"/>
- + 
-    dpLimit.setDateMin(new Date(117, 0, 1));
-    dpLimit.setDateMax(new Date(117, 0, 15));
+                    dpLimit.setDateMin(new Date(117, 0, 1));
+                    dpLimit.setDateMax(new Date(117, 0, 15));
- + @@ -303,93 +324,100 @@ 
-    <m:MaterialRow>
-        <m:MaterialDatePicker ui:field="dpClear" grid="s12 m4" placeholder="Birthday" />
-    </m:MaterialRow>
-    <m:MaterialRow>
-        <m:MaterialButton ui:field="btnClear" text="Clear" iconType="CLEAR" marginRight="20" marginTop="24"/>
-        <m:MaterialButton ui:field="btnGetValue" text="Get Value" marginTop="24"/>
-    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialDatePicker ui:field="dpClear" grid="s12 m4" placeholder="Birthday" />
+                    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialButton ui:field="btnClear" text="Clear" iconType="CLEAR" marginRight="20"
+                    marginTop="24"/>
+                    <m:MaterialButton ui:field="btnGetValue" text="Get Value" marginTop="24"/>
+                    </m:MaterialRow>
- + 
-    @UiHandler("btnClear")
-    void onDpClear(ClickEvent e) { dpClear.clear(); }
+                    @UiHandler("btnClear")
+                    void onDpClear(ClickEvent e) { dpClear.clear(); }
 
-    @UiHandler("btnGetValue")
-    void onDpGetValue(ClickEvent e) {
-        MaterialToast.fireToast(dpClear.getValue() + "");
-    }
+                    @UiHandler("btnGetValue")
+                    void onDpGetValue(ClickEvent e) {
+                    MaterialToast.fireToast(dpClear.getValue() + "");
+                    }
- + - + 
-    <m:MaterialRow>
-        <m:MaterialDatePicker ui:field="dpOpenClose" grid="s12 m4" placeholder="Birthdate" />
-    </m:MaterialRow>
-    <m:MaterialButton ui:field="btnOpen" text="Open DatePicker" marginTop="24"/>
+                    <m:MaterialRow>
+                    <m:MaterialDatePicker ui:field="dpOpenClose" grid="s12 m4" placeholder="Birthdate" />
+                    </m:MaterialRow>
+                    <m:MaterialButton ui:field="btnOpen" text="Open DatePicker" marginTop="24"/>
                 
-    dpOpenClose.addOpenHandler(event -> {
-        if(event.getTarget().getValue() != null){
-            MaterialToast.fireToast("Opened Date Picker " + event.getTarget().getValue());
-        } else {
-            MaterialToast.fireToast("Opened Date Picker" );
-        }
-    });
-    dpOpenClose.addCloseHandler(event -> MaterialToast.fireToast("Closed Date Picker with value " + event.getTarget().getValue()));
-    dpOpenClose.addValueChangeHandler(event -> {
-        MaterialToast.fireToast("Date Selected " + event.getValue());
-        dpOpenClose.close();
-    });
+                    dpOpenClose.addOpenHandler(event -> {
+                    if(event.getTarget().getValue() != null){
+                    MaterialToast.fireToast("Opened Date Picker " + event.getTarget().getValue());
+                    } else {
+                    MaterialToast.fireToast("Opened Date Picker" );
+                    }
+                    });
+                    dpOpenClose.addCloseHandler(event -> MaterialToast.fireToast("Closed Date Picker with value " +
+                    event.getTarget().getValue()));
+                    dpOpenClose.addValueChangeHandler(event -> {
+                    MaterialToast.fireToast("Date Selected " + event.getValue());
+                    dpOpenClose.close();
+                    });
- - + + 
-    @UiHandler("btnOpen")
-    void onOpen(ClickEvent e) {
-        dpOpenClose.open();
-    }
+                    @UiHandler("btnOpen")
+                    void onOpen(ClickEvent e) {
+                    dpOpenClose.open();
+                    }
- + 
-    // Events on date picker
-    dpEvents.addOpenHandler(event -> {
-        if(event.getTarget().getValue() != null){
-            MaterialToast.fireToast("Opened Date Picker " + event.getTarget().getValue());
-        } else {
-            MaterialToast.fireToast("Opened Date Picker" );
-        }
-    });
-    dpEvents.addCloseHandler(event -> MaterialToast.fireToast("Closed Date Picker with value " + event.getTarget().getValue()));
-    dpEvents.addValueChangeHandler(event -> MaterialToast.fireToast("Date Selected " + event.getValue()));
+                    // Events on date picker
+                    dpEvents.addOpenHandler(event -> {
+                    if(event.getTarget().getValue() != null){
+                    MaterialToast.fireToast("Opened Date Picker " + event.getTarget().getValue());
+                    } else {
+                    MaterialToast.fireToast("Opened Date Picker" );
+                    }
+                    });
+                    dpEvents.addCloseHandler(event -> MaterialToast.fireToast("Closed Date Picker with value " +
+                    event.getTarget().getValue()));
+                    dpEvents.addValueChangeHandler(event -> MaterialToast.fireToast("Date Selected " +
+                    event.getValue()));
- + @@ -397,7 +425,8 @@ 
-    <m:MaterialDatePicker ui:field="dpTranslation" language="AR" placeholder="With Translation" grid="l4"/>
+                    <m:MaterialDatePicker ui:field="dpTranslation" language="AR" placeholder="With Translation"
+                    grid="l4"/>
diff --git a/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogModule.java b/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogModule.java index bb1c7cb..a3c0b0a 100644 --- a/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogModule.java @@ -25,6 +25,6 @@ public class DialogModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(DialogPresenter.class, DialogPresenter.MyView.class, DialogView.class, - DialogPresenter.MyProxy.class); + DialogPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogPresenter.java b/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogPresenter.java index bbe7276..4e4add4 100644 --- a/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject DialogPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogView.ui.xml index 3df5c9a..3bc57de 100644 --- a/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/dialogs/DialogView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -23,49 +23,56 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - + 
-    MaterialToast.fireToast("I Love Material Design");
+                    MaterialToast.fireToast("I Love Material Design");
- + 
-    MaterialLink link = new MaterialLink("UNDO");
-    link.addClickHandler(event -> MaterialToast.fireToast("UNDO DONE"));
-    new MaterialToast(link).toast("Item Deleted");
+                    MaterialLink link = new MaterialLink("UNDO");
+                    link.addClickHandler(event -> MaterialToast.fireToast("UNDO DONE"));
+                    new MaterialToast(link).toast("Item Deleted");
- + 
-    MaterialToast.fireToast("I Love Material Design", "rounded");
+                    MaterialToast.fireToast("I Love Material Design", "rounded");
- + 
-    new MaterialToast(() -> MaterialToast.fireToast("BANG!")).toast("Explosion in: 5, 4, 3, 2, 1", 5000);
+                    new MaterialToast(() -> MaterialToast.fireToast("BANG!")).toast("Explosion in: 5, 4, 3, 2, 1",
+                    5000);
- + - + @@ -74,9 +81,15 @@ 
-                    <m:MaterialDialog ui:field="dialog" type="DEFAULT" dismissible="false" inDuration="500" outDuration="500">
+                    <m:MaterialDialog ui:field="dialog" type="DEFAULT" dismissible="false" inDuration="500"
+                    outDuration="500">
                     <m:MaterialDialogContent>
-                    <m:MaterialTitle title="Default Dialog" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum" />
+                    <m:MaterialTitle title="Default Dialog" description="Lorem ipsum dolor sit amet, consectetur
+                    adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                    veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                    irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+                    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+                    est laborum" />
                     </m:MaterialDialogContent>
                     <m:MaterialDialogFooter>
                     <m:MaterialButton text="Close Dialog" type="FLAT" ui:field="btnCloseDialog"/>
@@ -91,11 +104,14 @@
             
         
 
-        
+        
             
-            
+            
                 
-                    
+                    
                 
                 
                     
@@ -104,27 +120,29 @@
             
             
                 
-    OverlayOption option = OverlayOption.create();
-    option.setBlur(new Blur(4, $("header"),
-    $(".side-nav"),
-    $(".app-container")));
-    RootPanel.get().add(dialogBlur);
-    dialogBlur.setOverlayOption(option);
-    dialogBlur.open();
+                    OverlayOption option = OverlayOption.create();
+                    option.setBlur(new Blur(4, $("header"),
+                    $(".side-nav"),
+                    $(".app-container")));
+                    RootPanel.get().add(dialogBlur);
+                    dialogBlur.setOverlayOption(option);
+                    dialogBlur.open();
                 

             
             
                 
-    dialog.open();
+                    dialog.open();
                 

             
         
 
         
             
-            
+            
                 
-                    
+                    
                 
                 
                     
@@ -133,23 +151,31 @@
             
             
                 
-    <m:MaterialDialog ui:field="dialogFixed" type="FIXED_FOOTER" dismissible="false" inDuration="500" outDuration="500">
-        <m:MaterialDialogContent>
-            <m:MaterialTitle title="Fixed Footer Dialog" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum" />
-        </m:MaterialDialogContent>
-        <m:MaterialDialogFooter>
-            <m:MaterialButton text="Close Dialog" type="FLAT" ui:field="btnCloseFixedDialog"/>
-        </m:MaterialDialogFooter>
-    </m:MaterialDialog>
+                    <m:MaterialDialog ui:field="dialogFixed" type="FIXED_FOOTER" dismissible="false" inDuration="500"
+                    outDuration="500">
+                    <m:MaterialDialogContent>
+                    <m:MaterialTitle title="Fixed Footer Dialog" description="Lorem ipsum dolor sit amet, consectetur
+                    adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                    veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                    irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+                    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+                    est laborum" />
+                    </m:MaterialDialogContent>
+                    <m:MaterialDialogFooter>
+                    <m:MaterialButton text="Close Dialog" type="FLAT" ui:field="btnCloseFixedDialog"/>
+                    </m:MaterialDialogFooter>
+                    </m:MaterialDialog>
                 

             
         
 
         
             
-            
+            
                 
-                    
+                    
                 
                 
                     
@@ -158,22 +184,31 @@
             
             
                 
-    <m:MaterialDialog ui:field="dialogBottomSheet" type="BOTTOM_SHEET" dismissible="false" inDuration="500" outDuration="500">
-        <m:MaterialDialogContent>
-            <m:MaterialTitle title="Bottom Sheet Dialog" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum" />
-        </m:MaterialDialogContent>
-        <m:MaterialDialogFooter>
-            <m:MaterialButton text="Close Dialog" type="FLAT" ui:field="btnCloseBottomSheetDialog"/>
-        </m:MaterialDialogFooter>
-    </m:MaterialDialog>
+                    <m:MaterialDialog ui:field="dialogBottomSheet" type="BOTTOM_SHEET" dismissible="false"
+                    inDuration="500" outDuration="500">
+                    <m:MaterialDialogContent>
+                    <m:MaterialTitle title="Bottom Sheet Dialog" description="Lorem ipsum dolor sit amet, consectetur
+                    adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                    veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                    irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+                    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+                    est laborum" />
+                    </m:MaterialDialogContent>
+                    <m:MaterialDialogFooter>
+                    <m:MaterialButton text="Close Dialog" type="FLAT" ui:field="btnCloseBottomSheetDialog"/>
+                    </m:MaterialDialogFooter>
+                    </m:MaterialDialog>
                 

             
         
 
-        
-            
+        
+            
                 
-                    
+                    
                 
                 
                     
@@ -182,37 +217,44 @@
             
             
                 
-    <m:MaterialDialog ui:field="dialogClosable" type="FIXED_FOOTER" dismissible="true" inDuration="500" outDuration="500">
-        .....
-    </m:MaterialDialog>
+                    <m:MaterialDialog ui:field="dialogClosable" type="FIXED_FOOTER" dismissible="true"
+                    inDuration="500" outDuration="500">
+                    .....
+                    </m:MaterialDialog>
                 

             
         
 
-        
-            
-            
+        
+            
+            
                 
-                    
+                    
                 
                 
-                    
+                    
                     
                 
             
             
                 
-    <m:MaterialDialog ui:field="dialogClosable" fullscreen="true">
-        .....
-    </m:MaterialDialog>
+                    <m:MaterialDialog ui:field="dialogClosable" fullscreen="true">
+                    .....
+                    </m:MaterialDialog>
                 

             
         
 
-        
-            
+        
+            
                 
-                    
+                    
                 
                 
                     
@@ -221,17 +263,19 @@
             
             
                 
-    dialogEvents.addOpenHandler(openEvent -> MaterialToast.fireToast("Opened"));
-    dialogEvents.addCloseHandler(closeEvent -> MaterialToast.fireToast("Closed"));
+                    dialogEvents.addOpenHandler(openEvent -> MaterialToast.fireToast("Opened"));
+                    dialogEvents.addCloseHandler(closeEvent -> MaterialToast.fireToast("Closed"));
                 

             
         
 
-        
+        
             
             
                 
-                    
+                    
                 
                 
                     
@@ -241,7 +285,8 @@
             
             
                 
-                    
+                    
                 
                 
                     
@@ -251,7 +296,8 @@
             
             
                 
-                    
+                    
                 
                 
                     
@@ -261,74 +307,90 @@
             
             
                 
-    <!-- Dialog 1 -->
-    <m:MaterialDialog ui:field="dialog1" type="FIXED_FOOTER">
-        <m:MaterialDialogContent>
-            <m:MaterialTitle title="Dialog 1" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum" />
-        </m:MaterialDialogContent>
-        <m:MaterialDialogFooter>
-            <m:MaterialButton text="Open Dialog 2" type="FLAT" ui:field="btnOpenDialog2"/>
-            <m:MaterialButton text="Close Dialog 1" type="FLAT" ui:field="btnCloseDialog1"/>
-        </m:MaterialDialogFooter>
-    </m:MaterialDialog>
-    <!-- Dialog 2 -->
-    <m:MaterialDialog ui:field="dialog2" type="FIXED_FOOTER">
-        <m:MaterialDialogContent>
-            <m:MaterialTitle title="Dialog 2" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum" />
-        </m:MaterialDialogContent>
-        <m:MaterialDialogFooter>
-            <m:MaterialButton text="Open Dialog 3" type="FLAT" ui:field="btnOpenDialog3"/>
-            <m:MaterialButton text="Close Dialog 2" type="FLAT" ui:field="btnCloseDialog2"/>
-        </m:MaterialDialogFooter>
-    </m:MaterialDialog>
-    <!-- Dialog 3 -->
-    <m:MaterialDialog ui:field="dialog3" type="FIXED_FOOTER">
-        <m:MaterialDialogContent>
-            <m:MaterialTitle title="Dialog 3" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum" />
-        </m:MaterialDialogContent>
-        <m:MaterialDialogFooter>
-            <m:MaterialButton text="Close Dialog 3" type="FLAT" ui:field="btnCloseDialog3"/>
-        </m:MaterialDialogFooter>
-    </m:MaterialDialog>
+                    <!-- Dialog 1 -->
+                    <m:MaterialDialog ui:field="dialog1" type="FIXED_FOOTER">
+                    <m:MaterialDialogContent>
+                    <m:MaterialTitle title="Dialog 1" description="Lorem ipsum dolor sit amet, consectetur adipiscing
+                    elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+                    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum"
+                    />
+                    </m:MaterialDialogContent>
+                    <m:MaterialDialogFooter>
+                    <m:MaterialButton text="Open Dialog 2" type="FLAT" ui:field="btnOpenDialog2"/>
+                    <m:MaterialButton text="Close Dialog 1" type="FLAT" ui:field="btnCloseDialog1"/>
+                    </m:MaterialDialogFooter>
+                    </m:MaterialDialog>
+                    <!-- Dialog 2 -->
+                    <m:MaterialDialog ui:field="dialog2" type="FIXED_FOOTER">
+                    <m:MaterialDialogContent>
+                    <m:MaterialTitle title="Dialog 2" description="Lorem ipsum dolor sit amet, consectetur adipiscing
+                    elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+                    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum"
+                    />
+                    </m:MaterialDialogContent>
+                    <m:MaterialDialogFooter>
+                    <m:MaterialButton text="Open Dialog 3" type="FLAT" ui:field="btnOpenDialog3"/>
+                    <m:MaterialButton text="Close Dialog 2" type="FLAT" ui:field="btnCloseDialog2"/>
+                    </m:MaterialDialogFooter>
+                    </m:MaterialDialog>
+                    <!-- Dialog 3 -->
+                    <m:MaterialDialog ui:field="dialog3" type="FIXED_FOOTER">
+                    <m:MaterialDialogContent>
+                    <m:MaterialTitle title="Dialog 3" description="Lorem ipsum dolor sit amet, consectetur adipiscing
+                    elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+                    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum"
+                    />
+                    </m:MaterialDialogContent>
+                    <m:MaterialDialogFooter>
+                    <m:MaterialButton text="Close Dialog 3" type="FLAT" ui:field="btnCloseDialog3"/>
+                    </m:MaterialDialogFooter>
+                    </m:MaterialDialog>
                 

             
-            
+
             
                 
-    @UiHandler("btnOpenDialog1")
-    void onOpenDialog1(ClickEvent e) {
-        dialog1.open();
-    }
+                    @UiHandler("btnOpenDialog1")
+                    void onOpenDialog1(ClickEvent e) {
+                    dialog1.open();
+                    }
 
-    @UiHandler("btnOpenDialog2")
-    void onOpenDialog2(ClickEvent e) {
-        dialog2.open();
-    }
+                    @UiHandler("btnOpenDialog2")
+                    void onOpenDialog2(ClickEvent e) {
+                    dialog2.open();
+                    }
 
-    @UiHandler("btnOpenDialog3")
-    void onOpenDialog3(ClickEvent e) {
-        dialog3.open();
-    }
+                    @UiHandler("btnOpenDialog3")
+                    void onOpenDialog3(ClickEvent e) {
+                    dialog3.open();
+                    }
 
-    @UiHandler("btnCloseDialog1")
-    void onCloseDialog1(ClickEvent e) {
-        dialog1.close();
-    }
+                    @UiHandler("btnCloseDialog1")
+                    void onCloseDialog1(ClickEvent e) {
+                    dialog1.close();
+                    }
 
-    @UiHandler("btnCloseDialog2")
-    void onCloseDialog2(ClickEvent e) {
-        dialog2.close();
-    }
+                    @UiHandler("btnCloseDialog2")
+                    void onCloseDialog2(ClickEvent e) {
+                    dialog2.close();
+                    }
 
-    @UiHandler("btnCloseDialog3")
-    void onCloseDialog3(ClickEvent e) {
-        dialog3.close();
-    }
+                    @UiHandler("btnCloseDialog3")
+                    void onCloseDialog3(ClickEvent e) {
+                    dialog3.close();
+                    }
                 

             
         
 
-        
+        
             
                 
             
@@ -346,31 +408,35 @@
             
             
                 
-    <m:MaterialTooltip text="I am tooltip" position="BOTTOM">
-        <m:MaterialButton text="Tooltip with Button"  margin="12" text="Bottom" waves="LIGHT"/>
-    </m:MaterialTooltip>
-                    
-    <-- Or -->
-    <m:MaterialButton text="Tooltip with Button" tooltip="Sample Tooltip" tooltipPosition="BOTTOM" />                 
+                    <m:MaterialTooltip text="I am tooltip" position="BOTTOM">
+                    <m:MaterialButton text="Tooltip with Button" margin="12" text="Bottom" waves="LIGHT"/>
+                    </m:MaterialTooltip>
+
+                    <-- Or -->
+                    <m:MaterialButton text="Tooltip with Button" tooltip="Sample Tooltip" tooltipPosition="BOTTOM" />
                 

             
         
 
-        
-            
+        
+            
             
                 
-    <m:MaterialButton tooltipDelayMs="0" tooltipHTML="<i>Italic text</i>" text="Tooltip with HTML" />
+                    <m:MaterialButton tooltipDelayMs="0" tooltipHTML="<i>Italic text</i>" text="Tooltip
+                    with HTML" />
                 

             
         
 
         
-            
+            
             
             
                 
-                    <m:MaterialButton tooltipDelayMs="0" tooltipHTML="<i>Italic text</i>" text="Tooltip with HTML" />
+                    <m:MaterialButton tooltipDelayMs="0" tooltipHTML="<i>Italic text</i>" text="Tooltip
+                    with HTML" />
                 

             
         
diff --git a/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownModule.java b/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownModule.java
index 8d74155..3393d51 100644
--- a/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownModule.java
+++ b/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownModule.java
@@ -25,6 +25,6 @@ public class DropdownModule extends AbstractPresenterModule {
     @Override
     protected void configure() {
         bindPresenter(DropdownPresenter.class, DropdownPresenter.MyView.class, DropdownView.class,
-                DropdownPresenter.MyProxy.class);
+            DropdownPresenter.MyProxy.class);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownPresenter.java b/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownPresenter.java
index 1d1cf9f..a6c2b2f 100644
--- a/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownPresenter.java
+++ b/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownPresenter.java
@@ -7,9 +7,9 @@
  * 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.
@@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace {
 
     @Inject
     DropdownPresenter(
-            EventBus eventBus,
-            MyView view,
-            MyProxy proxy,
-            PlaceManager placeManager) {
+        EventBus eventBus,
+        MyView view,
+        MyProxy proxy,
+        PlaceManager placeManager) {
         super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownView.java b/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownView.java
index 46b2fae..65c20c8 100644
--- a/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownView.java
+++ b/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownView.java
@@ -7,9 +7,9 @@
  * 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.
@@ -40,7 +40,7 @@ interface Binder extends UiBinder {
     }
 
     @UiHandler("dropdown")
-    void onDropdown(SelectionEvent callback){
-        MaterialToast.fireToast("Selected : " + ((MaterialLink)callback.getSelectedItem()).getText());
+    void onDropdown(SelectionEvent callback) {
+        MaterialToast.fireToast("Selected : " + ((MaterialLink) callback.getSelectedItem()).getText());
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownView.ui.xml
index 6e42dca..c52756f 100644
--- a/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownView.ui.xml
+++ b/src/main/java/gmd/core/demo/client/application/page/dropdown/DropdownView.ui.xml
@@ -7,9 +7,9 @@
   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.
@@ -26,39 +26,54 @@
         
             
                 

-                    
activator - name of your dropdown, a unique name needs for the activator to set it e.g activates='dropdown_name'

-                    
constraintWidth - Does not change width of dropdown to that of the activator

-                    
belowOrigin - displays dropdown below the button

-                    
hover - If sets to true, when you hover to your activator, dropdown component will be shown.

+                    

+                        activator
+                        - name of your dropdown, a unique name needs for the activator to set it e.g.
+                        activates='dropdown_name'
+                    

+                    

+                        constraintWidth
+                        - Does not change width of dropdown to that of the activator
+                    

+                    

+                        belowOrigin
+                        - displays dropdown below the button
+                    

+                    

+                        hover
+                        - If sets to true, when you hover to your activator, dropdown component will be shown.
+                    

                 

             
         
 
-        
-            
-            
+        
+            
+            
             
-                
-                
-                
+                
+                
+                
             
             
                 
-    <m:MaterialButton  text="Dropdown" iconType="ARROW_DROP_DOWN" iconPosition="RIGHT"  activates="dp-2"/>
-    <!-- My Drop Down -->
-    <m:MaterialDropDown activator="dp-2" constrainWidth="true">
-        <m:MaterialLink text="First" />
-        <m:MaterialLink text="Second" />
-        <m:MaterialLink text="Third" />
-    </m:MaterialDropDown>
+                    <m:MaterialButton text="Dropdown" iconType="ARROW_DROP_DOWN" iconPosition="RIGHT"
+                    activates="dp-2"/>
+                    <!-- My Drop Down -->
+                    <m:MaterialDropDown activator="dp-2" constrainWidth="true">
+                    <m:MaterialLink text="First" />
+                    <m:MaterialLink text="Second" />
+                    <m:MaterialLink text="Third" />
+                    </m:MaterialDropDown>
                 

             
         
 
         
             
-            
-            
+            
+            
             
                 
                 
@@ -66,14 +81,15 @@
             
             
                 
-    <!-- Activator -->
-    <m:MaterialButton  text="Dropdown" iconType="ARROW_DROP_DOWN" iconPosition="RIGHT"  activates="dp-3"/>
-    <!-- My Drop Down -->
-    <m:MaterialDropDown activator="dp-3" constrainWidth="true">
-        <m:MaterialLink text="First" iconType="POLYMER" iconPosition="RIGHT" separator="true"/>
-        <m:MaterialLink text="Second" iconType="POLYMER" iconPosition="RIGHT" separator="true"/>
-        <m:MaterialLink text="Third" iconType="POLYMER" iconPosition="RIGHT" separator="true"/>
-    </m:MaterialDropDown>
+                    <!-- Activator -->
+                    <m:MaterialButton text="Dropdown" iconType="ARROW_DROP_DOWN" iconPosition="RIGHT"
+                    activates="dp-3"/>
+                    <!-- My Drop Down -->
+                    <m:MaterialDropDown activator="dp-3" constrainWidth="true">
+                    <m:MaterialLink text="First" iconType="POLYMER" iconPosition="RIGHT" separator="true"/>
+                    <m:MaterialLink text="Second" iconType="POLYMER" iconPosition="RIGHT" separator="true"/>
+                    <m:MaterialLink text="Third" iconType="POLYMER" iconPosition="RIGHT" separator="true"/>
+                    </m:MaterialDropDown>
                 

             
         
@@ -82,72 +98,84 @@
             
 
             
-                
-                
-                
+                
+                
+                
             
             
                 
-    <m:MaterialIcon iconType="PHONE" iconColor="BLACK" activates="dp-4" waves="DEFAULT"/>
+                    <m:MaterialIcon iconType="PHONE" iconColor="BLACK" activates="dp-4" waves="DEFAULT"/>
 
-    <m:MaterialDropDown activator="dp-4" constrainWidth="false">
-        <m:MaterialLink ui:field="linkDialPad" fontSize="0.9em"  width="200px" waves="DEFAULT" textColor="BLACK" iconType="DIALPAD" iconPosition="LEFT" text="Redial" />
-        <m:MaterialLink ui:field="linkVoicemail" fontSize="0.9em"  width="200px" waves="DEFAULT" enabled="false" textColor="BLACK" iconType="VOICEMAIL" iconPosition="LEFT" text="Check voicemail" separator="true"/>
-        <m:MaterialLink ui:field="linkNotification" fontSize="0.9em"  width="200px" waves="DEFAULT" textColor="BLACK" iconType="NOTIFICATIONS_OFF" iconPosition="LEFT" text="Disable Notification" />
-    </m:MaterialDropDown>
+                    <m:MaterialDropDown activator="dp-4" constrainWidth="false">
+                    <m:MaterialLink ui:field="linkDialPad" fontSize="0.9em" width="200px" waves="DEFAULT"
+                    textColor="BLACK" iconType="DIALPAD" iconPosition="LEFT" text="Redial" />
+                    <m:MaterialLink ui:field="linkVoicemail" fontSize="0.9em" width="200px" waves="DEFAULT"
+                    enabled="false" textColor="BLACK" iconType="VOICEMAIL" iconPosition="LEFT" text="Check voicemail"
+                    separator="true"/>
+                    <m:MaterialLink ui:field="linkNotification" fontSize="0.9em" width="200px" waves="DEFAULT"
+                    textColor="BLACK" iconType="NOTIFICATIONS_OFF" iconPosition="LEFT" text="Disable Notification" />
+                    </m:MaterialDropDown>
                 

             
         
 
-        
+        
             
                 
                 
                     
-                    
+                    
                 
             
 
             
             
-                
-                
-                
+                
+                
+                
             
             
                 
-    <m:MaterialNavBar width="100%">
-        <m:MaterialNavBrand paddingLeft="20" text="GMD" position="LEFT"/>
-        <m:MaterialNavSection position="RIGHT" hideOn="NONE">
-            <!--Activator -->
-            <m:MaterialLink text="Dropdown" activates="dp-5"  iconType="ARROW_DROP_DOWN" iconPosition="RIGHT"/>
-        </m:MaterialNavSection>
-    </m:MaterialNavBar>
+                    <m:MaterialNavBar width="100%">
+                    <m:MaterialNavBrand paddingLeft="20" text="GMD" position="LEFT"/>
+                    <m:MaterialNavSection position="RIGHT" hideOn="NONE">
+                    <!--Activator -->
+                    <m:MaterialLink text="Dropdown" activates="dp-5" iconType="ARROW_DROP_DOWN"
+                    iconPosition="RIGHT"/>
+                    </m:MaterialNavSection>
+                    </m:MaterialNavBar>
 
-    <!-- My Dropdown -->
-    <m:MaterialDropDown activator="dp-5" constrainWidth="true">
-        <m:MaterialLink waves="DEFAULT" textColor="BLACK" text="Drop 1" />
-        <m:MaterialLink waves="DEFAULT" enabled="false" textColor="BLACK" text="Drop 2"  separator="true"/>
-        <m:MaterialLink waves="DEFAULT" textColor="BLACK" text="Drop 3" />
-    </m:MaterialDropDown>
+                    <!-- My Dropdown -->
+                    <m:MaterialDropDown activator="dp-5" constrainWidth="true">
+                    <m:MaterialLink waves="DEFAULT" textColor="BLACK" text="Drop 1" />
+                    <m:MaterialLink waves="DEFAULT" enabled="false" textColor="BLACK" text="Drop 2"
+                    separator="true"/>
+                    <m:MaterialLink waves="DEFAULT" textColor="BLACK" text="Drop 3" />
+                    </m:MaterialDropDown>
                 

             
         
 
         
-            
-            
+            
+            
             
-                
-                
-                
+                
+                
+                
             
             
                 
-    @UiHandler("dropdown")
-    void onDropdown(SelectionEvent<Widget> callback){
-        MaterialToast.fireToast("Selected : " + ((MaterialLink)callback.getSelectedItem()).getText());
-    }
+                    @UiHandler("dropdown")
+                    void onDropdown(SelectionEvent<Widget> callback){
+                    MaterialToast.fireToast("Selected : " + ((MaterialLink)callback.getSelectedItem()).getText());
+                    }
                 

             
         
diff --git a/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsModule.java b/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsModule.java
index 50560c5..da4b1df 100644
--- a/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsModule.java
+++ b/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsModule.java
@@ -25,6 +25,6 @@ public class ErrorsModule extends AbstractPresenterModule {
     @Override
     protected void configure() {
         bindPresenter(ErrorsPresenter.class, ErrorsPresenter.MyView.class, ErrorsView.class,
-                ErrorsPresenter.MyProxy.class);
+            ErrorsPresenter.MyProxy.class);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsPresenter.java b/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsPresenter.java
index 4ec45d6..3f82f50 100644
--- a/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsPresenter.java
+++ b/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsPresenter.java
@@ -7,9 +7,9 @@
  * 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.
@@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace {
 
     @Inject
     ErrorsPresenter(
-            EventBus eventBus,
-            MyView view,
-            MyProxy proxy,
-            PlaceManager placeManager) {
+        EventBus eventBus,
+        MyView view,
+        MyProxy proxy,
+        PlaceManager placeManager) {
         super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsView.java b/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsView.java
index 5ce29fc..6b4a26e 100644
--- a/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsView.java
+++ b/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsView.java
@@ -7,9 +7,9 @@
  * 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.
@@ -29,7 +29,16 @@
 import gwt.material.design.addins.client.autocomplete.base.MaterialSuggestionOracle;
 import gwt.material.design.addins.client.combobox.MaterialComboBox;
 import gwt.material.design.addins.client.timepicker.MaterialTimePicker;
-import gwt.material.design.client.ui.*;
+import gwt.material.design.client.ui.MaterialDatePicker;
+import gwt.material.design.client.ui.MaterialDoubleBox;
+import gwt.material.design.client.ui.MaterialFloatBox;
+import gwt.material.design.client.ui.MaterialIntegerBox;
+import gwt.material.design.client.ui.MaterialListBox;
+import gwt.material.design.client.ui.MaterialLongBox;
+import gwt.material.design.client.ui.MaterialRange;
+import gwt.material.design.client.ui.MaterialSwitch;
+import gwt.material.design.client.ui.MaterialTextArea;
+import gwt.material.design.client.ui.MaterialTextBox;
 
 import javax.inject.Inject;
 
diff --git a/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsView.ui.xml
index bf12f0e..40b8bc6 100644
--- a/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsView.ui.xml
+++ b/src/main/java/gmd/core/demo/client/application/page/errors/ErrorsView.ui.xml
@@ -7,9 +7,9 @@
   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.
@@ -24,9 +24,11 @@
              xmlns:g="urn:import:com.google.gwt.user.client.ui">
 
     
-        
+        
             
-                
+                
             
             
                 
@@ -38,38 +40,48 @@
             
             
                 
-    public class EmailValidator extends RegExValidator {
-      public EmailValidator() {
-        super("^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.(?:[a-zA-Z]{2,6})$", "Not a valid email address.");
-      }
-
-      @Override
-      public int getPriority() {
-        return 0;
-      }
-    }
-
-    // Add the validator to the input component
-    txtBox.addValidator(new EmailValidator());
+                    public class EmailValidator extends RegExValidator {
+                      public EmailValidator() {
+                        super("^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.(?:[a-zA-Z]{2,6})$", "Not a valid email address.");
+                      }
+
+                      @Override
+                      public int getPriority() {
+                        return 0;
+                      }
+                    }
+
+                    // Add the validator to the input component
+                    txtBox.addValidator(new EmailValidator());
                 

             
         
 
-        
+        
             
-                
-                
-                
-                
-                
-                
-                
-                
-                
+                
+                
+                
+                
+                
+                
+                
+                
+                
             
             
                 
-    <m:MaterialTextBox ui:field="txtBoxValidate" required="true" label="Required Value (TextBox)" grid="s12"/>
+                    <m:MaterialTextBox ui:field="txtBoxValidate" required="true" label="Required Value (TextBox)"
+                    grid="s12"/>
                 

             
         
@@ -77,30 +89,33 @@
         
             
                 
-    // Setting Error
-    txtBox.setErrorText("This is an error message for Text Field.");
-    // Setting Success
-    txtBox.setSuccessText("This is a success message for Text Field.");
-    // Setting Helper
-    txtBox.setHelperText("This is a helper text for Text Field.");
-    // Clearing Status Text
-    txtBox.clearStatusText();
+                    // Setting Error
+                    txtBox.setErrorText("This is an error message for Text Field.");
+                    // Setting Success
+                    txtBox.setSuccessText("This is a success message for Text Field.");
+                    // Setting Helper
+                    txtBox.setHelperText("This is a helper text for Text Field.");
+                    // Clearing Status Text
+                    txtBox.clearStatusText();
                 

             
         
 
-        
+        
             
             
                 
             
             
-                
-                
-                
+                
+                
+                
                 
             
-            
+
         
 
         
@@ -109,67 +124,83 @@
                 
             
             
-                
-                
-                
+                
+                
+                
                 
             
-            
+
         
         
             
             
-                
+                
             
             
-                
-                
-                
+                
+                
+                
                 
             
-            
+
         
 
         
             
             
-                
+                
             
             
-                
-                
-                
+                
+                
+                
                 
             
-            
+
         
 
         
             
             
-                
+                
             
             
-                
-                
-                
+                
+                
+                
                 
             
-            
+
         
 
         
             
             
-                
+                
             
             
-                
-                
-                
+                
+                
+                
                 
             
-            
+
         
 
         
@@ -178,18 +209,21 @@
                 
             
             
-                
-                
-                
+                
+                
+                
                 
             
-            
+
         
 
         
             
             
-                
+                
                     
                         
                         
@@ -198,12 +232,15 @@
                 
             
             
-                
-                
-                
+                
+                
+                
                 
             
-            
+
         
 
         
@@ -216,12 +253,15 @@
                 
             
             
-                
-                
-                
+                
+                
+                
                 
             
-            
+
         
     
 
diff --git a/src/main/java/gmd/core/demo/client/application/page/fab/FabModule.java b/src/main/java/gmd/core/demo/client/application/page/fab/FabModule.java
index eb65971..3c35f6c 100644
--- a/src/main/java/gmd/core/demo/client/application/page/fab/FabModule.java
+++ b/src/main/java/gmd/core/demo/client/application/page/fab/FabModule.java
@@ -25,6 +25,6 @@ public class FabModule extends AbstractPresenterModule {
     @Override
     protected void configure() {
         bindPresenter(FabPresenter.class, FabPresenter.MyView.class, FabView.class,
-                FabPresenter.MyProxy.class);
+            FabPresenter.MyProxy.class);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/fab/FabPresenter.java b/src/main/java/gmd/core/demo/client/application/page/fab/FabPresenter.java
index da9ef19..9cf3a8a 100644
--- a/src/main/java/gmd/core/demo/client/application/page/fab/FabPresenter.java
+++ b/src/main/java/gmd/core/demo/client/application/page/fab/FabPresenter.java
@@ -7,9 +7,9 @@
  * 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.
@@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace {
 
     @Inject
     FabPresenter(
-            EventBus eventBus,
-            MyView view,
-            MyProxy proxy,
-            PlaceManager placeManager) {
+        EventBus eventBus,
+        MyView view,
+        MyProxy proxy,
+        PlaceManager placeManager) {
         super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/fab/FabView.java b/src/main/java/gmd/core/demo/client/application/page/fab/FabView.java
index 8a8d77c..af97772 100644
--- a/src/main/java/gmd/core/demo/client/application/page/fab/FabView.java
+++ b/src/main/java/gmd/core/demo/client/application/page/fab/FabView.java
@@ -7,9 +7,9 @@
  * 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.
diff --git a/src/main/java/gmd/core/demo/client/application/page/fab/FabView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/fab/FabView.ui.xml
index 8ab8f95..6391aa6 100644
--- a/src/main/java/gmd/core/demo/client/application/page/fab/FabView.ui.xml
+++ b/src/main/java/gmd/core/demo/client/application/page/fab/FabView.ui.xml
@@ -7,9 +7,9 @@
   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.
@@ -23,35 +23,39 @@
              xmlns:g="urn:import:com.google.gwt.user.client.ui">
 
     
-        
+        
             
                 
                 
                     
-                    
-                    
-                    
-                    
+                    
+                    
+                    
+                    
                 
             
             
                 
-    <m:MaterialFAB depth="995">
-        <m:MaterialButton type="FLOATING" iconType="POLYMER" size="LARGE"/>
-        <m:MaterialFABList>
-            <m:MaterialAnchorButton type="FLOATING" waves="LIGHT" iconType="POLYMER"/>
-            <m:MaterialAnchorButton type="FLOATING" waves="LIGHT" backgroundColor="GREEN"  iconType="POLYMER"/>
-            <m:MaterialAnchorButton type="FLOATING" waves="LIGHT" backgroundColor="RED"  iconType="POLYMER"/>
-            <m:MaterialAnchorButton type="FLOATING" waves="LIGHT" backgroundColor="ORANGE"  iconType="POLYMER"/>
-            <m:MaterialAnchorButton type="FLOATING" waves="LIGHT"  iconType="POLYMER"/>
-        </m:MaterialFABList>
-    </m:MaterialFAB>
+                    <m:MaterialFAB depth="995">
+                    <m:MaterialButton type="FLOATING" iconType="POLYMER" size="LARGE"/>
+                    <m:MaterialFABList>
+                    <m:MaterialAnchorButton type="FLOATING" waves="LIGHT" iconType="POLYMER"/>
+                    <m:MaterialAnchorButton type="FLOATING" waves="LIGHT" backgroundColor="GREEN"
+                    iconType="POLYMER"/>
+                    <m:MaterialAnchorButton type="FLOATING" waves="LIGHT" backgroundColor="RED" iconType="POLYMER"/>
+                    <m:MaterialAnchorButton type="FLOATING" waves="LIGHT" backgroundColor="ORANGE"
+                    iconType="POLYMER"/>
+                    <m:MaterialAnchorButton type="FLOATING" waves="LIGHT" iconType="POLYMER"/>
+                    </m:MaterialFABList>
+                    </m:MaterialFAB>
                 

             
         
 
-        
-            
+        
+            
             
             
                 
@@ -59,101 +63,122 @@
                         
                         
                             
-                            
-                            
-                            
-                            
+                            
+                            
+                            
+                            
                         
                     
                 
             
             
                 
-    // Opening the FAB
-    fab.open();
-    
-    // Closing the FAB
-    fab.close();
+                    // Opening the FAB
+                    fab.open();
+
+                    // Closing the FAB
+                    fab.close();
                 

             
         
 
-        
+        
             
                 
                     
                         
                         
                             
-                            
-                            
-                            
-                            
+                            
+                            
+                            
+                            
                         
                     
                 
             
             
                 
-    <m:MaterialFAB axis="HORIZONTAL" depth="995" layoutPosition="ABSOLUTE" right="0">
-        .....
-    </m:MaterialFAB>
+                    <m:MaterialFAB axis="HORIZONTAL" depth="995" layoutPosition="ABSOLUTE" right="0">
+                    .....
+                    </m:MaterialFAB>
                 

             
         
 
-        
+        
             
                 
                     
                         
                         
                             
-                            
-                            
-                            
-                            
+                            
+                            
+                            
+                            
                         
                     
                 
             
             
                 
-    <m:MaterialFAB type="CLICK_ONLY">
-        .....
-    </m:MaterialFAB>
+                    <m:MaterialFAB type="CLICK_ONLY">
+                    .....
+                    </m:MaterialFAB>
                 

             
         
         
             
                 
-                    
-                        
+                    
+                        
                         
                             
-                            
-                            
-                            
-                            
+                            
+                            
+                            
+                            
                         
                     
-                    
-                        
+                    
+                        
                         
                             
-                            
-                            
-                            
-                            
+                            
+                            
+                            
+                            
                         
                     
                 
             
             
                 
-    btnFABEvent.addOpenHandler(openEvent -> MaterialToast.fireToast("Opened Default FAB"));
-    btnFABEvent.addCloseHandler(closeEvent -> MaterialToast.fireToast("Closed Default FAB"));
+                    btnFABEvent.addOpenHandler(openEvent -> MaterialToast.fireToast("Opened Default FAB"));
+                    btnFABEvent.addCloseHandler(closeEvent -> MaterialToast.fireToast("Closed Default FAB"));
                 

             
         
diff --git a/src/main/java/gmd/core/demo/client/application/page/footer/FooterModule.java b/src/main/java/gmd/core/demo/client/application/page/footer/FooterModule.java
index 555079a..96a81e2 100644
--- a/src/main/java/gmd/core/demo/client/application/page/footer/FooterModule.java
+++ b/src/main/java/gmd/core/demo/client/application/page/footer/FooterModule.java
@@ -25,6 +25,6 @@ public class FooterModule extends AbstractPresenterModule {
     @Override
     protected void configure() {
         bindPresenter(FooterPresenter.class, FooterPresenter.MyView.class, FooterView.class,
-                FooterPresenter.MyProxy.class);
+            FooterPresenter.MyProxy.class);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/footer/FooterPresenter.java b/src/main/java/gmd/core/demo/client/application/page/footer/FooterPresenter.java
index cb9d0c7..8613a44 100644
--- a/src/main/java/gmd/core/demo/client/application/page/footer/FooterPresenter.java
+++ b/src/main/java/gmd/core/demo/client/application/page/footer/FooterPresenter.java
@@ -7,9 +7,9 @@
  * 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.
@@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace {
 
     @Inject
     FooterPresenter(
-            EventBus eventBus,
-            MyView view,
-            MyProxy proxy,
-            PlaceManager placeManager) {
+        EventBus eventBus,
+        MyView view,
+        MyProxy proxy,
+        PlaceManager placeManager) {
         super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/footer/FooterView.java b/src/main/java/gmd/core/demo/client/application/page/footer/FooterView.java
index 3d10f7a..59725d1 100644
--- a/src/main/java/gmd/core/demo/client/application/page/footer/FooterView.java
+++ b/src/main/java/gmd/core/demo/client/application/page/footer/FooterView.java
@@ -7,9 +7,9 @@
  * 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.
diff --git a/src/main/java/gmd/core/demo/client/application/page/footer/FooterView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/footer/FooterView.ui.xml
index ce6cb2e..aa3e356 100644
--- a/src/main/java/gmd/core/demo/client/application/page/footer/FooterView.ui.xml
+++ b/src/main/java/gmd/core/demo/client/application/page/footer/FooterView.ui.xml
@@ -7,9 +7,9 @@
   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.
@@ -23,41 +23,48 @@
              xmlns:g="urn:import:com.google.gwt.user.client.ui">
 
     
-        
+        
             
                 
                     
-                        
+                        
                         
                     
                     
-                        
+                        
                         
                     
                 
 
                 
-                    
+                    
                 
             
             
                 
-    <m:MaterialFooter ui:field="footer" addStyleNames="custom-footer">
-        <m:MaterialRow>
-            <m:MaterialColumn grid="s12 m6 l6">
-                <m:MaterialTitle textColor="WHITE" title="Join The Discussion" description="We provide Gitter Chat rooms in order for GWT Developers discussed and collaborate about GWT Material Design and Phonegap Integration."/>
-                <m:MaterialButton ui:field="btnChat" text="CHAT" waves="LIGHT"/>
-            </m:MaterialColumn>
-            <m:MaterialColumn grid="s12 m6 l6">
-                <m:MaterialTitle textColor="WHITE" title="GWT Phonegap" description="We provide Gitter Chat rooms in order for GWT Developers discussed and collaborate about GWT Material Design and Phonegap Integration."/>
-                <m:MaterialButton ui:field="btnDownloadPhonegap" text="GWT Material APK" waves="LIGHT"/>
-            </m:MaterialColumn>
-        </m:MaterialRow>
+                    <m:MaterialFooter ui:field="footer" addStyleNames="custom-footer">
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="s12 m6 l6">
+                    <m:MaterialTitle textColor="WHITE" title="Join The Discussion" description="We provide Gitter
+                    Chat rooms in order for GWT Developers discussed and collaborate about GWT Material Design and
+                    Phonegap Integration."/>
+                    <m:MaterialButton ui:field="btnChat" text="CHAT" waves="LIGHT"/>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="s12 m6 l6">
+                    <m:MaterialTitle textColor="WHITE" title="GWT Phonegap" description="We provide Gitter Chat rooms
+                    in order for GWT Developers discussed and collaborate about GWT Material Design and Phonegap
+                    Integration."/>
+                    <m:MaterialButton ui:field="btnDownloadPhonegap" text="GWT Material APK" waves="LIGHT"/>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
 
-        <m:MaterialFooterCopyright addStyleNames="footer-copyright">
-            <m:MaterialLabel text="© 2015 Copyright GWT Material" />
-        </m:MaterialFooterCopyright>
-    </m:MaterialFooter>
+                    <m:MaterialFooterCopyright addStyleNames="footer-copyright">
+                    <m:MaterialLabel text="© 2015 Copyright GWT Material" />
+                    </m:MaterialFooterCopyright>
+                    </m:MaterialFooter>
                 

             
         
diff --git a/src/main/java/gmd/core/demo/client/application/page/home/HomeModule.java b/src/main/java/gmd/core/demo/client/application/page/home/HomeModule.java
index 6099723..2af231b 100644
--- a/src/main/java/gmd/core/demo/client/application/page/home/HomeModule.java
+++ b/src/main/java/gmd/core/demo/client/application/page/home/HomeModule.java
@@ -7,9 +7,9 @@
  * 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.
@@ -25,6 +25,6 @@ public class HomeModule extends AbstractPresenterModule {
     @Override
     protected void configure() {
         bindPresenter(HomePresenter.class, HomePresenter.MyView.class, HomeView.class,
-                HomePresenter.MyProxy.class);
+            HomePresenter.MyProxy.class);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/home/HomePresenter.java b/src/main/java/gmd/core/demo/client/application/page/home/HomePresenter.java
index 7194e7d..b724c4d 100644
--- a/src/main/java/gmd/core/demo/client/application/page/home/HomePresenter.java
+++ b/src/main/java/gmd/core/demo/client/application/page/home/HomePresenter.java
@@ -7,9 +7,9 @@
  * 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.
@@ -38,6 +38,7 @@
 public class HomePresenter extends Presenter {
     interface MyView extends View {
         void buildDashboards(List dashboards);
+
         void buildVideos(List videos);
     }
 
@@ -48,9 +49,9 @@ interface MyProxy extends ProxyPlace {
 
     @Inject
     HomePresenter(
-            EventBus eventBus,
-            MyView view,
-            MyProxy proxy) {
+        EventBus eventBus,
+        MyView view,
+        MyProxy proxy) {
         super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN);
     }
 
diff --git a/src/main/java/gmd/core/demo/client/application/page/home/HomeView.java b/src/main/java/gmd/core/demo/client/application/page/home/HomeView.java
index d80f123..77e0fe3 100644
--- a/src/main/java/gmd/core/demo/client/application/page/home/HomeView.java
+++ b/src/main/java/gmd/core/demo/client/application/page/home/HomeView.java
@@ -7,9 +7,9 @@
  * 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.
diff --git a/src/main/java/gmd/core/demo/client/application/page/home/HomeView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/home/HomeView.ui.xml
index 4d50a54..79a9bf6 100644
--- a/src/main/java/gmd/core/demo/client/application/page/home/HomeView.ui.xml
+++ b/src/main/java/gmd/core/demo/client/application/page/home/HomeView.ui.xml
@@ -7,9 +7,9 @@
   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.
@@ -27,13 +27,15 @@
             
             
             
-            
-            
+            
+            
         
 
         
             
-            
+            
         
 
         
@@ -44,7 +46,7 @@
 
         
             
-            
+            
         
 
         
@@ -56,11 +58,13 @@
         
             
                 
-                
+                
             
             
                 
-    mvn archetype:generate -DarchetypeGroupId=com.github.gwtmaterialdesign -DarchetypeArtifactId=gwt-material-archetype -DarchetypeVersion=2.1.1
+                    mvn archetype:generate -DarchetypeGroupId=com.github.gwtmaterialdesign
+                    -DarchetypeArtifactId=gwt-material-archetype -DarchetypeVersion=2.1.1
                 

             
         
@@ -68,12 +72,15 @@
         
             
                 
-                
+                
             
 
             
                 
-    mvn archetype:generate -DarchetypeGroupId=com.github.gwtmaterialdesign -DarchetypeArtifactId=gwt-material-archetype -DarchetypeRepository=https://oss.sonatype.org/content/repositories/snapshots/ -DarchetypeVersion=2.2-SNAPSHOT
+                    mvn archetype:generate -DarchetypeGroupId=com.github.gwtmaterialdesign
+                    -DarchetypeArtifactId=gwt-material-archetype
+                    -DarchetypeRepository=https://oss.sonatype.org/content/repositories/snapshots/
+                    -DarchetypeVersion=2.2-SNAPSHOT
                 

             
         
diff --git a/src/main/java/gmd/core/demo/client/application/page/icon/IconModule.java b/src/main/java/gmd/core/demo/client/application/page/icon/IconModule.java
index c753060..7a266c8 100644
--- a/src/main/java/gmd/core/demo/client/application/page/icon/IconModule.java
+++ b/src/main/java/gmd/core/demo/client/application/page/icon/IconModule.java
@@ -25,6 +25,6 @@ public class IconModule extends AbstractPresenterModule {
     @Override
     protected void configure() {
         bindPresenter(IconPresenter.class, IconPresenter.MyView.class, IconView.class,
-                IconPresenter.MyProxy.class);
+            IconPresenter.MyProxy.class);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/icon/IconPresenter.java b/src/main/java/gmd/core/demo/client/application/page/icon/IconPresenter.java
index 6df0b35..6908b84 100644
--- a/src/main/java/gmd/core/demo/client/application/page/icon/IconPresenter.java
+++ b/src/main/java/gmd/core/demo/client/application/page/icon/IconPresenter.java
@@ -7,9 +7,9 @@
  * 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.
@@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace {
 
     @Inject
     IconPresenter(
-            EventBus eventBus,
-            MyView view,
-            MyProxy proxy,
-            PlaceManager placeManager) {
+        EventBus eventBus,
+        MyView view,
+        MyProxy proxy,
+        PlaceManager placeManager) {
         super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/icon/IconView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/icon/IconView.ui.xml
index b2c9a3c..fbd9adb 100644
--- a/src/main/java/gmd/core/demo/client/application/page/icon/IconView.ui.xml
+++ b/src/main/java/gmd/core/demo/client/application/page/icon/IconView.ui.xml
@@ -7,9 +7,9 @@
   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.
@@ -23,54 +23,56 @@
              xmlns:g="urn:import:com.google.gwt.user.client.ui">
 
     
-        
-            
+        
+            
             
                 
-    <m:MaterialIcon iconType="ROTATION_3D" />
+                    <m:MaterialIcon iconType="ROTATION_3D" />
                 

             
         
 
-        
+        
             
                 
-                    
-                    
+                    
+                    
                 
                 
-                    
-                    
+                    
+                    
                 
                 
-                    
-                    
+                    
+                    
                 
                 
-                    
-                    
+                    
+                    
                 
             
             
                 
-    <m:MaterialRow addStyleNames="valign-wrapper">
-        <m:MaterialColumn grid="s4 m2" textAlign="CENTER">
-            <m:MaterialIcon iconType="POLYMER" iconSize="TINY" />
-            <m:MaterialLabel text="Tiny" />
-        </m:MaterialColumn>
-        <m:MaterialColumn grid="s4 m2" textAlign="CENTER">
-            <m:MaterialIcon iconType="POLYMER" iconSize="SMALL" />
-            <m:MaterialLabel text="Small" />
-        </m:MaterialColumn>
-        <m:MaterialColumn grid="s4 m2" textAlign="CENTER">
-            <m:MaterialIcon iconType="POLYMER" iconSize="MEDIUM" />
-            <m:MaterialLabel text="Medium" />
-        </m:MaterialColumn>
-        <m:MaterialColumn grid="s4 m2" textAlign="CENTER">
-            <m:MaterialIcon iconType="POLYMER" iconSize="LARGE" />
-            <m:MaterialLabel text="Large" />
-        </m:MaterialColumn>
-    </m:MaterialRow>
+                    <m:MaterialRow addStyleNames="valign-wrapper">
+                    <m:MaterialColumn grid="s4 m2" textAlign="CENTER">
+                    <m:MaterialIcon iconType="POLYMER" iconSize="TINY" />
+                    <m:MaterialLabel text="Tiny" />
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="s4 m2" textAlign="CENTER">
+                    <m:MaterialIcon iconType="POLYMER" iconSize="SMALL" />
+                    <m:MaterialLabel text="Small" />
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="s4 m2" textAlign="CENTER">
+                    <m:MaterialIcon iconType="POLYMER" iconSize="MEDIUM" />
+                    <m:MaterialLabel text="Medium" />
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="s4 m2" textAlign="CENTER">
+                    <m:MaterialIcon iconType="POLYMER" iconSize="LARGE" />
+                    <m:MaterialLabel text="Large" />
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
                 

             
         
@@ -78,83 +80,103 @@
         
             
                 
-                    
-                    
+                    
+                    
                 
                 
-                    
-                    
+                    
+                    
                 
                 
-                    
-                    
+                    
+                    
                 
                 
-                    
-                    
+                    
+                    
                 
                 
-                    
-                    
+                    
+                    
                 
             
         
 
-        
-            
+        
+            
             
                 
-    <m:MaterialLink fontSize="2em" text="I love Material Design" textColor="RED" iconType="FAVORITE" iconPosition="LEFT" />
+                    <m:MaterialLink fontSize="2em" text="I love Material Design" textColor="RED" iconType="FAVORITE"
+                    iconPosition="LEFT" />
                 

             
         
 
-        
-            
+        
+            
             
                 
-    <!-- Font Awesome Icons import -->
-    <inherits name="gwt.material.design.incubator.FontAwesomeResources" />
+                    <!-- Font Awesome Icons import -->
+                    <inherits name="gwt.material.design.incubator.FontAwesomeResources" />
                 

             
 
-            
+            
             
                 
-    <m:MaterialIcon customIconType="fas fa-spider" iconColor="RED_DARKEN_2" iconSize="TINY" marginRight="20"/>
-    <m:MaterialIcon customIconType="fas fa-spider" iconColor="RED_DARKEN_2" iconSize="SMALL" marginRight="20"/>
-    <m:MaterialIcon customIconType="fas fa-spider" iconColor="RED_DARKEN_2" iconSize="MEDIUM" marginRight="20"/>
-    <m:MaterialIcon customIconType="fas fa-spider" iconColor="RED_DARKEN_2" iconSize="LARGE" marginRight="20"/>
+                    <m:MaterialIcon customIconType="fas fa-spider" iconColor="RED_DARKEN_2" iconSize="TINY"
+                    marginRight="20"/>
+                    <m:MaterialIcon customIconType="fas fa-spider" iconColor="RED_DARKEN_2" iconSize="SMALL"
+                    marginRight="20"/>
+                    <m:MaterialIcon customIconType="fas fa-spider" iconColor="RED_DARKEN_2" iconSize="MEDIUM"
+                    marginRight="20"/>
+                    <m:MaterialIcon customIconType="fas fa-spider" iconColor="RED_DARKEN_2" iconSize="LARGE"
+                    marginRight="20"/>
                 

             
 
             
-                
-                
-                
-                
+                
+                
+                
+                
             
 
             
-                
-                
+                
+                
             
 
             
-                
-                
+                
+                
             
 
             
                 
-                
+                
                 
                 
             
         
-        
+
         
-            
+            
             
                 
 
diff --git a/src/main/java/gmd/core/demo/client/application/page/layout/LayoutModule.java b/src/main/java/gmd/core/demo/client/application/page/layout/LayoutModule.java
index 0854e95..3c3f43d 100644
--- a/src/main/java/gmd/core/demo/client/application/page/layout/LayoutModule.java
+++ b/src/main/java/gmd/core/demo/client/application/page/layout/LayoutModule.java
@@ -25,6 +25,6 @@ public class LayoutModule extends AbstractPresenterModule {
     @Override
     protected void configure() {
         bindPresenter(LayoutPresenter.class, LayoutPresenter.MyView.class, LayoutView.class,
-                LayoutPresenter.MyProxy.class);
+            LayoutPresenter.MyProxy.class);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/layout/LayoutPresenter.java b/src/main/java/gmd/core/demo/client/application/page/layout/LayoutPresenter.java
index 8018449..e4e3ba5 100644
--- a/src/main/java/gmd/core/demo/client/application/page/layout/LayoutPresenter.java
+++ b/src/main/java/gmd/core/demo/client/application/page/layout/LayoutPresenter.java
@@ -7,9 +7,9 @@
  * 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.
@@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace {
 
     @Inject
     LayoutPresenter(
-            EventBus eventBus,
-            MyView view,
-            MyProxy proxy,
-            PlaceManager placeManager) {
+        EventBus eventBus,
+        MyView view,
+        MyProxy proxy,
+        PlaceManager placeManager) {
         super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager);
     }
 }
diff --git a/src/main/java/gmd/core/demo/client/application/page/layout/LayoutView.java b/src/main/java/gmd/core/demo/client/application/page/layout/LayoutView.java
index 0edcac3..e23881e 100644
--- a/src/main/java/gmd/core/demo/client/application/page/layout/LayoutView.java
+++ b/src/main/java/gmd/core/demo/client/application/page/layout/LayoutView.java
@@ -33,7 +33,6 @@
 import gwt.material.design.client.constants.OffsetPosition;
 import gwt.material.design.client.ui.MaterialLink;
 import gwt.material.design.client.ui.MaterialPanel;
-import gwt.material.design.client.ui.MaterialRow;
 
 import javax.inject.Inject;
 
@@ -58,7 +57,7 @@ interface Binder extends UiBinder {
     @UiField
     MaterialPanel container;
 
-    protected ScrollHelper scrollHelper = new ScrollHelper();
+    protected final ScrollHelper scrollHelper = new ScrollHelper();
 
     @Inject
     LayoutView(Binder uiBinder) {
diff --git a/src/main/java/gmd/core/demo/client/application/page/layout/LayoutView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/layout/LayoutView.ui.xml
index b35f1b6..d7567d2 100644
--- a/src/main/java/gmd/core/demo/client/application/page/layout/LayoutView.ui.xml
+++ b/src/main/java/gmd/core/demo/client/application/page/layout/LayoutView.ui.xml
@@ -7,9 +7,9 @@
   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.
@@ -21,530 +21,663 @@
              xmlns:m='urn:import:gwt.material.design.client.ui'
              xmlns:widget="urn:import:gmd.core.demo.client.application.widget"
              xmlns:m.html="urn:import:gwt.material.design.client.ui.html"
-			 xmlns:ma="urn:import:gwt.material.design.addins.client"
+             xmlns:ma="urn:import:gwt.material.design.addins.client"
              xmlns:g="urn:import:com.google.gwt.user.client.ui">
 
     
-        
-            
+        
+            
             
                 
                     
-                        
+                        
                     
                     
-                        
+                        
                     
                     
-                        
+                        
                     
                     
-                        
+                        
                     
                     
-                        
+                        
                     
                 
             
             
                 
-    <m:MaterialPanel ui:field="container" containerEnabled="true">
-        .....
-    </m:MaterialPanel>
+                    <m:MaterialPanel ui:field="container" containerEnabled="true">
+                    .....
+                    </m:MaterialPanel>
                 

             
         
 
         
             
-                 1   
-                 2  
-                 3  
-                 4  
-                 5  
-                 6  
-                 7  
-                 8  
-                 9  
-                 10  
-                 11  
-                 12  
+                
+                    1
+                
+                
+                    2
+                
+                
+                    3
+                
+                
+                    4
+                
+                
+                    5
+                
+                
+                    6
+                
+                
+                    7
+                
+                
+                    8
+                
+                
+                    9
+                
+                
+                    10
+                
+                
+                    11
+                
+                
+                    12
+                
             
-            
+            
 
             
                 
-    <m:MaterialRow>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 1 </m.html:Span>  </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 2 </m.html:Span> </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 3 </m.html:Span> </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 4 </m.html:Span> </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 5 </m.html:Span> </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 6 </m.html:Span> </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 7 </m.html:Span> </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 8 </m.html:Span> </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 9 </m.html:Span> </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 10 </m.html:Span> </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 11 </m.html:Span> </m:MaterialColumn>
-        <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER"><m.html:Span> 12 </m.html:Span> </m:MaterialColumn>
-    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 1 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 2 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 3 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 4 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 5 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 6 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 7 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 8 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 9 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 10 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 11 </m.html:Span> </m:MaterialColumn>
+                    <m:MaterialColumn grid="s1" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER"><m.html:Span> 12 </m.html:Span> </m:MaterialColumn>
+                    </m:MaterialRow>
                 

             
         
 
-        
+        
+            
+                
+                    
+                        This div is 12-columns wide on all screen sizes
+                    
+                
+            
             
-                
-					 This div is 12-columns wide on all screen sizes  
-				
+                
+                    
+                        6-columns (one-half)
+                    
+                
+                
+                    
+                        6-columns (one-half)
+                    
+                
             
+            
+                
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="s12" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER">
+                    <g:HTMLPanel><m.html:Span > This div is 12-columns wide on all screen sizes </m.html:Span>
+                    </g:HTMLPanel>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="s6" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER">
+                    <g:HTMLPanel><m.html:Span > 6-columns (one-half) </m.html:Span></g:HTMLPanel>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="s6" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER">
+                    <g:HTMLPanel><m.html:Span > 6-columns (one-half) </m.html:Span></g:HTMLPanel>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
+                

+            
+        
+
+        
             
-                
-					 6-columns (one-half) 
-				
-                
-					 6-columns (one-half) 
-				
+                
+                    
+                        This div is 12-columns wide on all screen sizes
+                    
+                
+                
+                    
+                        6-columns (offset-by-6)
+                    
+                
             
             
                 
-	<m:MaterialRow>
-		<m:MaterialColumn grid="s12" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER">
-			<g:HTMLPanel><m.html:Span > This div is 12-columns wide on all screen sizes </m.html:Span> </g:HTMLPanel>
-		</m:MaterialColumn>
-	</m:MaterialRow>
-	<m:MaterialRow>
-		<m:MaterialColumn grid="s6" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER">
-			<g:HTMLPanel><m.html:Span > 6-columns (one-half) </m.html:Span></g:HTMLPanel>
-		</m:MaterialColumn>
-		<m:MaterialColumn grid="s6" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER">
-			<g:HTMLPanel><m.html:Span > 6-columns (one-half) </m.html:Span></g:HTMLPanel>
-		</m:MaterialColumn>
-	</m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="s12" backgroundColor="RED" textColor="WHITE" padding="12" border="2px
+                    solid #ffffff" textAlign="CENTER">
+                    <g:HTMLPanel><m.html:Span>This div is 12-columns wide on all screen sizes</m.html:Span></g:HTMLPanel>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="s6" offset="s6" backgroundColor="RED" textColor="WHITE" padding="12"
+                    border="2px solid #ffffff" textAlign="CENTER">
+                    <g:HTMLPanel><m.html:Span>6-columns (offset-by-6)</m.html:Span></g:HTMLPanel>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
+                

+            
+        
+
+        
+            
+                
+                    I am always full-width (col s12)
+                
+                
+                    I am full-width on mobile (col s12 m6)
+                
+            
+            
+                
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="s12" textColor="WHITE" padding="12" border="2px solid #ffffff"
+                    textAlign="CENTER" backgroundColor="TEAL_LIGHTEN_2">
+                    <m.html:Span>I am always full-width (col s12)</m.html:Span>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="s12 m6" textColor="WHITE" padding="12" border="2px solid #ffffff"
+                    textAlign="CENTER" backgroundColor="TEAL_LIGHTEN_2">
+                    <m.html:Span>I am full-width on mobile (col s12 m6)</m.html:Span>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
+                

+            
+        
+
+        
+            
+                
+            
+            
+            
+                
+            
+            
+            
+                
+            
+            
+            
+                
+                    <m:MaterialSection>
+                    <m:MaterialTitle title="Section 1" description="Stuff"/>
+                    </m:MaterialSection>
+                    <m:MaterialDivider/>
+                    <m:MaterialSection>
+                    <m:MaterialTitle title="Section 2" description="Stuff"/>
+                    </m:MaterialSection>
+                    <m:MaterialDivider/>
+                    <m:MaterialSection>
+                    <m:MaterialTitle title="Section 3" description="Stuff"/>
+                    </m:MaterialSection>
+                    <m:MaterialDivider/>
                 

             
         
 
-        
-			
-				
-					This div is 12-columns wide on all screen sizes
-				
-				
-					6-columns (offset-by-6)
-				
-			
+        
+            
+                
+            
             
                 
-	<m:MaterialRow>
-		<m:MaterialColumn grid="s12" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER">
-			<g:HTMLPanel><m.html:Span>This div is 12-columns wide on all screen sizes</m.html:Span></g:HTMLPanel>
-		</m:MaterialColumn>
-		<m:MaterialColumn grid="s6" offset="s6" backgroundColor="RED" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER">
-			<g:HTMLPanel><m.html:Span>6-columns (offset-by-6)</m.html:Span></g:HTMLPanel>
-		</m:MaterialColumn>
-	</m:MaterialRow>
+                    <m:MaterialPanel valignWrapper="true" height="400px" backgroundColor="GREY_LIGHTEN_3">
+                    <m:MaterialLabel fontSize="2em" textAlign="CENTER" text="This should be vertically aligned"/>
+                    </m:MaterialPanel>
                 

             
         
 
-		
-			
-				
-					I am always full-width (col s12)
-				
-				
-					I am full-width on mobile (col s12 m6)
-				
-			
-			
-				
-	<m:MaterialRow>
-		<m:MaterialColumn grid="s12" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER" backgroundColor="TEAL_LIGHTEN_2">
-			<m.html:Span>I am always full-width (col s12)</m.html:Span>
-		</m:MaterialColumn>
-		<m:MaterialColumn grid="s12 m6" textColor="WHITE" padding="12" border="2px solid #ffffff" textAlign="CENTER" backgroundColor="TEAL_LIGHTEN_2">
-			<m.html:Span>I am full-width on mobile (col s12 m6)</m.html:Span>
-		</m:MaterialColumn>
-	</m:MaterialRow>
-				

-			
-		
-
-		
-			
-				
-			
-			
-			
-				
-			
-			
-			
-				
-			
-			
-			
-				
-	<m:MaterialSection>
-		<m:MaterialTitle title="Section 1" description="Stuff"/>
-	</m:MaterialSection>
-	<m:MaterialDivider/>
-	<m:MaterialSection>
-		<m:MaterialTitle title="Section 2" description="Stuff"/>
-	</m:MaterialSection>
-	<m:MaterialDivider/>
-	<m:MaterialSection>
-		<m:MaterialTitle title="Section 3" description="Stuff"/>
-	</m:MaterialSection>
-	<m:MaterialDivider/>
-				

-			
-		
-
-		
-			
-				
-			
-			
-				
-	<m:MaterialPanel valignWrapper="true" height="400px" backgroundColor="GREY_LIGHTEN_3">
-		<m:MaterialLabel fontSize="2em" textAlign="CENTER" text="This should be vertically aligned"/>
-	</m:MaterialPanel>
-				

-			
-		
-
-		
-			
-				
-			
-			
-			
-				
-			
-
-			
-				
-			
-			
-				
-	<m:MaterialPanel textAlign="LEFT" backgroundColor="GREY_LIGHTEN_3" padding="12" marginTop="12">
-		<m:MaterialLabel fontSize="1.5em" text="This should be left aligned"/>
-	</m:MaterialPanel>
-
-	<m:MaterialPanel textAlign="CENTER" backgroundColor="GREY_LIGHTEN_3" padding="12" marginTop="12">
-		<m:MaterialLabel fontSize="1.5em" text="This should be center aligned"/>
-	</m:MaterialPanel>
-
-	<m:MaterialPanel textAlign="RIGHT" backgroundColor="GREY_LIGHTEN_3" padding="12" marginTop="12">
-		<m:MaterialLabel fontSize="1.5em" text="This should be right aligned"/>
-	</m:MaterialPanel>
-				

-			
-		
-
-		
-			
-				
-	<m:MaterialPanel valignWrapper="true" backgroundColor="GREY_LIGHTEN_3">
-		<m:MaterialLabel text="FLOAT LEFT" float="LEFT" />
-		<m:MaterialLabel text="FLOAT RIGHT" float="RIGHT" />
-	</m:MaterialPanel>
-				

-			
-		
-
-		
-			
-				
-			
-			
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Screen Range
HIDE_ON_SMALLHidden for Mobile Only
HIDE_ON_SMALL_DOWNHidden for Mobile Only and Below
HIDE_ON_MEDHidden for Tablet Only
HIDE_ON_MED_DOWNHidden for Tablet and Below
HIDE_ON_MED_UPHidden for Tablet and Above
HIDE_ON_LARGEHidden for Desktop Only
- - - - 
-	<m:MaterialPanel backgroundColor="GREY_LIGHTEN_3" hideOn="HIDE_ON_SMALL">
-		<m:MaterialLabel fontSize="2em" textAlign="CENTER" text="HIDE_ON_SMALL"/>
-	</m:MaterialPanel>
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Screen Range
SHOW_ON_SMALLShown for Mobile Only
SHOW_ON_LARGEShown for Large Only
SHOW_ON_MEDShown for Tablet Only
SHOW_ON_MED_UPShown for Tablet and Above
SHOW_ON_MED_DOWNShown for Tablet and Below
- - - 
-	<m:MaterialPanel backgroundColor="GREY_LIGHTEN_3" showOn="SHOW_ON_MED">
-		<m:MaterialLabel fontSize="2em" textAlign="CENTER" text="SHOW_ON_MED"/>
-	</m:MaterialPanel>
-
- - - - - - - 
-	ViewPort.when(Resolution.MOBILE_SMALL).then(viewPortChange -> {
-		lblViewPort.setText("ViewPort : Mobile Small");
-		lblViewPort.setIconType(IconType.PHONE_ANDROID);
-	});
-
-	ViewPort.when(Resolution.MOBILE_MEDIUM).then(viewPortChange -> {
-		lblViewPort.setText("ViewPort : Mobile Medium");
-		lblViewPort.setIconType(IconType.PHONE_ANDROID);
-	});
-
-	ViewPort.when(Resolution.MOBILE_LARGE).then(viewPortChange -> {
-		lblViewPort.setText("ViewPort : Mobile Large");
-		lblViewPort.setIconType(IconType.PHONE_ANDROID);
-	});
-
-	ViewPort.when(Resolution.TABLET).then(viewPortChange -> {
-		lblViewPort.setText("ViewPort : Tablet");
-		lblViewPort.setIconType(IconType.TABLET_ANDROID);
-	});
-
-	ViewPort.when(Resolution.LAPTOP).then(viewPortChange -> {
-		lblViewPort.setText("ViewPort : Laptop");
-		lblViewPort.setIconType(IconType.LAPTOP);
-	});
-
-	ViewPort.when(Resolution.LAPTOP_LARGE).then(viewPortChange -> {
-		lblViewPort.setText("ViewPort : Laptop Large");
-		lblViewPort.setIconType(IconType.LAPTOP);
-	});
-
-	ViewPort.when(Resolution.LAPTOP_4K).then(viewPortChange -> {
-		lblViewPort.setText("ViewPort : Laptop 4K");
-		lblViewPort.setIconType(IconType.LAPTOP);
-	});
-
- - - - - - - - - - - - - - - 
-	ScrollHelper scrollHelper = new ScrollHelper();
-	scrollHelper.setOffsetPosition(OffsetPosition.TOP);
-	scrollHelper.setContainer(panel);
-
-	$(panel).on("scroll", (e, param1) -> {
-
-		if (scrollHelper.isInViewPort(target)) {
-			scrollScope.setText("Visible inside the ViewPort");
-			scrollScope.setIconType(IconType.VISIBILITY);
-		} else {
-			scrollScope.setText("Out of ViewPort Scope");
-			scrollScope.setIconType(IconType.VISIBILITY_OFF);
-		}
-	return false;
-	});
-
- - - - - - - - - 
-	<m:MaterialLabel text="This is an extremely long title that will be truncated" truncate="true" fontSize="2.5em"/>
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
-	<m:MaterialRow>
-		<m:MaterialColumn grid="l4 s12">
-			<m:MaterialCard backgroundColor="WHITE" hoverable="true">
-				<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp" fallbackExtension="png"/>
-					<m:MaterialCardTitle text="Sample"/>
-				</m:MaterialCardImage>
-
-				<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialLabel text="I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively." />
-				</m:MaterialCardContent>
-
-				<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" />
-					<m:MaterialLink text="Link 1" />
-				</m:MaterialCardAction>
-			</m:MaterialCard>
-		</m:MaterialColumn>
-		<m:MaterialColumn grid="l4 s12">
-			<m:MaterialCard backgroundColor="WHITE" hoverable="true">
-				<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp" fallbackExtension="png"/>
-					<m:MaterialCardTitle text="Sample"/>
-				</m:MaterialCardImage>
-
-				<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialLabel text="I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively." />
-				</m:MaterialCardContent>
-
-				<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" />
-					<m:MaterialLink text="Link 1" />
-				</m:MaterialCardAction>
-			</m:MaterialCard>
-		</m:MaterialColumn>
-		<m:MaterialColumn grid="l4 s12">
-			<m:MaterialCard backgroundColor="WHITE" hoverable="true">
-				<m:MaterialCardImage waves="LIGHT">
-					<ma:webp.MaterialWebpImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp" fallbackExtension="png"/>
-					<m:MaterialCardTitle text="Sample"/>
-				</m:MaterialCardImage>
-
-				<m:MaterialCardContent textColor="BLACK">
-					<m:MaterialLabel text="I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively." />
-				</m:MaterialCardContent>
-
-				<m:MaterialCardAction>
-					<m:MaterialLink text="Link 1" />
-					<m:MaterialLink text="Link 1" />
-				</m:MaterialCardAction>
-			</m:MaterialCard>
-		</m:MaterialColumn>
-	</m:MaterialRow>
-
- - + + + + + + + + + + + + + + 
+                    <m:MaterialPanel textAlign="LEFT" backgroundColor="GREY_LIGHTEN_3" padding="12" marginTop="12">
+                    <m:MaterialLabel fontSize="1.5em" text="This should be left aligned"/>
+                    </m:MaterialPanel>
+
+                    <m:MaterialPanel textAlign="CENTER" backgroundColor="GREY_LIGHTEN_3" padding="12" marginTop="12">
+                    <m:MaterialLabel fontSize="1.5em" text="This should be center aligned"/>
+                    </m:MaterialPanel>
+
+                    <m:MaterialPanel textAlign="RIGHT" backgroundColor="GREY_LIGHTEN_3" padding="12" marginTop="12">
+                    <m:MaterialLabel fontSize="1.5em" text="This should be right aligned"/>
+                    </m:MaterialPanel>
+
+ + + + + + 
+                    <m:MaterialPanel valignWrapper="true" backgroundColor="GREY_LIGHTEN_3">
+                    <m:MaterialLabel text="FLOAT LEFT" float="LEFT" />
+                    <m:MaterialLabel text="FLOAT RIGHT" float="RIGHT" />
+                    </m:MaterialPanel>
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Screen Range
+ HIDE_ON_SMALL + Hidden for Mobile Only
+ HIDE_ON_SMALL_DOWN + Hidden for Mobile Only and Below
+ HIDE_ON_MED + Hidden for Tablet Only
+ HIDE_ON_MED_DOWN + Hidden for Tablet and Below
+ HIDE_ON_MED_UP + Hidden for Tablet and Above
+ HIDE_ON_LARGE + Hidden for Desktop Only
+ + + + 
+                    <m:MaterialPanel backgroundColor="GREY_LIGHTEN_3" hideOn="HIDE_ON_SMALL">
+                    <m:MaterialLabel fontSize="2em" textAlign="CENTER" text="HIDE_ON_SMALL"/>
+                    </m:MaterialPanel>
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Screen Range
+ SHOW_ON_SMALL + Shown for Mobile Only
+ SHOW_ON_LARGE + Shown for Large Only
+ SHOW_ON_MED + Shown for Tablet Only
+ SHOW_ON_MED_UP + Shown for Tablet and Above
+ SHOW_ON_MED_DOWN + Shown for Tablet and Below
+ + + 
+                    <m:MaterialPanel backgroundColor="GREY_LIGHTEN_3" showOn="SHOW_ON_MED">
+                    <m:MaterialLabel fontSize="2em" textAlign="CENTER" text="SHOW_ON_MED"/>
+                    </m:MaterialPanel>
+
+ + + + + + + 
+                    ViewPort.when(Resolution.MOBILE_SMALL).then(viewPortChange -> {
+                    lblViewPort.setText("ViewPort : Mobile Small");
+                    lblViewPort.setIconType(IconType.PHONE_ANDROID);
+                    });
+
+                    ViewPort.when(Resolution.MOBILE_MEDIUM).then(viewPortChange -> {
+                    lblViewPort.setText("ViewPort : Mobile Medium");
+                    lblViewPort.setIconType(IconType.PHONE_ANDROID);
+                    });
+
+                    ViewPort.when(Resolution.MOBILE_LARGE).then(viewPortChange -> {
+                    lblViewPort.setText("ViewPort : Mobile Large");
+                    lblViewPort.setIconType(IconType.PHONE_ANDROID);
+                    });
+
+                    ViewPort.when(Resolution.TABLET).then(viewPortChange -> {
+                    lblViewPort.setText("ViewPort : Tablet");
+                    lblViewPort.setIconType(IconType.TABLET_ANDROID);
+                    });
+
+                    ViewPort.when(Resolution.LAPTOP).then(viewPortChange -> {
+                    lblViewPort.setText("ViewPort : Laptop");
+                    lblViewPort.setIconType(IconType.LAPTOP);
+                    });
+
+                    ViewPort.when(Resolution.LAPTOP_LARGE).then(viewPortChange -> {
+                    lblViewPort.setText("ViewPort : Laptop Large");
+                    lblViewPort.setIconType(IconType.LAPTOP);
+                    });
+
+                    ViewPort.when(Resolution.LAPTOP_4K).then(viewPortChange -> {
+                    lblViewPort.setText("ViewPort : Laptop 4K");
+                    lblViewPort.setIconType(IconType.LAPTOP);
+                    });
+
+ + + + + + + + + + + + + + + 
+                    ScrollHelper scrollHelper = new ScrollHelper();
+                    scrollHelper.setOffsetPosition(OffsetPosition.TOP);
+                    scrollHelper.setContainer(panel);
+
+                    $(panel).on("scroll", (e, param1) -> {
+
+                    if (scrollHelper.isInViewPort(target)) {
+                    scrollScope.setText("Visible inside the ViewPort");
+                    scrollScope.setIconType(IconType.VISIBILITY);
+                    } else {
+                    scrollScope.setText("Out of ViewPort Scope");
+                    scrollScope.setIconType(IconType.VISIBILITY_OFF);
+                    }
+                    return false;
+                    });
+
+ + + + + + + + + 
+                    <m:MaterialLabel text="This is an extremely long title that will be truncated" truncate="true"
+                    fontSize="2.5em"/>
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="l4 s12">
+                    <m:MaterialCard backgroundColor="WHITE" hoverable="true">
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    <m:MaterialCardTitle text="Sample"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialLabel text="I am a very simple card. I am good at containing small bits of
+                    information. I am convenient because I require little markup to use effectively." />
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" />
+                    <m:MaterialLink text="Link 1" />
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="l4 s12">
+                    <m:MaterialCard backgroundColor="WHITE" hoverable="true">
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    <m:MaterialCardTitle text="Sample"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialLabel text="I am a very simple card. I am good at containing small bits of
+                    information. I am convenient because I require little markup to use effectively." />
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" />
+                    <m:MaterialLink text="Link 1" />
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="l4 s12">
+                    <m:MaterialCard backgroundColor="WHITE" hoverable="true">
+                    <m:MaterialCardImage waves="LIGHT">
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/card.webp"
+                    fallbackExtension="png"/>
+                    <m:MaterialCardTitle text="Sample"/>
+                    </m:MaterialCardImage>
+
+                    <m:MaterialCardContent textColor="BLACK">
+                    <m:MaterialLabel text="I am a very simple card. I am good at containing small bits of
+                    information. I am convenient because I require little markup to use effectively." />
+                    </m:MaterialCardContent>
+
+                    <m:MaterialCardAction>
+                    <m:MaterialLink text="Link 1" />
+                    <m:MaterialLink text="Link 1" />
+                    </m:MaterialCardAction>
+                    </m:MaterialCard>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
+
+ + diff --git a/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxModule.java b/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxModule.java index 88fb521..cfca96a 100644 --- a/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxModule.java @@ -25,6 +25,6 @@ public class ListBoxModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(ListBoxPresenter.class, ListBoxPresenter.MyView.class, ListBoxView.class, - ListBoxPresenter.MyProxy.class); + ListBoxPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxPresenter.java b/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxPresenter.java index c273024..0ee8e15 100644 --- a/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject ListBoxPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxView.java b/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxView.java index 4973e4c..57e5530 100644 --- a/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxView.java +++ b/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxView.java @@ -7,9 +7,9 @@ * 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. @@ -28,7 +28,10 @@ import com.gwtplatform.mvp.client.ViewImpl; import gmd.core.demo.client.application.model.DataHelper; import gmd.core.demo.client.application.model.Hero; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.ui.MaterialButton; +import gwt.material.design.client.ui.MaterialListBox; +import gwt.material.design.client.ui.MaterialListValueBox; +import gwt.material.design.client.ui.MaterialToast; import javax.inject.Inject; @@ -59,17 +62,11 @@ interface Binder extends UiBinder { lstFocusAndBlur.addBlurHandler(blurEvent -> MaterialToast.fireToast("Blur Event Fired")); buildListHeroes(lstFocusAndBlur); - lstOptions.addFocusHandler(focusEvent -> { - MaterialToast.fireToast("FOCUSED"); - }); + lstOptions.addFocusHandler(focusEvent -> MaterialToast.fireToast("FOCUSED")); - lstOptions.addBlurHandler(blurEvent -> { - MaterialToast.fireToast("BLURRED"); - }); + lstOptions.addBlurHandler(blurEvent -> MaterialToast.fireToast("BLURRED")); - lstOptions.addValueChangeHandler(valueChangeEvent -> { - MaterialToast.fireToast(valueChangeEvent.getValue()); - }); + lstOptions.addValueChangeHandler(valueChangeEvent -> MaterialToast.fireToast(valueChangeEvent.getValue())); } protected void buildListHeroes(MaterialListValueBox listBox) { diff --git a/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxView.ui.xml index e197bcb..6d88637 100644 --- a/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/listbox/ListBoxView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -24,7 +24,7 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - + @@ -42,40 +42,41 @@ 
-    <m:MaterialListBox placeholder="ListBox">
-        <m.html:Option text="Option 1"/>
-        <m.html:Option text="Option 2"/>
-        <m.html:Option text="Option 3"/>
-        <m.html:Option text="Option 4"/>
-        <m.html:Option text="Option 5"/>
-        <m.html:Option text="Option 6"/>
-        <m.html:Option text="Option 7"/>
-        <m.html:Option text="Option 8"/>
-        <m.html:Option text="Option 9"/>
-        <m.html:Option text="Option 10"/>
-    </m:MaterialListBox>
+                    <m:MaterialListBox placeholder="ListBox">
+                    <m.html:Option text="Option 1"/>
+                    <m.html:Option text="Option 2"/>
+                    <m.html:Option text="Option 3"/>
+                    <m.html:Option text="Option 4"/>
+                    <m.html:Option text="Option 5"/>
+                    <m.html:Option text="Option 6"/>
+                    <m.html:Option text="Option 7"/>
+                    <m.html:Option text="Option 8"/>
+                    <m.html:Option text="Option 9"/>
+                    <m.html:Option text="Option 10"/>
+                    </m:MaterialListBox>
- + 
-    <m:MaterialListValueBox ui:field="lstValueBox" placeholder="Choose your hero" grid="s12 m4 l3"/>
+                    <m:MaterialListValueBox ui:field="lstValueBox" placeholder="Choose your hero" grid="s12 m4 l3"/>
                 
-    @UiField
-    MaterialListValueBox<Hero> lstValueBox;
+                    @UiField
+                    MaterialListValueBox<Hero> lstValueBox;
 
-    Hero hero = new Hero();
-    hero.setName("Batman");
-    lstValueBox.addItem(hero, hero.getName())
+                    Hero hero = new Hero();
+                    hero.setName("Batman");
+                    lstValueBox.addItem(hero, hero.getName())
@@ -99,12 +100,13 @@ 
-    lstAddOptions.addItem("Item added");
+                    lstAddOptions.addItem("Item added");
- + @@ -123,7 +125,7 @@ 
-    lstRemoveOptions.removeItem(0);
+                    lstRemoveOptions.removeItem(0);
@@ -143,7 +145,7 @@ 
-    lstSetValue.setValue("Option 2");
+                    lstSetValue.setValue("Option 2");
@@ -153,17 +155,18 @@ - - - + + + 
-    <m:MaterialListBox allowBlank="true"/>
+                    <m:MaterialListBox allowBlank="true"/>
- + @@ -175,14 +178,15 @@ 
-    <m:MaterialListBox nativeBrowserStyle="true"/>
+                    <m:MaterialListBox nativeBrowserStyle="true"/>
- + - + @@ -192,19 +196,20 @@ 
-    <m:MaterialListBox  enabled="false"/>
+                    <m:MaterialListBox enabled="false"/>
- + 
-    <m:MaterialListValueBox emptyPlaceHolder="Select your Hero"
+                    <m:MaterialListValueBox emptyPlaceHolder="Select your Hero"
@@ -216,27 +221,27 @@ 
-    lstOptions.addFocusHandler(focusEvent -> {
-        MaterialToast.fireToast("FOCUSED");
-    });
+                    lstOptions.addFocusHandler(focusEvent -> {
+                    MaterialToast.fireToast("FOCUSED");
+                    });
 
-    lstOptions.addBlurHandler(blurEvent -> {
-        MaterialToast.fireToast("BLURRED");
-    });
+                    lstOptions.addBlurHandler(blurEvent -> {
+                    MaterialToast.fireToast("BLURRED");
+                    });
- + 
-    lstAllowBlank.reload();
+                    lstAllowBlank.reload();
diff --git a/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersModule.java b/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersModule.java index bd7dc45..28095ee 100644 --- a/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersModule.java @@ -25,6 +25,6 @@ public class LoadersModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(LoadersPresenter.class, LoadersPresenter.MyView.class, LoadersView.class, - LoadersPresenter.MyProxy.class); + LoadersPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersPresenter.java b/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersPresenter.java index 3913f4e..03bb6a7 100644 --- a/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject LoadersPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersView.java b/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersView.java index 68e9bd9..f76ed54 100644 --- a/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersView.java +++ b/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersView.java @@ -7,9 +7,9 @@ * 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. @@ -26,8 +26,17 @@ import com.google.gwt.user.client.Timer; import com.google.gwt.user.client.ui.Widget; import com.gwtplatform.mvp.client.ViewImpl; -import gwt.material.design.client.constants.*; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.constants.Blur; +import gwt.material.design.client.constants.Color; +import gwt.material.design.client.constants.LoaderType; +import gwt.material.design.client.constants.OverlayOption; +import gwt.material.design.client.constants.ProgressType; +import gwt.material.design.client.ui.MaterialButton; +import gwt.material.design.client.ui.MaterialCard; +import gwt.material.design.client.ui.MaterialCardContent; +import gwt.material.design.client.ui.MaterialCheckBox; +import gwt.material.design.client.ui.MaterialLoader; +import gwt.material.design.client.ui.MaterialNavBar; import javax.inject.Inject; diff --git a/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersView.ui.xml index 3e8ed2c..0fced3c 100644 --- a/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/loaders/LoadersView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -33,34 +33,34 @@ 
-MaterialLoader loader = new MaterialLoader();
-loader.setType(LoaderType.CIRCULAR);
+                    MaterialLoader loader = new MaterialLoader();
+                    loader.setType(LoaderType.CIRCULAR);
 
-OverlayOption option = OverlayOption.create();
-if (loaderWithBackground.getValue()) {
-    option.setBackgroundColor(Color.BLUE);
-}
+                    OverlayOption option = OverlayOption.create();
+                    if (loaderWithBackground.getValue()) {
+                    option.setBackgroundColor(Color.BLUE);
+                    }
 
-if (loaderWithBlur.getValue()) {
-    option.setBlur(new Blur(4, $("#app-container")));
-}
+                    if (loaderWithBlur.getValue()) {
+                    option.setBlur(new Blur(4, $("#app-container")));
+                    }
 
-if (loaderWithOpacity.getValue()) {
-    option.setOpacity(1.0);
-}
+                    if (loaderWithOpacity.getValue()) {
+                    option.setOpacity(1.0);
+                    }
 
-loader.setMessage(loaderWithMessage.getValue() ? "Please Wait" : "");
+                    loader.setMessage(loaderWithMessage.getValue() ? "Please Wait" : "");
 
-loader.setOverlayOption(option);
-loader.setScrollDisabled(loaderWithoutScrolling.getValue());
-loader.show();
-Timer t = new Timer() {
-    @Override
-    public void run() {
-        loader.hide();
-    }
-};
-t.schedule(3000);
+                    loader.setOverlayOption(option);
+                    loader.setScrollDisabled(loaderWithoutScrolling.getValue());
+                    loader.show();
+                    Timer t = new Timer() {
+                    @Override
+                    public void run() {
+                    loader.hide();
+                    }
+                    };
+                    t.schedule(3000);
@@ -69,14 +69,14 @@ t.schedule(3000); 
-MaterialLoader.progress(true);
-Timer t = new Timer() {
-    @Override
-    public void run() {
-        MaterialLoader.progress(false);
-    }
-};
-t.schedule(3000);
+                    MaterialLoader.progress(true);
+                    Timer t = new Timer() {
+                    @Override
+                    public void run() {
+                    MaterialLoader.progress(false);
+                    }
+                    };
+                    t.schedule(3000);
@@ -85,91 +85,96 @@ t.schedule(3000); 
-    <m:MaterialProgress type="DETERMINATE" percent="30"/>
+                    <m:MaterialProgress type="DETERMINATE" percent="30"/>
- + 
-    <m:MaterialProgress type="INDETERMINATE" percent="30"/>
+                    <m:MaterialProgress type="INDETERMINATE" percent="30"/>
- + - + - + - + 
-    <m:MaterialRow>
-        <m:MaterialColumn grid="l4">
-            <m:MaterialPreLoader size="BIG">
-                <m:MaterialSpinner color="BLUE_ONLY" />
-            </m:MaterialPreLoader>
-        </m:MaterialColumn>
-        <m:MaterialColumn grid="l4">
-            <m:MaterialPreLoader>
-                <m:MaterialSpinner color="RED_ONLY" />
-            </m:MaterialPreLoader>
-        </m:MaterialColumn>
-        <m:MaterialColumn grid="l4">
-            <m:MaterialPreLoader size="SMALL">
-                <m:MaterialSpinner color="YELLOW_ONLY" />
-            </m:MaterialPreLoader>
-        </m:MaterialColumn>
-    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="l4">
+                    <m:MaterialPreLoader size="BIG">
+                    <m:MaterialSpinner color="BLUE_ONLY" />
+                    </m:MaterialPreLoader>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="l4">
+                    <m:MaterialPreLoader>
+                    <m:MaterialSpinner color="RED_ONLY" />
+                    </m:MaterialPreLoader>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="l4">
+                    <m:MaterialPreLoader size="SMALL">
+                    <m:MaterialSpinner color="YELLOW_ONLY" />
+                    </m:MaterialPreLoader>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
- + - + - - - + + + - + 
-    navBar.showProgress(ProgressType.INDETERMINATE);
-    Timer t = new Timer() {
-        @Override
-        public void run() {
-            navBar.hideProgress();
-        }
-    };
-    t.schedule(3000);
+                    navBar.showProgress(ProgressType.INDETERMINATE);
+                    Timer t = new Timer() {
+                    @Override
+                    public void run() {
+                    navBar.hideProgress();
+                    }
+                    };
+                    t.schedule(3000);
- + @@ -179,12 +184,17 @@ t.schedule(3000); - - - + + + - + @@ -194,21 +204,30 @@ t.schedule(3000); - + - - - - + + + + - - - + + + @@ -217,16 +236,16 @@ t.schedule(3000); 
-    MaterialLoader.loading(true, loaderCard);
-    btnProgress.setEnabled(false);
-    Timer timer = new Timer() {
-        @Override
-        public void run() {
-            btnProgress.setEnabled(true);
-            MaterialLoader.loading(false);
-        }
-    };
-    timer.schedule(2000);
+                    MaterialLoader.loading(true, loaderCard);
+                    btnProgress.setEnabled(false);
+                    Timer timer = new Timer() {
+                    @Override
+                    public void run() {
+                    btnProgress.setEnabled(true);
+                    MaterialLoader.loading(false);
+                    }
+                    };
+                    timer.schedule(2000);
diff --git a/src/main/java/gmd/core/demo/client/application/page/media/MediaModule.java b/src/main/java/gmd/core/demo/client/application/page/media/MediaModule.java index 528e7a6..39cd530 100644 --- a/src/main/java/gmd/core/demo/client/application/page/media/MediaModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/media/MediaModule.java @@ -25,6 +25,6 @@ public class MediaModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(MediaPresenter.class, MediaPresenter.MyView.class, MediaView.class, - MediaPresenter.MyProxy.class); + MediaPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/media/MediaPresenter.java b/src/main/java/gmd/core/demo/client/application/page/media/MediaPresenter.java index 864e748..a9784da 100644 --- a/src/main/java/gmd/core/demo/client/application/page/media/MediaPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/media/MediaPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject MediaPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/media/MediaView.java b/src/main/java/gmd/core/demo/client/application/page/media/MediaView.java index c66662f..948c0e3 100644 --- a/src/main/java/gmd/core/demo/client/application/page/media/MediaView.java +++ b/src/main/java/gmd/core/demo/client/application/page/media/MediaView.java @@ -7,9 +7,9 @@ * 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. @@ -65,7 +65,7 @@ void pause(ClickEvent e) { private void setFullscreen(boolean fullscreen) { slider.setFullscreen(fullscreen); - if(fullscreen) { + if (fullscreen) { slider.getElement().getStyle().setPosition(Style.Position.FIXED); slider.getElement().getStyle().setZIndex(9998); slider.setHeight("100%"); diff --git a/src/main/java/gmd/core/demo/client/application/page/media/MediaView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/media/MediaView.ui.xml index 7faab79..e336538 100644 --- a/src/main/java/gmd/core/demo/client/application/page/media/MediaView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/media/MediaView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -23,34 +23,44 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - - + + 
-    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/candy-icons.gif"  type="MATERIALBOXED"/>
+                    <m:MaterialImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/candy-icons.gif"
+                    type="MATERIALBOXED"/>
- - + + 
-    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/md-card-ripple.gif"  type="MATERIALBOXED" caption="I love Material Design"/>
+                    <m:MaterialImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/md-card-ripple.gif"
+                    type="MATERIALBOXED" caption="I love Material Design"/>
- + 
-    <m:MaterialVideo url="https://www.youtube.com/embed/Q8TXgCzxEnw?rel=0"/>
+                    <m:MaterialVideo url="https://www.youtube.com/embed/Q8TXgCzxEnw?rel=0"/>
- + @@ -82,39 +92,41 @@ 
-    <m:MaterialSlider ui:field="slider" fullscreen="false">
-        <m:MaterialSlideItem>
-            <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/blue.jpg"/>
-            <m:MaterialSlideCaption textAlign="CENTER">
-                <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan."/>
-            </m:MaterialSlideCaption>
-        </m:MaterialSlideItem>
-
-        <m:MaterialSlideItem>
-            <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/grey.jpg"/>
-            <m:MaterialSlideCaption textAlign="LEFT">
-                <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan."/>
-            </m:MaterialSlideCaption>
-        </m:MaterialSlideItem>
-
-        <m:MaterialSlideItem>
-            <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/light-blue.jpg"/>
-            <m:MaterialSlideCaption textAlign="RIGHT">
-                <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan."/>
-            </m:MaterialSlideCaption>
-        </m:MaterialSlideItem>
-
-        <m:MaterialSlideItem>
-            <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/pink.jpg"/>
-            <m:MaterialSlideCaption textAlign="CENTER">
-                <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan."/>
-            </m:MaterialSlideCaption>
-        </m:MaterialSlideItem>
-    </m:MaterialSlider>
+                    <m:MaterialSlider ui:field="slider" fullscreen="false">
+                    <m:MaterialSlideItem>
+                    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/blue.jpg"/>
+                    <m:MaterialSlideCaption textAlign="CENTER">
+                    <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan."/>
+                    </m:MaterialSlideCaption>
+                    </m:MaterialSlideItem>
+
+                    <m:MaterialSlideItem>
+                    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/grey.jpg"/>
+                    <m:MaterialSlideCaption textAlign="LEFT">
+                    <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan."/>
+                    </m:MaterialSlideCaption>
+                    </m:MaterialSlideItem>
+
+                    <m:MaterialSlideItem>
+                    <m:MaterialImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/light-blue.jpg"/>
+                    <m:MaterialSlideCaption textAlign="RIGHT">
+                    <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan."/>
+                    </m:MaterialSlideCaption>
+                    </m:MaterialSlideItem>
+
+                    <m:MaterialSlideItem>
+                    <m:MaterialImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/pink.jpg"/>
+                    <m:MaterialSlideCaption textAlign="CENTER">
+                    <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan."/>
+                    </m:MaterialSlideCaption>
+                    </m:MaterialSlideItem>
+                    </m:MaterialSlider>
- + @@ -145,23 +157,24 @@ - - + + 
-    <m:MaterialSlider duration="300" interval="1000">
-        .....
-    </m:MaterialSlider>
+                    <m:MaterialSlider duration="300" interval="1000">
+                    .....
+                    </m:MaterialSlider>
- - + + 
-    <m:MaterialSlider fullscreen="true">
-        .....
-    </m:MaterialSlider>
+                    <m:MaterialSlider fullscreen="true">
+                    .....
+                    </m:MaterialSlider>
diff --git a/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarModule.java b/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarModule.java index a049711..4128228 100644 --- a/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarModule.java @@ -25,6 +25,6 @@ public class NavBarModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(NavBarPresenter.class, NavBarPresenter.MyView.class, NavBarView.class, - NavBarPresenter.MyProxy.class); + NavBarPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarPresenter.java b/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarPresenter.java index ed2cc1c..c3a1d09 100644 --- a/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -42,10 +42,10 @@ interface MyProxy extends ProxyPlace { @Inject NavBarPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } diff --git a/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarView.java b/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarView.java index f4d5518..fcbe5a1 100644 --- a/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarView.java +++ b/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarView.java @@ -7,9 +7,9 @@ * 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 - * + * * https://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. @@ -49,35 +49,35 @@ interface Binder extends UiBinder { public void buildPanel() { MaterialPanel typePanel = asWidget(); typePanel.add(new DemoImagePanel(new DemoImageDTO("Default NavBar", "Provides a non-fixed navbar. Good for blogs.", - "https://i.imgur.com/rGx7XRW.gif", - generateDemoLink("default"), - generateSource("navbardefault/DefaultNavBarView.ui.xml")))); + "https://i.imgur.com/rGx7XRW.gif", + generateDemoLink("default"), + generateSource("navbardefault/DefaultNavBarView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Fixed NavBar", "By setting layoutPosition='FIXED', your navbar will be fixed on top when scrolling through the content.", - "https://i.imgur.com/muYAAjl.gif", - generateDemoLink("fixed"), - generateSource("navbarfixed/FixedNavBarView.ui.xml")))); + "https://i.imgur.com/muYAAjl.gif", + generateDemoLink("fixed"), + generateSource("navbarfixed/FixedNavBarView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Tall NavBar", "You can easily adjust the navbar's height to make it tall by height='200px',", - "https://i.imgur.com/dtUsHRd.gif", - generateDemoLink("tall"), - generateSource("navbartall/TallNavBarView.ui.xml")))); + "https://i.imgur.com/dtUsHRd.gif", + generateDemoLink("tall"), + generateSource("navbartall/TallNavBarView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Extended NavBar", "Using MaterialNavContent - you can easily attached any component for the extension of your MaterialNavBar", - "https://i.imgur.com/bUYC6qs.png", - generateDemoLink("extend"), - generateSource("navbarextend/ExtendNavBarView.ui.xml")))); + "https://i.imgur.com/bUYC6qs.png", + generateDemoLink("extend"), + generateSource("navbarextend/ExtendNavBarView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Tabs in NavBar", "You can easily add tabs for secondary navigation on MaterialNavBar by attaching it on MaterialNavContent", - "https://i.imgur.com/7c3AGBs.png", - generateDemoLink("tab"), - generateSource("navbartab/TabNavBarView.ui.xml")))); + "https://i.imgur.com/7c3AGBs.png", + generateDemoLink("tab"), + generateSource("navbartab/TabNavBarView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Shrinkable NavBar", "Provides a delightful scrolling effect when expanding or shrinking the navbar.", - "https://i.imgur.com/tHUDgqB.gif", - generateDemoLink("shrink"), - generateSource("navbarshrink/ShrinkNavBarView.ui.xml")))); + "https://i.imgur.com/tHUDgqB.gif", + generateDemoLink("shrink"), + generateSource("navbarshrink/ShrinkNavBarView.ui.xml")))); } protected String generateSource(String type) { diff --git a/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarView.ui.xml index c3f88c6..8a9e146 100644 --- a/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/navbar/NavBarView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -23,12 +23,15 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - + - + - - + + @@ -39,29 +42,34 @@ 
-    <m:MaterialNavBar>
-        <m:MaterialNavBrand marginLeft="60" href="#Test" float="LEFT" text="Title" />
-        <m:MaterialNavSection float="RIGHT">
-            <m:MaterialLink iconType="ACCOUNT_CIRCLE" iconPosition="LEFT" text="Account"  textColor="WHITE" waves="LIGHT"/>
-            <m:MaterialLink iconType="AUTORENEW" iconPosition="LEFT" text="Refresh" textColor="WHITE" waves="LIGHT"/>
-            <m:MaterialTooltip text="Menu">
-                <m:MaterialLink iconType="SEARCH" textColor="WHITE" waves="LIGHT"/>
-            </m:MaterialTooltip>
-            <m:MaterialTooltip text="Starter">
-                <m:MaterialLink iconType="MORE_VERT" textColor="WHITE" waves="LIGHT"/>
-            </m:MaterialTooltip>
-        </m:MaterialNavSection>
-    </m:MaterialNavBar>
+                    <m:MaterialNavBar>
+                    <m:MaterialNavBrand marginLeft="60" href="#Test" float="LEFT" text="Title" />
+                    <m:MaterialNavSection float="RIGHT">
+                    <m:MaterialLink iconType="ACCOUNT_CIRCLE" iconPosition="LEFT" text="Account" textColor="WHITE"
+                    waves="LIGHT"/>
+                    <m:MaterialLink iconType="AUTORENEW" iconPosition="LEFT" text="Refresh" textColor="WHITE"
+                    waves="LIGHT"/>
+                    <m:MaterialTooltip text="Menu">
+                    <m:MaterialLink iconType="SEARCH" textColor="WHITE" waves="LIGHT"/>
+                    </m:MaterialTooltip>
+                    <m:MaterialTooltip text="Starter">
+                    <m:MaterialLink iconType="MORE_VERT" textColor="WHITE" waves="LIGHT"/>
+                    </m:MaterialTooltip>
+                    </m:MaterialNavSection>
+                    </m:MaterialNavBar>
- + - + - - + + @@ -72,12 +80,14 @@ 
-    navSection.addSelectionHandler(selectionEvent -> MaterialToast.fireToast(selectionEvent.getSelectedItem() + " Selected Index"));
+                    navSection.addSelectionHandler(selectionEvent ->
+                    MaterialToast.fireToast(selectionEvent.getSelectedItem() + " Selected Index"));
- + @@ -91,17 +101,17 @@ 
-    <m:MaterialNavBar width="100%">
-        <m:MaterialNavBrand href="#Test" float="RIGHT" text="App Title"/>
-        <m:MaterialNavSection float="LEFT">
-            <m:MaterialTooltip text="Menu">
-                <m:MaterialLink iconType="SEARCH" textColor="WHITE"/>
-            </m:MaterialTooltip>
-            <m:MaterialTooltip text="Starter">
-                <m:MaterialLink iconType="MORE_VERT" textColor="WHITE"/>
-            </m:MaterialTooltip>
-        </m:MaterialNavSection>
-    </m:MaterialNavBar>
+                    <m:MaterialNavBar width="100%">
+                    <m:MaterialNavBrand href="#Test" float="RIGHT" text="App Title"/>
+                    <m:MaterialNavSection float="LEFT">
+                    <m:MaterialTooltip text="Menu">
+                    <m:MaterialLink iconType="SEARCH" textColor="WHITE"/>
+                    </m:MaterialTooltip>
+                    <m:MaterialTooltip text="Starter">
+                    <m:MaterialLink iconType="MORE_VERT" textColor="WHITE"/>
+                    </m:MaterialTooltip>
+                    </m:MaterialNavSection>
+                    </m:MaterialNavBar>
diff --git a/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinModule.java b/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinModule.java index d08d9e7..88a30cb 100644 --- a/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinModule.java @@ -25,6 +25,6 @@ public class PushPinModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(PushPinPresenter.class, PushPinPresenter.MyView.class, PushPinView.class, - PushPinPresenter.MyProxy.class); + PushPinPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinPresenter.java b/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinPresenter.java index 3de4f40..e54149e 100644 --- a/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject PushPinPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinView.java b/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinView.java index 81416de..d7075c7 100644 --- a/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinView.java +++ b/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinView.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinView.ui.xml index 091482f..39eaeef 100644 --- a/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/pushpin/PushPinView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -23,11 +23,14 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - + 
-                    <m:MaterialPanel ui:field="source" grid="s12 m12 l12" backgroundColor="BLUE" paddingTop="50" shadow="1" height="200px" width="200px">
-                    <m:MaterialLabel textColor="WHITE" text="Pinned Options top at 300, offset at 64 (navbar's height)" />
+                    <m:MaterialPanel ui:field="source" grid="s12 m12 l12" backgroundColor="BLUE" paddingTop="50"
+                    shadow="1" height="200px" width="200px">
+                    <m:MaterialLabel textColor="WHITE" text="Pinned Options top at 300, offset at 64 (navbar's
+                    height)" />
                     </m:MaterialPanel>
@@ -41,8 +44,10 @@ - - + + diff --git a/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonModule.java b/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonModule.java index 147efad..05604cc 100644 --- a/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonModule.java @@ -25,6 +25,6 @@ public class RadioButtonModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(RadioButtonPresenter.class, RadioButtonPresenter.MyView.class, RadioButtonView.class, - RadioButtonPresenter.MyProxy.class); + RadioButtonPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonPresenter.java b/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonPresenter.java index d84ef70..262f08b 100644 --- a/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject RadioButtonPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonView.java b/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonView.java index 477c063..2cb8597 100644 --- a/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonView.java +++ b/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonView.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonView.ui.xml index 1d219e9..e29ed4e 100644 --- a/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/radiobutton/RadioButtonView.ui.xml @@ -23,7 +23,8 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - + @@ -38,45 +39,46 @@ 
-    <m:MaterialRow>
-        <m:MaterialRadioButton name="color" text="Red" type="GAP"/>
-    </m:MaterialRow>
-    <m:MaterialRow>
-        <m:MaterialRadioButton name="color" text="Yellow"/>
-    </m:MaterialRow>
-    <m:MaterialRow>
-        <m:MaterialRadioButton name="color" text="Green"/>
-    </m:MaterialRow>
-    <m:MaterialRow>
-        <m:MaterialRadioButton name="color" text="Brown" enabled="false"/>
-    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialRadioButton name="color" text="Red" type="GAP"/>
+                    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialRadioButton name="color" text="Yellow"/>
+                    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialRadioButton name="color" text="Green"/>
+                    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialRadioButton name="color" text="Brown" enabled="false"/>
+                    </m:MaterialRow>
- + - - + + 
-    @UiHandler("radioValue")
-    void onRadioValue(ValueChangeEvent<Boolean> e) {
-        MaterialToast.fireToast("Value : " + e.getValue());
-    }
+                    @UiHandler("radioValue")
+                    void onRadioValue(ValueChangeEvent<Boolean> e) {
+                    MaterialToast.fireToast("Value : " + e.getValue());
+                    }
 
-    @UiHandler("btnRadioValue")
-    void onClickRadioValue(ClickEvent e) {
-        radioValue.setValue(true);
-    }
+                    @UiHandler("btnRadioValue")
+                    void onClickRadioValue(ClickEvent e) {
+                    radioValue.setValue(true);
+                    }
 
-    @UiHandler("btnRadioValueEvent")
-    void onClickRadioValueEvent(ClickEvent e) {
-        radioValue.setValue(false, true);
-    }
+                    @UiHandler("btnRadioValueEvent")
+                    void onClickRadioValueEvent(ClickEvent e) {
+                    radioValue.setValue(false, true);
+                    }
diff --git a/src/main/java/gmd/core/demo/client/application/page/range/RangeModule.java b/src/main/java/gmd/core/demo/client/application/page/range/RangeModule.java index da988e3..433daed 100644 --- a/src/main/java/gmd/core/demo/client/application/page/range/RangeModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/range/RangeModule.java @@ -25,6 +25,6 @@ public class RangeModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(RangePresenter.class, RangePresenter.MyView.class, RangeView.class, - RangePresenter.MyProxy.class); + RangePresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/range/RangePresenter.java b/src/main/java/gmd/core/demo/client/application/page/range/RangePresenter.java index 8545e76..e941719 100644 --- a/src/main/java/gmd/core/demo/client/application/page/range/RangePresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/range/RangePresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject RangePresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/range/RangeView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/range/RangeView.ui.xml index d488b30..2033d44 100644 --- a/src/main/java/gmd/core/demo/client/application/page/range/RangeView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/range/RangeView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -30,7 +30,7 @@ 
-    <m:MaterialRange ui:field="range" min="10" max="500" value="250"/>
+                    <m:MaterialRange ui:field="range" min="10" max="500" value="250"/>
@@ -39,21 +39,21 @@ 
-    <m:MaterialRange ui:field="thumbRange" min="10" max="500" value="250" enableThumb="false"/>
+                    <m:MaterialRange ui:field="thumbRange" min="10" max="500" value="250" enableThumb="false"/>
- - + + 
-    rangeSetValue.setValue(50);
+                    rangeSetValue.setValue(50);
 
-    // Will fire ValueChangeEvent
-    rangeSetValue.setValue(20, true);
+                    // Will fire ValueChangeEvent
+                    rangeSetValue.setValue(20, true);
diff --git a/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyModule.java b/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyModule.java index 92ae061..cbcdf9e 100644 --- a/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyModule.java @@ -25,6 +25,6 @@ public class ScrollspyModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(ScrollspyPresenter.class, ScrollspyPresenter.MyView.class, ScrollspyView.class, - ScrollspyPresenter.MyProxy.class); + ScrollspyPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyPresenter.java b/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyPresenter.java index b881fcc..516c6f3 100644 --- a/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject ScrollspyPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyView.java b/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyView.java index dd9621e..3c1b5a4 100644 --- a/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyView.java +++ b/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyView.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyView.ui.xml index a325d05..1239edd 100644 --- a/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/scrollspy/ScrollspyView.ui.xml @@ -18,82 +18,138 @@ #L% --> + xmlns:m='urn:import:gwt.material.design.client.ui' + xmlns:widget="urn:import:gmd.core.demo.client.application.widget" + xmlns:g="urn:import:com.google.gwt.user.client.ui"> - - - - - - - + + + + + + + - - - + + + - - - + + + - - - - - - - - - - - - - - - - - 
-	<m:MaterialRow>
-		<m:MaterialColumn grid="l10">
-			<m:MaterialPanel scrollspy="topic1">
-				<m:MaterialTitle title="Topic 1"
-								 description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,"/>
-			</m:MaterialPanel>
+                    
+                        
+                        
+                    
+                
+                
+                    
+                        
+                        
+                        
+                        
+                    
+                
+            
 
-			<m:MaterialPanel scrollspy="topic2">
-				<m:MaterialTitle title="Topic 2"
-								 description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,"/>
-			</m:MaterialPanel>
+            
+                
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="l10">
+                    <m:MaterialPanel scrollspy="topic1">
+                    <m:MaterialTitle title="Topic 1"
+                    description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
+                    dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
+                    ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
+                    massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,
+                    rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer
+                    tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo
+                    ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra
+                    quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
+                    imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam
+                    rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet
+                    adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
+                    Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam
+                    quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet
+                    nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus
+                    nunc,"/>
+                    </m:MaterialPanel>
 
-			<m:MaterialPanel scrollspy="topic3">
-				<m:MaterialTitle title="Topic 3"
-								 description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,"/>
-			</m:MaterialPanel>
+                    <m:MaterialPanel scrollspy="topic2">
+                    <m:MaterialTitle title="Topic 2"
+                    description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
+                    dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
+                    ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
+                    massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,
+                    rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer
+                    tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo
+                    ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra
+                    quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
+                    imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam
+                    rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet
+                    adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
+                    Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam
+                    quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet
+                    nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus
+                    nunc,"/>
+                    </m:MaterialPanel>
 
-			<m:MaterialPanel scrollspy="code">
-				<m:MaterialTitle title="Code" description=""/>
-				<m:MaterialTitle title="Topic 3"
-								 description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,"/>
-			</m:MaterialPanel>
-		</m:MaterialColumn>
-		<m:MaterialColumn grid="l2">
-			<m:MaterialScrollspy ui:field="scrollspy" textColor="GREEN">
-				<m:MaterialLink href="#topic1" text="Topic 1"/>
-				<m:MaterialLink href="#topic2" text="Topic 2"/>
-				<m:MaterialLink href="#topic3" text="Topic 3"/>
-				<m:MaterialLink href="#code" text="Code"/>
-			</m:MaterialScrollspy>
-		</m:MaterialColumn>
-	</m:MaterialRow>
-				

-			
-		
-	
+                    <m:MaterialPanel scrollspy="topic3">
+                    <m:MaterialTitle title="Topic 3"
+                    description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
+                    dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
+                    ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
+                    massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,
+                    rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer
+                    tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo
+                    ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra
+                    quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
+                    imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam
+                    rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet
+                    adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
+                    Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam
+                    quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet
+                    nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus
+                    nunc,"/>
+                    </m:MaterialPanel>
+
+                    <m:MaterialPanel scrollspy="code">
+                    <m:MaterialTitle title="Code" description=""/>
+                    <m:MaterialTitle title="Topic 3"
+                    description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
+                    dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
+                    ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
+                    massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,
+                    rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer
+                    tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo
+                    ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra
+                    quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
+                    imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam
+                    rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet
+                    adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
+                    Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam
+                    quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet
+                    nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus
+                    nunc,"/>
+                    </m:MaterialPanel>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn grid="l2">
+                    <m:MaterialScrollspy ui:field="scrollspy" textColor="GREEN">
+                    <m:MaterialLink href="#topic1" text="Topic 1"/>
+                    <m:MaterialLink href="#topic2" text="Topic 2"/>
+                    <m:MaterialLink href="#topic3" text="Topic 3"/>
+                    <m:MaterialLink href="#code" text="Code"/>
+                    </m:MaterialScrollspy>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
+
+ + + diff --git a/src/main/java/gmd/core/demo/client/application/page/search/SearchModule.java b/src/main/java/gmd/core/demo/client/application/page/search/SearchModule.java index cb35f95..1082d58 100644 --- a/src/main/java/gmd/core/demo/client/application/page/search/SearchModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/search/SearchModule.java @@ -25,6 +25,6 @@ public class SearchModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(SearchPresenter.class, SearchPresenter.MyView.class, SearchView.class, - SearchPresenter.MyProxy.class); + SearchPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/search/SearchPresenter.java b/src/main/java/gmd/core/demo/client/application/page/search/SearchPresenter.java index 584f971..985044f 100644 --- a/src/main/java/gmd/core/demo/client/application/page/search/SearchPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/search/SearchPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject SearchPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/search/SearchView.java b/src/main/java/gmd/core/demo/client/application/page/search/SearchView.java index 51d490f..00c2a26 100644 --- a/src/main/java/gmd/core/demo/client/application/page/search/SearchView.java +++ b/src/main/java/gmd/core/demo/client/application/page/search/SearchView.java @@ -7,9 +7,9 @@ * 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. @@ -28,7 +28,11 @@ import gmd.core.demo.client.application.model.DataHelper; import gmd.core.demo.client.application.model.Hero; import gwt.material.design.client.base.SearchObject; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.ui.MaterialImage; +import gwt.material.design.client.ui.MaterialLabel; +import gwt.material.design.client.ui.MaterialNavBar; +import gwt.material.design.client.ui.MaterialSearch; +import gwt.material.design.client.ui.MaterialToast; import gwt.material.design.client.ui.animate.MaterialAnimation; import gwt.material.design.client.ui.animate.Transition; @@ -72,9 +76,9 @@ interface Binder extends UiBinder { // Populate the search keyword into search component List objects = new ArrayList<>(); - for(Hero hero : DataHelper.getAllHeroes()){ - objects.add(hero); - } + + objects.addAll(DataHelper.getAllHeroes()); + txtSearch.setListSearches(objects); txtSearch.setSelectedObject(objects.get(3)); @@ -82,7 +86,7 @@ interface Binder extends UiBinder { // Add Finish Handler txtSearch.addSearchFinishHandler(event -> { // Get the selected search object - Hero hero = (Hero)txtSearch.getSelectedObject(); + Hero hero = (Hero) txtSearch.getSelectedObject(); new MaterialAnimation().transition(Transition.ZOOMIN).animate(imgHero); imgHero.setUrl(hero.getImageUrl()); lblName.setText(hero.getName()); @@ -92,7 +96,7 @@ interface Binder extends UiBinder { } @UiHandler("btnSearch") - void onSearch(ClickEvent e){ + void onSearch(ClickEvent e) { txtSearch.open(); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/search/SearchView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/search/SearchView.ui.xml index 85b8c61..b17d1f7 100644 --- a/src/main/java/gmd/core/demo/client/application/page/search/SearchView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/search/SearchView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -23,7 +23,8 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - + @@ -33,14 +34,18 @@ - + - + - + @@ -53,113 +58,127 @@ 
-    <!-- Navbar component that contains a search icon -->
-    <m:MaterialNavBar ui:field="navBar" paddingLeft="20" width="100%" textColor="WHITE">
-        <m:MaterialNavBrand ui:field="navBrand" text="GMD"/>
-        <m:MaterialLink ui:field="btnSearch" iconType="SEARCH" iconColor="WHITE" float="RIGHT"/>
-    </m:MaterialNavBar>
-
-    <!-- NavBar Search -->
-    <m:MaterialNavBar ui:field="navBarSearch" width="100%" visible="false">
-        <m:MaterialSearch ui:field="txtSearch" placeholder="Component" backgroundColor="WHITE" iconColor="BLACK"  active="true" grid="l3" shadow="1"/>
-    </m:MaterialNavBar>
-
-    <m:MaterialRow padding="32" textAlign="CENTER">
-        <m:MaterialColumn grid="l6 m6 s12" offset="l3 m3 l0">
-            <m:MaterialImage ui:field="imgHero" url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/batman.png" circle="true" shadow="1"/>
-            <m:MaterialLabel ui:field="lblName" text="Batman" fontSize="2em"/>
-            <m:MaterialLabel ui:field="lblDescription" text="Batman's secret identity is Bruce Wayne, an American billionaire, playboy, philanthropist, and owner of Wayne Enterprises. After witnessing the murder of his parents as a child, he swore revenge on criminals, an oath tempered by a sense of justice. Wayne trains himself both physically and intellectually and crafts a bat-inspired persona to fight crime."/>
-            <m:MaterialRow offset="l3 m3 l0" grid="l6 m6 s12" marginTop="20">
-                <m:MaterialIcon iconType="STAR" grid="l2 m2 s2" offset="l1" iconColor="AMBER"/>
-                <m:MaterialIcon iconType="STAR" grid="l2 m2 s2" iconColor="AMBER"/>
-                <m:MaterialIcon iconType="STAR" grid="l2 m2 s2" iconColor="AMBER"/>
-                <m:MaterialIcon iconType="STAR" grid="l2 m2 s2" iconColor="AMBER"/>
-                <m:MaterialIcon iconType="STAR" grid="l2 m2 s2" iconColor="AMBER"/>
-            </m:MaterialRow>
-        </m:MaterialColumn>
-    </m:MaterialRow>
+                    <!-- Navbar component that contains a search icon -->
+                    <m:MaterialNavBar ui:field="navBar" paddingLeft="20" width="100%" textColor="WHITE">
+                    <m:MaterialNavBrand ui:field="navBrand" text="GMD"/>
+                    <m:MaterialLink ui:field="btnSearch" iconType="SEARCH" iconColor="WHITE" float="RIGHT"/>
+                    </m:MaterialNavBar>
+
+                    <!-- NavBar Search -->
+                    <m:MaterialNavBar ui:field="navBarSearch" width="100%" visible="false">
+                    <m:MaterialSearch ui:field="txtSearch" placeholder="Component" backgroundColor="WHITE"
+                    iconColor="BLACK" active="true" grid="l3" shadow="1"/>
+                    </m:MaterialNavBar>
+
+                    <m:MaterialRow padding="32" textAlign="CENTER">
+                    <m:MaterialColumn grid="l6 m6 s12" offset="l3 m3 l0">
+                    <m:MaterialImage ui:field="imgHero"
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/batman.png" circle="true"
+                    shadow="1"/>
+                    <m:MaterialLabel ui:field="lblName" text="Batman" fontSize="2em"/>
+                    <m:MaterialLabel ui:field="lblDescription" text="Batman's secret identity is Bruce Wayne, an
+                    American billionaire, playboy, philanthropist, and owner of Wayne Enterprises. After witnessing the
+                    murder of his parents as a child, he swore revenge on criminals, an oath tempered by a sense of
+                    justice. Wayne trains himself both physically and intellectually and crafts a bat-inspired persona
+                    to fight crime."/>
+                    <m:MaterialRow offset="l3 m3 l0" grid="l6 m6 s12" marginTop="20">
+                    <m:MaterialIcon iconType="STAR" grid="l2 m2 s2" offset="l1" iconColor="AMBER"/>
+                    <m:MaterialIcon iconType="STAR" grid="l2 m2 s2" iconColor="AMBER"/>
+                    <m:MaterialIcon iconType="STAR" grid="l2 m2 s2" iconColor="AMBER"/>
+                    <m:MaterialIcon iconType="STAR" grid="l2 m2 s2" iconColor="AMBER"/>
+                    <m:MaterialIcon iconType="STAR" grid="l2 m2 s2" iconColor="AMBER"/>
+                    </m:MaterialRow>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
- + 
-    <!-- NavBar Search -->
-    <m:MaterialNavBar ui:field="navBarSearch" width="100%" visible="false">
-    <m:MaterialSearch ui:field="txtSearch" placeholder="Component" backgroundColor="WHITE" iconColor="BLACK"  active="true" grid="l3" shadow="1"/>
-    </m:MaterialNavBar>
+                    <!-- NavBar Search -->
+                    <m:MaterialNavBar ui:field="navBarSearch" width="100%" visible="false">
+                    <m:MaterialSearch ui:field="txtSearch" placeholder="Component" backgroundColor="WHITE"
+                    iconColor="BLACK" active="true" grid="l3" shadow="1"/>
+                    </m:MaterialNavBar>
- + 
-    txtSearch.open();
-    txtSearch.close();
+                    txtSearch.open();
+                    txtSearch.close();
- + 
-    // Add Open Handler
-    txtSearch.addOpenHandler(openEvent -> {
-        navBar.setVisible(false);
-        navBarSearch.setVisible(true);
-        MaterialToast.fireToast("Open Event was fired");
-    });
+                    // Add Open Handler
+                    txtSearch.addOpenHandler(openEvent -> {
+                    navBar.setVisible(false);
+                    navBarSearch.setVisible(true);
+                    MaterialToast.fireToast("Open Event was fired");
+                    });
- + 
-    // Populate the search keyword into search component
-    List<SearchObject> objects = new ArrayList<>();
-        for(Hero hero : DataHelper.getAllHeroes()){
-        objects.add(hero);
-    }
-    txtSearch.setListSearches(objects);
-
-    txtSearch.setSelectedObject(objects.get(3));
+                    // Populate the search keyword into search component
+                    List<SearchObject> objects = new ArrayList<>();
+                    for(Hero hero : DataHelper.getAllHeroes()){
+                    objects.add(hero);
+                    }
+                    txtSearch.setListSearches(objects);
+
+                    txtSearch.setSelectedObject(objects.get(3));
- + 
-    // Add Close Handler
-    txtSearch.addCloseHandler(event -> {
-        navBar.setVisible(true);
-        navBarSearch.setVisible(false);
-        MaterialToast.fireToast("Close Event was fired");
-    });
+                    // Add Close Handler
+                    txtSearch.addCloseHandler(event -> {
+                    navBar.setVisible(true);
+                    navBarSearch.setVisible(false);
+                    MaterialToast.fireToast("Close Event was fired");
+                    });
- + 
-    // Add Finish Handler
-    txtSearch.addSearchFinishHandler(event -> {
-        // Get the selected search object
-        Hero hero = (Hero)txtSearch.getSelectedObject();
-        new MaterialAnimation().transition(Transition.ZOOMIN).animate(imgHero);
-        imgHero.setUrl(hero.getImageUrl());
-        lblName.setText(hero.getName());
-        lblDescription.setText(hero.getDescription());
-        MaterialToast.fireToast("Search Finish Event was fired");
-    });
+                    // Add Finish Handler
+                    txtSearch.addSearchFinishHandler(event -> {
+                    // Get the selected search object
+                    Hero hero = (Hero)txtSearch.getSelectedObject();
+                    new MaterialAnimation().transition(Transition.ZOOMIN).animate(imgHero);
+                    imgHero.setUrl(hero.getImageUrl());
+                    lblName.setText(hero.getName());
+                    lblDescription.setText(hero.getDescription());
+                    MaterialToast.fireToast("Search Finish Event was fired");
+                    });
diff --git a/src/main/java/gmd/core/demo/client/application/page/security/SecurityModule.java b/src/main/java/gmd/core/demo/client/application/page/security/SecurityModule.java index 002e680..e583058 100644 --- a/src/main/java/gmd/core/demo/client/application/page/security/SecurityModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/security/SecurityModule.java @@ -25,6 +25,6 @@ public class SecurityModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(SecurityPresenter.class, SecurityPresenter.MyView.class, SecurityView.class, - SecurityPresenter.MyProxy.class); + SecurityPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/security/SecurityPresenter.java b/src/main/java/gmd/core/demo/client/application/page/security/SecurityPresenter.java index 2b2b33a..b5a6be7 100644 --- a/src/main/java/gmd/core/demo/client/application/page/security/SecurityPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/security/SecurityPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject SecurityPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/security/SecurityView.java b/src/main/java/gmd/core/demo/client/application/page/security/SecurityView.java index 1c7f21f..f425b3d 100644 --- a/src/main/java/gmd/core/demo/client/application/page/security/SecurityView.java +++ b/src/main/java/gmd/core/demo/client/application/page/security/SecurityView.java @@ -29,7 +29,6 @@ import com.gwtplatform.mvp.client.ViewImpl; import gwt.material.design.client.base.mixin.TextMixin; import gwt.material.design.client.sanitizer.DefaultValueSanitizer; -import gwt.material.design.client.sanitizer.StandardValueSanitizer; import gwt.material.design.client.ui.MaterialChip; import gwt.material.design.client.ui.MaterialLabel; import gwt.material.design.client.ui.MaterialTextBox; diff --git a/src/main/java/gmd/core/demo/client/application/page/security/SecurityView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/security/SecurityView.ui.xml index 16ecac8..deeb8b2 100644 --- a/src/main/java/gmd/core/demo/client/application/page/security/SecurityView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/security/SecurityView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -18,58 +18,60 @@ #L% --> + xmlns:m='urn:import:gwt.material.design.client.ui' + xmlns:widget="urn:import:gmd.core.demo.client.application.widget" + xmlns:g="urn:import:com.google.gwt.user.client.ui"> - - - - - - + + + + + + - - - + + - - 
-chip.setText("<b>Chip</b> with <i>DefaultHtmlSanitizer</i>");
-widget.setText("<b>Sanitized Text</b> with <i>DefaultHtmlSanitizer</i>");
-
- - + + 
+                    chip.setText("<b>Chip</b> with <i>DefaultHtmlSanitizer</i>");
+                    widget.setText("<b>Sanitized Text</b> with <i>DefaultHtmlSanitizer</i>");
+
+ + - - - - - - 
-TextMixin.setDefaultSanitizer(SimpleHtmlSanitizer.getInstance());
-chip2.setText("<b>Chip</b> with <i>SimpleHtmlSanitizer</i>");
-label2.setText("<b>Sanitized Label</b> with <i>SimpleHtmlSanitizer</i>");
-
- - + + + + + 
+                    TextMixin.setDefaultSanitizer(SimpleHtmlSanitizer.getInstance());
+                    chip2.setText("<b>Chip</b> with <i>SimpleHtmlSanitizer</i>");
+                    label2.setText("<b>Sanitized Label</b> with <i>SimpleHtmlSanitizer</i>");
+
+ + - - -
-
  • A white-list of basic HTML tags without attributes, including <b>,<em>, <i>, <h1>, ..., <h5>, <hr>, <ul>,<ol>, <li> and the corresponding end tags.
    • -
  • HTML entities and entity references, such as ', /,&, ",etc.
    • -
    -     -     + + +
    +
  • A white-list of basic HTML tags without attributes, including <b>,<em>, <i>, <h1>, + ..., <h5>, <hr>, <ul>,<ol>, <li> and the corresponding end tags. +
    • +
  • HTML entities and entity references, such as ', /,&, ",etc.
    • +
    +     +     -     +     diff --git a/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowModule.java b/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowModule.java index 9ad4d42..4768907 100644 --- a/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowModule.java @@ -25,6 +25,6 @@ public class ShadowModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(ShadowPresenter.class, ShadowPresenter.MyView.class, ShadowView.class, - ShadowPresenter.MyProxy.class); + ShadowPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowPresenter.java b/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowPresenter.java index 68216eb..ae78509 100644 --- a/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject ShadowPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowView.ui.xml index 7b34702..0cc9e50 100644 --- a/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/shadow/ShadowView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -24,32 +24,41 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - + - - - - - + + + + + 
    -    <m:MaterialRow>
-        <m:MaterialColumn grid="s12 m12 l2" shadow="1" waves="DEFAULT" height="200px" margin="12"/>
-        <m:MaterialColumn grid="s12 m12 l2" shadow="2" waves="RED" height="200px" margin="12"/>
-        <m:MaterialColumn grid="s12 m12 l2" shadow="3" waves="TEAL" height="200px" margin="12"/>
-        <m:MaterialColumn grid="s12 m12 l2" shadow="4" waves="YELLOW" height="200px" margin="12"/>
-        <m:MaterialColumn grid="s12 m12 l2" shadow="5" waves="PURPLE" height="200px" margin="12"/>
-    </m:MaterialRow>
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="s12 m12 l2" shadow="1" waves="DEFAULT" height="200px" margin="12"/>
+                    <m:MaterialColumn grid="s12 m12 l2" shadow="2" waves="RED" height="200px" margin="12"/>
+                    <m:MaterialColumn grid="s12 m12 l2" shadow="3" waves="TEAL" height="200px" margin="12"/>
+                    <m:MaterialColumn grid="s12 m12 l2" shadow="4" waves="YELLOW" height="200px" margin="12"/>
+                    <m:MaterialColumn grid="s12 m12 l2" shadow="5" waves="PURPLE" height="200px" margin="12"/>
+                    </m:MaterialRow>
    - + 
    -    <ma:webp.MaterialWebpImage url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/image.webp" fallbackExtension="png" shadow="1"/>
+                    <ma:webp.MaterialWebpImage
+                    url="https://gwtmaterialdesign.github.io/gwt-material-demo/images/image.webp"
+                    fallbackExtension="png" shadow="1"/>
    diff --git a/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavModule.java b/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavModule.java index 07ed755..a7fd9dd 100644 --- a/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavModule.java @@ -25,6 +25,6 @@ public class SideNavModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(SideNavPresenter.class, SideNavPresenter.MyView.class, SideNavView.class, - SideNavPresenter.MyProxy.class); + SideNavPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavPresenter.java b/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavPresenter.java index 37042b1..c2ba21e 100644 --- a/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -42,10 +42,10 @@ interface MyProxy extends ProxyPlace { @Inject SideNavPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } diff --git a/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavView.java b/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavView.java index d4ae803..93d6885 100644 --- a/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavView.java +++ b/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavView.java @@ -20,7 +20,6 @@ package gmd.core.demo.client.application.page.sidenavs; import com.google.gwt.uibinder.client.UiBinder; -import com.google.gwt.uibinder.client.UiField; import com.google.gwt.user.client.ui.Widget; import com.gwtplatform.mvp.client.ViewImpl; import gmd.core.demo.client.application.model.DemoImageDTO; @@ -43,59 +42,59 @@ interface Binder extends UiBinder { public void buildPanel() { MaterialPanel typePanel = asWidget(); typePanel.add(new DemoImagePanel(new DemoImageDTO("Fixed Sidenav", "It is the default type for Sidenav component, which has a permanent structure and opened by default.", - "https://i.imgur.com/FG8zdzn.gif", - generateDemoLink("fixed"), - generateSource("sidenavfixed/FixedSideNavView.ui.xml")))); + "https://i.imgur.com/FG8zdzn.gif", + generateDemoLink("fixed"), + generateSource("sidenavfixed/FixedSideNavView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Drawer Sidenav", "It's a persistent type of sidenav which can be opened (Adds also an overlay on top of the page) / closed. This type of sidenav is hidden by default.", - "https://i.imgur.com/IgfPnXo.gif", - generateDemoLink("drawer"), - generateSource("sidenavdrawer/DrawerSideNavView.ui.xml")))); + "https://i.imgur.com/IgfPnXo.gif", + generateDemoLink("drawer"), + generateSource("sidenavdrawer/DrawerSideNavView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Drawer with Header Sidenav", "The same structure as the Drawer Sidenav, the only difference is that the it overlays together with the header navbar.", - "https://i.imgur.com/yZQH1iq.gif", - generateDemoLink("drawer_header"), - generateSource("sidenavdrawerheader/DrawerHeaderSideNavView.ui.xml")))); + "https://i.imgur.com/yZQH1iq.gif", + generateDemoLink("drawer_header"), + generateSource("sidenavdrawerheader/DrawerHeaderSideNavView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Push Sidenav", "It's a persistent type of sidenav which can be opened / closed. It pushes the entire page including the header / footer / main components when opening the sidenav.", - "https://i.imgur.com/rIktoKt.gif", - generateDemoLink("push"), - generateSource("sidenavpush/PushSideNavView.ui.xml")))); + "https://i.imgur.com/rIktoKt.gif", + generateDemoLink("push"), + generateSource("sidenavpush/PushSideNavView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Push with Header Sidenav", "The same structure as the Push Sidenav, the only difference is that the header is fixed and cannot push , only the main / footer components are pushed when opening the sidenav.", - "https://i.imgur.com/AtGh0Vb.gif", - generateDemoLink("push_header"), - generateSource("sidenavpushheader/PushHeaderSideNavView.ui.xml")))); + "https://i.imgur.com/AtGh0Vb.gif", + generateDemoLink("push_header"), + generateSource("sidenavpushheader/PushHeaderSideNavView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Card Sidenav", "It adds a delightful shadow on this sidenav container, this sidenav is good for few sidenav link items.", - "https://i.imgur.com/DjqKg1X.gif", - generateDemoLink("card"), - generateSource("sidenavcard/CardSideNavView.ui.xml")))); + "https://i.imgur.com/DjqKg1X.gif", + generateDemoLink("card"), + generateSource("sidenavcard/CardSideNavView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Mini Sidenav", "Mini Variant / Icon Only sidenav is good for wide page content plus a section wherein you can easily navigate the sidenav menu.", - "https://i.imgur.com/XMtfBsr.gif", - generateDemoLink("mini"), - generateSource("sidenavmini/MiniSideNavView.ui.xml")))); + "https://i.imgur.com/XMtfBsr.gif", + generateDemoLink("mini"), + generateSource("sidenavmini/MiniSideNavView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Mini Expandable Sidenav", "Added a little variation from icon only to drawer sidenav.", - "https://i.imgur.com/ZR0HsfA.gif", - generateDemoLink("mini_expandable"), - generateSource("sidenavminiexpand/MiniExpandSideNavView.ui.xml")))); + "https://i.imgur.com/ZR0HsfA.gif", + generateDemoLink("mini_expandable"), + generateSource("sidenavminiexpand/MiniExpandSideNavView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Right Edge", "Sidenavs also can be placed on the RIGHT Edge of the page for other usecase.", - "https://i.imgur.com/FuYq68d.gif", - generateDemoLink("edge"), - generateSource("sidenavedge/EdgeSideNavView.ui.xml")))); + "https://i.imgur.com/FuYq68d.gif", + generateDemoLink("edge"), + generateSource("sidenavedge/EdgeSideNavView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("Collapsible Items", "Using collapsible component you can add easily a sub menu into your sidenav.", - "http://i.imgur.com/aTrfz70.gif", - generateDemoLink("colaps"), - generateSource("sidenavcollapsible/CollapsibleSideNavView.ui.xml")))); + "http://i.imgur.com/aTrfz70.gif", + generateDemoLink("colaps"), + generateSource("sidenavcollapsible/CollapsibleSideNavView.ui.xml")))); typePanel.add(new DemoImagePanel(new DemoImageDTO("SideNav Content", "A component inside SideNav which you can place any plain contents like input fields, picture, labesl and description.", - "http://i.imgur.com/21DoL6L.gif", - generateDemoLink("content"), - generateSource("sidenavcontent/SideNavContentView.ui.xml")))); + "http://i.imgur.com/21DoL6L.gif", + generateDemoLink("content"), + generateSource("sidenavcontent/SideNavContentView.ui.xml")))); } protected String generateSource(String type) { diff --git a/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavView.ui.xml index bed2dd0..2dcaab0 100644 --- a/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/sidenavs/SideNavView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -26,12 +26,31 @@
    -

    width - The width of your desired sidenav

    -

    m:id - The Id of your sidenav, required by material navbar component.

    -

    closeOnClick - If clicked on the sidemenu items it will be automatically closed if set to true.

    -

    alwaysShowActivator - Stop the side nav from hiding your activator element.

    -

    allowBodyScroll - Stop the side nav from blocking your body element from scrolling.

    -

    showOnAttach - Invoke a deferred show call to show your side nav (this isn't always required as some will automatically show).

    +

    + width + - The width of your desired sidenav +

    +

    + m:id + - The id of your sidenav, required by material navbar component. +

    +

    + closeOnClick + - If clicked on the sidemenu items it will be automatically closed if set to true. +

    +

    + alwaysShowActivator + - Stop the side nav from hiding your activator element. +

    +

    + allowBodyScroll + - Stop the side nav from blocking your body element from scrolling. +

    +

    + showOnAttach + - Invoke a deferred show call to show your side nav (this isn't always required as some will + automatically show). +

    @@ -39,11 +58,31 @@
    -

    MaterialSideNav (Fixed) - It is the default type for Sidenav component, which has a permanent structure and opened by default.

    -

    MaterialSideNavDrawer - It's a persistent type of sidenav which can be opened (Adds also an overlay on top of the page) / closed. This type of sidenav is hidden by default.

    -

    MaterialSideNavPush - It's a persistent type of sidenav which can be opened / closed. It pushes the entire page including the header / footer / main components when opening the sidenav.

    -

    MaterialSideNavMini - Mini Variant / Icon Only sidenav is good for wide page content plus a section wherein you can easily navigate the sidenav menu.

    -

    MaterialSideNavCard - It adds a delightful shadow on this sidenav container, this sidenav is good for few sidenav link items.

    +

    + MaterialSideNav (Fixed) + - It is the default type for Sidenav component, which has a permanent structure and opened by + default. +

    +

    + MaterialSideNavDrawer + - It's a persistent type of sidenav which can be opened (Adds also an overlay on top of the + page) / closed. This type of sidenav is hidden by default. +

    +

    + MaterialSideNavPush + - It's a persistent type of sidenav which can be opened / closed. It pushes the entire page + including the header / footer / main components when opening the sidenav. +

    +

    + MaterialSideNavMini + - Mini Variant / Icon Only sidenav is good for wide page content plus a section wherein you can + easily navigate the sidenav menu. +

    +

    + MaterialSideNavCard + - It adds a delightful shadow on this sidenav container, this sidenav is good for few sidenav + link items. +

    diff --git a/src/main/java/gmd/core/demo/client/application/page/switches/SwitchModule.java b/src/main/java/gmd/core/demo/client/application/page/switches/SwitchModule.java index 035ed31..41479b5 100644 --- a/src/main/java/gmd/core/demo/client/application/page/switches/SwitchModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/switches/SwitchModule.java @@ -25,6 +25,6 @@ public class SwitchModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(SwitchPresenter.class, SwitchPresenter.MyView.class, SwitchView.class, - SwitchPresenter.MyProxy.class); + SwitchPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/switches/SwitchPresenter.java b/src/main/java/gmd/core/demo/client/application/page/switches/SwitchPresenter.java index 5085d07..20b95fe 100644 --- a/src/main/java/gmd/core/demo/client/application/page/switches/SwitchPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/switches/SwitchPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject SwitchPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/switches/SwitchView.java b/src/main/java/gmd/core/demo/client/application/page/switches/SwitchView.java index 187ef70..5dbfb97 100644 --- a/src/main/java/gmd/core/demo/client/application/page/switches/SwitchView.java +++ b/src/main/java/gmd/core/demo/client/application/page/switches/SwitchView.java @@ -7,9 +7,9 @@ * 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. @@ -50,20 +50,12 @@ void onSwitchEvent(ValueChangeEvent e) { @UiHandler("btnSwitchValue") void onSwitchValue(ClickEvent e) { - if (!switchSetValue.getValue()) { - switchSetValue.setValue(true); - } else { - switchSetValue.setValue(false); - } + switchSetValue.setValue(!switchSetValue.getValue()); } @UiHandler("btnSwitchValueEvent") void onSwitchValueEvent(ClickEvent e) { - if (!switchSetValue.getValue()) { - switchSetValue.setValue(true, true); - } else { - switchSetValue.setValue(false, true); - } + switchSetValue.setValue(!switchSetValue.getValue(), true); } @UiHandler("switchSetValue") diff --git a/src/main/java/gmd/core/demo/client/application/page/switches/SwitchView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/switches/SwitchView.ui.xml index 6eb12c0..fe8dcdb 100644 --- a/src/main/java/gmd/core/demo/client/application/page/switches/SwitchView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/switches/SwitchView.ui.xml @@ -32,36 +32,36 @@ 
    -    <m:MaterialSwitch ui:field="switch1" value="true" grid="l0"/>
-    <m:MaterialSwitch ui:field="switch2" value="false" grid="l0"/>
-    <m:MaterialSwitch enabled="false" value="true" grid="l0"/>
-    <m:MaterialSwitch enabled="false" grid="l0"/>
+                    <m:MaterialSwitch ui:field="switch1" value="true" grid="l0"/>
+                    <m:MaterialSwitch ui:field="switch2" value="false" grid="l0"/>
+                    <m:MaterialSwitch enabled="false" value="true" grid="l0"/>
+                    <m:MaterialSwitch enabled="false" grid="l0"/>
    - + 
    -    @UiHandler("switchEvent")
-    void onSwitchEvent(ValueChangeEvent<Boolean> e) {
-        MaterialToast.fireToast("Value " + e.getValue());
-    }
+                    @UiHandler("switchEvent")
+                    void onSwitchEvent(ValueChangeEvent<Boolean> e) {
+                    MaterialToast.fireToast("Value " + e.getValue());
+                    }
    - - - + + + 
    -    // Will not fire ValueChangeEvent
-    switchSetValue.setValue(false);
-    // Will fire ValueChangeEvent
-    switchSetValue.setValue(true, true);
+                    // Will not fire ValueChangeEvent
+                    switchSetValue.setValue(false);
+                    // Will fire ValueChangeEvent
+                    switchSetValue.setValue(true, true);
    diff --git a/src/main/java/gmd/core/demo/client/application/page/tabs/TabsModule.java b/src/main/java/gmd/core/demo/client/application/page/tabs/TabsModule.java index 5f94f91..2fa0a9c 100644 --- a/src/main/java/gmd/core/demo/client/application/page/tabs/TabsModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/tabs/TabsModule.java @@ -25,6 +25,6 @@ public class TabsModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(TabsPresenter.class, TabsPresenter.MyView.class, TabsView.class, - TabsPresenter.MyProxy.class); + TabsPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/tabs/TabsPresenter.java b/src/main/java/gmd/core/demo/client/application/page/tabs/TabsPresenter.java index bc5a802..208b8fd 100644 --- a/src/main/java/gmd/core/demo/client/application/page/tabs/TabsPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/tabs/TabsPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -31,7 +31,7 @@ import gmd.core.demo.client.application.page.AppPresenter; import gmd.core.demo.client.place.NameTokens; -public class TabsPresenter extends AppPresenter implements ContentPushEvent.ContentPushHandler { +public class TabsPresenter extends AppPresenter implements ContentPushEvent.ContentPushHandler { interface MyView extends View { void recalculateTabs(); @@ -44,10 +44,10 @@ interface MyProxy extends ProxyPlace { @Inject TabsPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); addRegisteredHandler(ContentPushEvent.TYPE, this); } diff --git a/src/main/java/gmd/core/demo/client/application/page/tabs/TabsView.java b/src/main/java/gmd/core/demo/client/application/page/tabs/TabsView.java index f18ad03..6cc7f54 100644 --- a/src/main/java/gmd/core/demo/client/application/page/tabs/TabsView.java +++ b/src/main/java/gmd/core/demo/client/application/page/tabs/TabsView.java @@ -7,9 +7,9 @@ * 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. @@ -28,7 +28,13 @@ import com.gwtplatform.mvp.client.ViewImpl; import gwt.material.design.client.constants.Color; import gwt.material.design.client.constants.WavesType; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.ui.MaterialLabel; +import gwt.material.design.client.ui.MaterialLink; +import gwt.material.design.client.ui.MaterialListBox; +import gwt.material.design.client.ui.MaterialRow; +import gwt.material.design.client.ui.MaterialTab; +import gwt.material.design.client.ui.MaterialTabItem; +import gwt.material.design.client.ui.MaterialToast; import javax.inject.Inject; diff --git a/src/main/java/gmd/core/demo/client/application/page/tabs/TabsView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/tabs/TabsView.ui.xml index 3dc77d4..0fffa23 100644 --- a/src/main/java/gmd/core/demo/client/application/page/tabs/TabsView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/tabs/TabsView.ui.xml @@ -7,9 +7,9 @@ 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. @@ -23,7 +23,8 @@ xmlns:g="urn:import:com.google.gwt.user.client.ui"> - + @@ -51,36 +52,37 @@ 
    -    <m:MaterialRow>
-        <m:MaterialColumn grid="s12">
-            <m:MaterialTab ui:field="tabIntro" shadow="1">
-                <m:MaterialTabItem waves="YELLOW">
+                    <m:MaterialRow>
+                    <m:MaterialColumn grid="s12">
+                    <m:MaterialTab ui:field="tabIntro" shadow="1">
+                    <m:MaterialTabItem waves="YELLOW">
                     <m:MaterialLink text="Tab 1" href="#tab1" textColor="WHITE"/>
-                </m:MaterialTabItem>
-                <m:MaterialTabItem waves="YELLOW">
+                    </m:MaterialTabItem>
+                    <m:MaterialTabItem waves="YELLOW">
                     <m:MaterialLink text="Tab 2" href="#tab2" textColor="WHITE"/>
-                </m:MaterialTabItem>
-                <m:MaterialTabItem waves="YELLOW">
+                    </m:MaterialTabItem>
+                    <m:MaterialTabItem waves="YELLOW">
                     <m:MaterialLink text="Tab 3" href="#tab3" textColor="WHITE"/>
-                </m:MaterialTabItem>
-            </m:MaterialTab>
-        </m:MaterialColumn>
+                    </m:MaterialTabItem>
+                    </m:MaterialTab>
+                    </m:MaterialColumn>
 
-        <m:MaterialColumn addStyleNames="tab-content" m:id="tab1" grid="s12">
-            <m:MaterialLabel text="Tab 1 Content"/>
-        </m:MaterialColumn>
-        <m:MaterialColumn addStyleNames="tab-content" m:id="tab2" grid="s12">
-            <m:MaterialLabel text="Tab 2 Content"/>
-        </m:MaterialColumn>
-        <m:MaterialColumn addStyleNames="tab-content" m:id="tab3" grid="s12">
-            <m:MaterialLabel text="Tab 3 Content"/>
-        </m:MaterialColumn>
-    </m:MaterialRow>
+                    <m:MaterialColumn addStyleNames="tab-content" m:id="tab1" grid="s12">
+                    <m:MaterialLabel text="Tab 1 Content"/>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn addStyleNames="tab-content" m:id="tab2" grid="s12">
+                    <m:MaterialLabel text="Tab 2 Content"/>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn addStyleNames="tab-content" m:id="tab3" grid="s12">
+                    <m:MaterialLabel text="Tab 3 Content"/>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
    - + @@ -106,29 +108,29 @@ 
    -    <m:MaterialRow>
-        <m:MaterialTab ui:field="tabFit" shadow="1" backgroundColor="PURPLE" indicatorColor="PINK">
-            <m:MaterialTabItem waves="LIGHT" flex="NONE">
-                <m:MaterialLink text="Tab 1" href="#tabFit1" />
-            </m:MaterialTabItem>
-            <m:MaterialTabItem waves="YELLOW" flex="NONE">
-                <m:MaterialLink text="Tab 2" href="#tabFit2" />
-            </m:MaterialTabItem>
-            <m:MaterialTabItem waves="YELLOW" flex="NONE">
-                <m:MaterialLink text="Tab 3" href="#tabFit3" />
-            </m:MaterialTabItem>
-        </m:MaterialTab>
+                    <m:MaterialRow>
+                    <m:MaterialTab ui:field="tabFit" shadow="1" backgroundColor="PURPLE" indicatorColor="PINK">
+                    <m:MaterialTabItem waves="LIGHT" flex="NONE">
+                    <m:MaterialLink text="Tab 1" href="#tabFit1" />
+                    </m:MaterialTabItem>
+                    <m:MaterialTabItem waves="YELLOW" flex="NONE">
+                    <m:MaterialLink text="Tab 2" href="#tabFit2" />
+                    </m:MaterialTabItem>
+                    <m:MaterialTabItem waves="YELLOW" flex="NONE">
+                    <m:MaterialLink text="Tab 3" href="#tabFit3" />
+                    </m:MaterialTabItem>
+                    </m:MaterialTab>
 
-        <m:MaterialColumn addStyleNames="tab-content" m:id="tabFit1" grid="s12">
-            <m:MaterialLabel text="Tab 1 Content"/>
-        </m:MaterialColumn>
-        <m:MaterialColumn addStyleNames="tab-content" m:id="tabFit2" grid="s12">
-            <m:MaterialLabel text="Tab 2 Content"/>
-        </m:MaterialColumn>
-        <m:MaterialColumn addStyleNames="tab-content" m:id="tabFit3" grid="s12">
-            <m:MaterialLabel text="Tab 3 Content"/>
-        </m:MaterialColumn>
-    </m:MaterialRow>
+                    <m:MaterialColumn addStyleNames="tab-content" m:id="tabFit1" grid="s12">
+                    <m:MaterialLabel text="Tab 1 Content"/>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn addStyleNames="tab-content" m:id="tabFit2" grid="s12">
+                    <m:MaterialLabel text="Tab 2 Content"/>
+                    </m:MaterialColumn>
+                    <m:MaterialColumn addStyleNames="tab-content" m:id="tabFit3" grid="s12">
+                    <m:MaterialLabel text="Tab 3 Content"/>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
    @@ -138,13 +140,13 @@ - + - + - + @@ -161,26 +163,27 @@ 
    -    <m:MaterialTabItem enabled="false" waves="YELLOW" grid="s4">
-        <m:MaterialLink iconType="FAVORITE" text="Favorites" href="#tab52" />
-    </m:MaterialTabItem>
+                    <m:MaterialTabItem enabled="false" waves="YELLOW" grid="s4">
+                    <m:MaterialLink iconType="FAVORITE" text="Favorites" href="#tab52" />
+                    </m:MaterialTabItem>
    - + - + - + - + @@ -197,44 +200,46 @@ 
    -    tabSetIndex.setTabIndex(1);
+                    tabSetIndex.setTabIndex(1);
    - - + + - + 
    -    dynamicTabs.add(newTabItem(i));
+                    dynamicTabs.add(newTabItem(i));
 
-    protected MaterialTabItem newTabItem(int index) {
-        MaterialTabItem item = new MaterialTabItem();
-        item.setWaves(WavesType.DEFAULT);
-        MaterialLink link = new MaterialLink("Tab " + index);
-        link.setTextColor(Color.WHITE);
-        link.setHref("#dynamicTab" + index);
-        item.add(link);
-        MaterialLabel content = new MaterialLabel("Content " + index);
-        content.setId("dynamicTab" + index);
-        dynamicTabsRow.add(content);
-        return item;
-    }
+                    protected MaterialTabItem newTabItem(int index) {
+                    MaterialTabItem item = new MaterialTabItem();
+                    item.setWaves(WavesType.DEFAULT);
+                    MaterialLink link = new MaterialLink("Tab " + index);
+                    link.setTextColor(Color.WHITE);
+                    link.setHref("#dynamicTab" + index);
+                    item.add(link);
+                    MaterialLabel content = new MaterialLabel("Content " + index);
+                    content.setId("dynamicTab" + index);
+                    dynamicTabsRow.add(content);
+                    return item;
+                    }
    - + - + - + @@ -242,13 +247,13 @@ - + - + - + @@ -265,13 +270,14 @@ 
    -    tabGetIndex.getTabIndex();
-    tabSetIndex.setTabIndex(1);
+                    tabGetIndex.getTabIndex();
+                    tabSetIndex.setTabIndex(1);
    - + @@ -299,9 +305,9 @@ 
    -    <m:MaterialTabItem waves="YELLOW" grid="s4">
-        <m:MaterialLink iconType="PHONE" text="Recents" href="#tab31" textColor="WHITE"/>
-    </m:MaterialTabItem>
+                    <m:MaterialTabItem waves="YELLOW" grid="s4">
+                    <m:MaterialLink iconType="PHONE" text="Recents" href="#tab31" textColor="WHITE"/>
+                    </m:MaterialTabItem>
    @@ -309,7 +315,8 @@ - + @@ -334,25 +341,29 @@ 
    -    <m:MaterialTab indicatorColor="GREEN_LIGHTEN_3">
-        .....
-    </m:MaterialTab>
+                    <m:MaterialTab indicatorColor="GREEN_LIGHTEN_3">
+                    .....
+                    </m:MaterialTab>
    - - - - + + + + 
    -    tabBasic.reload();
+                    tabBasic.reload();
    - + @@ -368,12 +379,14 @@ 
    -    tabEvents.addSelectionHandler(selectionEvent -> MaterialToast.fireToast(selectionEvent.getSelectedItem() + " Selected Index"));
+                    tabEvents.addSelectionHandler(selectionEvent ->
+                    MaterialToast.fireToast(selectionEvent.getSelectedItem() + " Selected Index"));
    - + @@ -391,21 +404,22 @@ 
    -    <m:MaterialRow backgroundColor="GREEN">
-        <m:MaterialColumn grid="l4 m6 s12">
-            <m:MaterialTab ui:field="tabControlWidth" backgroundColor="GREEN" indicatorColor="GREEN_LIGHTEN_3">
-                <m:MaterialTabItem waves="YELLOW" grid="s4">
+                    <m:MaterialRow backgroundColor="GREEN">
+                    <m:MaterialColumn grid="l4 m6 s12">
+                    <m:MaterialTab ui:field="tabControlWidth" backgroundColor="GREEN"
+                    indicatorColor="GREEN_LIGHTEN_3">
+                    <m:MaterialTabItem waves="YELLOW" grid="s4">
                     <m:MaterialLink text="Recents" href="#tab41" textColor="WHITE"/>
-                </m:MaterialTabItem>
-                <m:MaterialTabItem waves="YELLOW" grid="s4">
+                    </m:MaterialTabItem>
+                    <m:MaterialTabItem waves="YELLOW" grid="s4">
                     <m:MaterialLink text="Favorites" href="#tab42" textColor="WHITE"/>
-                </m:MaterialTabItem>
-                <m:MaterialTabItem waves="YELLOW" grid="s4">
+                    </m:MaterialTabItem>
+                    <m:MaterialTabItem waves="YELLOW" grid="s4">
                     <m:MaterialLink text="NearBy" href="#tab43" textColor="WHITE"/>
-                </m:MaterialTabItem>
-            </m:MaterialTab>
-        </m:MaterialColumn>
-    </m:MaterialRow>
+                    </m:MaterialTabItem>
+                    </m:MaterialTab>
+                    </m:MaterialColumn>
+                    </m:MaterialRow>
    diff --git a/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldModule.java b/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldModule.java index e23504d..e4d4bb2 100644 --- a/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldModule.java +++ b/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldModule.java @@ -25,6 +25,6 @@ public class TextFieldModule extends AbstractPresenterModule { @Override protected void configure() { bindPresenter(TextFieldPresenter.class, TextFieldPresenter.MyView.class, TextFieldView.class, - TextFieldPresenter.MyProxy.class); + TextFieldPresenter.MyProxy.class); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldPresenter.java b/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldPresenter.java index c1ee0f0..01c015c 100644 --- a/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldPresenter.java +++ b/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldPresenter.java @@ -7,9 +7,9 @@ * 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. @@ -41,10 +41,10 @@ interface MyProxy extends ProxyPlace { @Inject TextFieldPresenter( - EventBus eventBus, - MyView view, - MyProxy proxy, - PlaceManager placeManager) { + EventBus eventBus, + MyView view, + MyProxy proxy, + PlaceManager placeManager) { super(eventBus, view, proxy, ApplicationPresenter.SLOT_MAIN, placeManager); } } diff --git a/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldView.java b/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldView.java index 1968d54..41c4fc4 100644 --- a/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldView.java +++ b/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldView.java @@ -32,13 +32,26 @@ import gmd.core.demo.client.application.model.UserOracle; import gwt.material.design.addins.client.autocomplete.MaterialAutoComplete; import gwt.material.design.addins.client.combobox.MaterialComboBox; -import gwt.material.design.client.base.*; +import gwt.material.design.client.base.AbstractValueWidget; import gwt.material.design.client.base.CopyCommandCallback; +import gwt.material.design.client.base.HasFieldTypes; +import gwt.material.design.client.base.HasReadOnly; +import gwt.material.design.client.base.HasStatusText; +import gwt.material.design.client.base.MaterialWidget; import gwt.material.design.client.constants.FieldType; import gwt.material.design.client.constants.StatusDisplayType; import gwt.material.design.client.events.PasteEvent; import gwt.material.design.client.js.CopyCommandData; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.ui.MaterialDoubleBox; +import gwt.material.design.client.ui.MaterialFloatBox; +import gwt.material.design.client.ui.MaterialIcon; +import gwt.material.design.client.ui.MaterialIntegerBox; +import gwt.material.design.client.ui.MaterialListValueBox; +import gwt.material.design.client.ui.MaterialLongBox; +import gwt.material.design.client.ui.MaterialRow; +import gwt.material.design.client.ui.MaterialTextArea; +import gwt.material.design.client.ui.MaterialTextBox; +import gwt.material.design.client.ui.MaterialToast; import javax.inject.Inject; import java.util.ArrayList; @@ -340,12 +353,12 @@ void onTextLong(ValueChangeEvent e) { @UiHandler("btnTextLongValue") void onTextLongValue(ClickEvent e) { - txtLongValue.setValue(20000l); + txtLongValue.setValue(20000L); } @UiHandler("btnTextLongValueEvent") void onTextLongValueEvent(ClickEvent e) { - txtLongValue.setValue(1000l, true); + txtLongValue.setValue(1000L, true); } @UiHandler("txtDoubleValue") diff --git a/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldView.ui.xml b/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldView.ui.xml index f4174d7..8743c3d 100644 --- a/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldView.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/page/textfields/TextFieldView.ui.xml @@ -18,467 +18,468 @@ #L% --> + xmlns:m='urn:import:gwt.material.design.client.ui' + xmlns:ma="urn:import:gwt.material.design.addins.client" + xmlns:widget="urn:import:gmd.core.demo.client.application.widget" + xmlns:g="urn:import:com.google.gwt.user.client.ui"> - - - - - - - - 
    -					<m:MaterialTextBox label="First Name" grid="s12"/>
-					<m:MaterialTextBox label="Email" iconType="ACCOUNT_CIRCLE" grid="s12"/>
-
    -     -     + + + + + + + + 
    +                    <m:MaterialTextBox label="First Name" grid="s12"/>
+                    <m:MaterialTextBox label="Email" iconType="ACCOUNT_CIRCLE" grid="s12"/>
+
    +     +     - - - - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
    -					<!-- TextBox -->
-					<m:MaterialTextBox fieldType="DEFAULT" label="TextBox" grid="s6" required="true"
-					clearOnKeyUp="true"/>
-					<!-- IntegerBox -->
-					<m:MaterialIntegerBox fieldType="DEFAULT" label="NumberBox" grid="s6" required="true"
-					clearOnKeyUp="true"/>
-					<!-- InputMask -->
-					<ma:inputmask.MaterialTextInputMask fieldType="DEFAULT" label="InputMask" placeholder="eg:
-					0000-0000-0000-0000" mask="0000-0000-0000-0000" grid="s6" required="true" clearOnKeyUp="true"/>
-					<!-- DatePicker -->
-					<m:MaterialDatePicker fieldType="DEFAULT" placeholder="DatePicker" grid="s6" required="true"
-					clearOnKeyUp="true"/>
-					<!-- TimePicker -->
-					<ma:timepicker.MaterialTimePicker fieldType="DEFAULT" placeholder="TimePicker" grid="s6"
-					required="true" clearOnKeyUp="true"/>
-					<!-- ComboBox -->
-					<ma:combobox.MaterialComboBox ui:field="combo4" fieldType="DEFAULT" label="ComboBox" grid="s6"
-					required="true" clearOnKeyUp="true"/>
-					<!-- ListBox -->
-					<m:MaterialListBox fieldType="DEFAULT" placeholder="Listbox" grid="s6" required="true"
-					clearOnKeyUp="true">
-					<m:html.Option text="Option 1" />
-					<m:html.Option text="Option 2" />
-					<m:html.Option text="Option 3" />
-					</m:MaterialListBox>
-					<!-- Autocomplete -->
-					<ma:autocomplete.MaterialAutoComplete ui:field="acDefault" display="NONE" fieldType="DEFAULT"
-					label="Contacts" grid="s6"/>
-					<!-- TextArea -->
-					<m:MaterialTextArea fieldType="DEFAULT" label="Field 6" grid="s6" required="true"
-					clearOnKeyUp="true"/>
-
    -     -     + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
    +                    <!-- TextBox -->
+                    <m:MaterialTextBox fieldType="DEFAULT" label="TextBox" grid="s6" required="true"
+                    clearOnKeyUp="true"/>
+                    <!-- IntegerBox -->
+                    <m:MaterialIntegerBox fieldType="DEFAULT" label="NumberBox" grid="s6" required="true"
+                    clearOnKeyUp="true"/>
+                    <!-- InputMask -->
+                    <ma:inputmask.MaterialTextInputMask fieldType="DEFAULT" label="InputMask" placeholder="eg:
+                    0000-0000-0000-0000" mask="0000-0000-0000-0000" grid="s6" required="true" clearOnKeyUp="true"/>
+                    <!-- DatePicker -->
+                    <m:MaterialDatePicker fieldType="DEFAULT" placeholder="DatePicker" grid="s6" required="true"
+                    clearOnKeyUp="true"/>
+                    <!-- TimePicker -->
+                    <ma:timepicker.MaterialTimePicker fieldType="DEFAULT" placeholder="TimePicker" grid="s6"
+                    required="true" clearOnKeyUp="true"/>
+                    <!-- ComboBox -->
+                    <ma:combobox.MaterialComboBox ui:field="combo4" fieldType="DEFAULT" label="ComboBox" grid="s6"
+                    required="true" clearOnKeyUp="true"/>
+                    <!-- ListBox -->
+                    <m:MaterialListBox fieldType="DEFAULT" placeholder="Listbox" grid="s6" required="true"
+                    clearOnKeyUp="true">
+                    <m:html.Option text="Option 1" />
+                    <m:html.Option text="Option 2" />
+                    <m:html.Option text="Option 3" />
+                    </m:MaterialListBox>
+                    <!-- Autocomplete -->
+                    <ma:autocomplete.MaterialAutoComplete ui:field="acDefault" display="NONE" fieldType="DEFAULT"
+                    label="Contacts" grid="s6"/>
+                    <!-- TextArea -->
+                    <m:MaterialTextArea fieldType="DEFAULT" label="Field 6" grid="s6" required="true"
+                    clearOnKeyUp="true"/>
+
    +     +     - - - - - - - - 
    -					<m:MaterialTextBox placeholder="This is a placeholder" grid="s12"/>
-					<m:MaterialTextBox placeholder="This is an active textbox" label="This is a label" active="true"
-
    -     -     + + + + + + + + 
    +                    <m:MaterialTextBox placeholder="This is a placeholder" grid="s12"/>
+                    <m:MaterialTextBox placeholder="This is an active textbox" label="This is a label" active="true"
+
    +     +     - - - - - - - 
    -					<m:MaterialTextArea label="Content" grid="s12"/>
-					<m:MaterialTextArea label="About" iconType="FACE" grid="s12"/>
-
    -     -     + + + + + + + 
    +                    <m:MaterialTextArea label="Content" grid="s12"/>
+                    <m:MaterialTextArea label="About" iconType="FACE" grid="s12"/>
+
    +     +     - - - - - - 
    -					<m:MaterialTextArea ui:field="txtAreaAuto" label="Using AUTO" resizeRule="AUTO" grid="s12"/>
-
    -     + + + + + + 
    +                    <m:MaterialTextArea ui:field="txtAreaAuto" label="Using AUTO" resizeRule="AUTO" grid="s12"/>
+
    +     - - - - - 
    -					<m:MaterialTextArea ui:field="txtAreaFocus" label="Using FOCUS" resizeRule="FOCUS" grid="s12"/>
-
    -     -     + + + + + 
    +                    <m:MaterialTextArea ui:field="txtAreaFocus" label="Using FOCUS" resizeRule="FOCUS" grid="s12"/>
+
    +     +     - - - - - - - - + + + + + + + + - - - - - - + + + + + + - - - - 
    -					<m:MaterialTextBox label="Input Text" length="10" maxLength="10" type="NUMBER" grid="s12"/>
-					<m:MaterialTextArea label="Text Area" length="120" grid="s12"/>
-
    -     -     + +     + + 
    +                    <m:MaterialTextBox label="Input Text" length="10" maxLength="10" type="NUMBER" grid="s12"/>
+                    <m:MaterialTextArea label="Text Area" length="120" grid="s12"/>
+
    +     +     - - - - - - - 
    -					<m:MaterialTextBox label="Input Text" length="10" maxLength="10" type="NUMBER" grid="s12"/>
-					<m:MaterialTextArea label="Text Area" length="120" grid="s12"/>
-
    -     -     + + + + + + + 
    +                    <m:MaterialTextBox label="Input Text" length="10" maxLength="10" type="NUMBER" grid="s12"/>
+                    <m:MaterialTextArea label="Text Area" length="120" grid="s12"/>
+
    +     +     - - - - - - - - - - - - - 
    -					<!-- Float box -->
-					<m:MaterialFloatBox ui:field="txtFloatBox" label="Float value" grid="s12"/>
-					<!-- Integer box -->
-					<m:MaterialIntegerBox ui:field="txtIntegerBox" label="Integer value" grid="s12"/>
-					<!-- Double box -->
-					<m:MaterialDoubleBox ui:field="txtDoubleBox" label="Double value" grid="s12"/>
-					<!-- Long Box -->
-					<m:MaterialLongBox ui:field="txtLongBox" label="Long value" grid="s12"/>
-
    -     -     + + + + + + + + + + + + + 
    +                    <!-- Float box -->
+                    <m:MaterialFloatBox ui:field="txtFloatBox" label="Float value" grid="s12"/>
+                    <!-- Integer box -->
+                    <m:MaterialIntegerBox ui:field="txtIntegerBox" label="Integer value" grid="s12"/>
+                    <!-- Double box -->
+                    <m:MaterialDoubleBox ui:field="txtDoubleBox" label="Double value" grid="s12"/>
+                    <!-- Long Box -->
+                    <m:MaterialLongBox ui:field="txtLongBox" label="Long value" grid="s12"/>
+
    +     +     - - - - - - - - - - - 
    -					<m:MaterialTextBox enabled="false" label="TextBox" grid="s12"/>
-					<m:MaterialTextArea enabled="false" label="TextArea" grid="s12"/>
-					<m:MaterialFloatBox enabled="false" label="FloatBox" grid="s12"/>
-					<m:MaterialIntegerBox enabled="false" label="IntegerBox" grid="s12"/>
-					<m:MaterialDoubleBox enabled="false" label="DoubleBox" grid="s12"/>
-					<m:MaterialLongBox enabled="false" label="LongBox" grid="s12"/>
-
    -     -     + + + + + + + + + + + 
    +                    <m:MaterialTextBox enabled="false" label="TextBox" grid="s12"/>
+                    <m:MaterialTextArea enabled="false" label="TextArea" grid="s12"/>
+                    <m:MaterialFloatBox enabled="false" label="FloatBox" grid="s12"/>
+                    <m:MaterialIntegerBox enabled="false" label="IntegerBox" grid="s12"/>
+                    <m:MaterialDoubleBox enabled="false" label="DoubleBox" grid="s12"/>
+                    <m:MaterialLongBox enabled="false" label="LongBox" grid="s12"/>
+
    +     +     - - - - - - - - - - - 
    -					<m:MaterialTextBox readOnly="true" text="Some Value" label="TextBox" grid="s12"/>
-					<m:MaterialTextArea readOnly="true" text="Lorem ipsum dolor sit amet, consectetur adipiscing
-					elit. Nunc quam mauris, accumsan placerat lectus ac, tincidunt mattis nisl. Ut efficitur massa in
-					libero gravida tincidunt. Vestibulum eget massa eget ex auctor tempus. Aenean vitae augue euismod,
-					lacinia lectus ut, rhoncus enim. Sed vitae laoreet felis, eget ullamcorper nunc. Vivamus elit urna,
-					varius et arcu vel, euismod auctor augue. Praesent scelerisque scelerisque libero sit amet euismod.
-					Mauris eu est at felis feugiat tincidunt eu vel lectus. Ut pretium magna vitae massa sollicitudin,
-					eu tincidunt sapien scelerisque. Maecenas gravida lorem non dui pretium, id vestibulum mi imperdiet.
-					Fusce facilisis, dui nec ultrices molestie, nisi metus bibendum lacus, eget posuere est odio vitae
-					nulla. Mauris laoreet non justo fringilla tempus. Mauris ut risus risus. Vivamus auctor accumsan
-					gravida. Nam venenatis sapien nisl, quis accumsan odio dignissim non. Vestibulum aliquam semper
-					condimentum. Suspendisse a eros elementum, dapibus quam in, aliquet lorem. Morbi mi dui, convallis
-					at luctus ultricies, malesuada at leo. Morbi et turpis a ex vehicula ullamcorper. Vestibulum
-					lacinia, orci eget elementum fermentum, lectus velit interdum erat, sit amet pharetra justo elit in
-					tortor. Suspendisse ac vestibulum nisi.Nunc euismod metus nec elit sollicitudin blandit. Proin
-					eleifend ex bibendum sodales blandit. Vestibulum varius pharetra arcu, sit amet pellentesque odio
-					hendrerit nec. Integer faucibus imperdiet tortor a tempus. Sed accumsan condimentum nisl. Cras
-					interdum sapien quis maximus commodo. Nulla malesuada imperdiet enim, non ornare elit auctor in.
-					Fusce at ipsum eget turpis tincidunt maximus. Nunc sodales tortor nec tincidunt fringilla. Quisque
-					sollicitudin ipsum at dolor faucibus, ultricies convallis ipsum convallis. Donec consequat velit vel
-					molestie tempus. Donec et accumsan lacus, non sollicitudin quam. Morbi arcu lacus, blandit eu lacus
-					nec, finibus tempus ligula." label="TextArea" grid="s12"/>
-					<m:MaterialFloatBox ui:field="txtFloatRO" readOnly="true" label="FloatBox" grid="s12"/>
-					<m:MaterialIntegerBox ui:field="txtIntegerRO" readOnly="true" label="IntegerBox" grid="s12"/>
-					<m:MaterialDoubleBox ui:field="txtDoubleRO" readOnly="true" label="DoubleBox" grid="s12"/>
-					<m:MaterialLongBox ui:field="txtLongRO" readOnly="true" label="LongBox" grid="s12"/>
-
    -     -     + + + + + + + + + + + 
    +                    <m:MaterialTextBox readOnly="true" text="Some Value" label="TextBox" grid="s12"/>
+                    <m:MaterialTextArea readOnly="true" text="Lorem ipsum dolor sit amet, consectetur adipiscing
+                    elit. Nunc quam mauris, accumsan placerat lectus ac, tincidunt mattis nisl. Ut efficitur massa in
+                    libero gravida tincidunt. Vestibulum eget massa eget ex auctor tempus. Aenean vitae augue euismod,
+                    lacinia lectus ut, rhoncus enim. Sed vitae laoreet felis, eget ullamcorper nunc. Vivamus elit urna,
+                    varius et arcu vel, euismod auctor augue. Praesent scelerisque scelerisque libero sit amet euismod.
+                    Mauris eu est at felis feugiat tincidunt eu vel lectus. Ut pretium magna vitae massa sollicitudin,
+                    eu tincidunt sapien scelerisque. Maecenas gravida lorem non dui pretium, id vestibulum mi imperdiet.
+                    Fusce facilisis, dui nec ultrices molestie, nisi metus bibendum lacus, eget posuere est odio vitae
+                    nulla. Mauris laoreet non justo fringilla tempus. Mauris ut risus risus. Vivamus auctor accumsan
+                    gravida. Nam venenatis sapien nisl, quis accumsan odio dignissim non. Vestibulum aliquam semper
+                    condimentum. Suspendisse a eros elementum, dapibus quam in, aliquet lorem. Morbi mi dui, convallis
+                    at luctus ultricies, malesuada at leo. Morbi et turpis a ex vehicula ullamcorper. Vestibulum
+                    lacinia, orci eget elementum fermentum, lectus velit interdum erat, sit amet pharetra justo elit in
+                    tortor. Suspendisse ac vestibulum nisi.Nunc euismod metus nec elit sollicitudin blandit. Proin
+                    eleifend ex bibendum sodales blandit. Vestibulum varius pharetra arcu, sit amet pellentesque odio
+                    hendrerit nec. Integer faucibus imperdiet tortor a tempus. Sed accumsan condimentum nisl. Cras
+                    interdum sapien quis maximus commodo. Nulla malesuada imperdiet enim, non ornare elit auctor in.
+                    Fusce at ipsum eget turpis tincidunt maximus. Nunc sodales tortor nec tincidunt fringilla. Quisque
+                    sollicitudin ipsum at dolor faucibus, ultricies convallis ipsum convallis. Donec consequat velit vel
+                    molestie tempus. Donec et accumsan lacus, non sollicitudin quam. Morbi arcu lacus, blandit eu lacus
+                    nec, finibus tempus ligula." label="TextArea" grid="s12"/>
+                    <m:MaterialFloatBox ui:field="txtFloatRO" readOnly="true" label="FloatBox" grid="s12"/>
+                    <m:MaterialIntegerBox ui:field="txtIntegerRO" readOnly="true" label="IntegerBox" grid="s12"/>
+                    <m:MaterialDoubleBox ui:field="txtDoubleRO" readOnly="true" label="DoubleBox" grid="s12"/>
+                    <m:MaterialLongBox ui:field="txtLongRO" readOnly="true" label="LongBox" grid="s12"/>
+
    +     +     - - - - - - - - - - - 
    -					<m:MaterialTextBox readOnly="true" toggleReadOnly="true" text="Some Value" label="TextBox"
-					grid="s12"/>
-					<m:MaterialTextArea readOnly="true" toggleReadOnly="true" text="Lorem ipsum dolor sit amet,
-					consectetur adipiscing elit. Nunc quam mauris, accumsan placerat lectus ac, tincidunt mattis nisl.
-					Ut efficitur massa in libero gravida tincidunt. Vestibulum eget massa eget ex auctor tempus. Aenean
-					vitae augue euismod, lacinia lectus ut, rhoncus enim. Sed vitae laoreet felis, eget ullamcorper
-					nunc. Vivamus elit urna, varius et arcu vel, euismod auctor augue. Praesent scelerisque scelerisque
-					libero sit amet euismod. Mauris eu est at felis feugiat tincidunt eu vel lectus. Ut pretium magna
-					vitae massa sollicitudin, eu tincidunt sapien scelerisque. Maecenas gravida lorem non dui pretium,
-					id vestibulum mi imperdiet. Fusce facilisis, dui nec ultrices molestie, nisi metus bibendum lacus,
-					eget posuere est odio vitae nulla. Mauris laoreet non justo fringilla tempus. Mauris ut risus risus.
-					Vivamus auctor accumsan gravida. Nam venenatis sapien nisl, quis accumsan odio dignissim non.
-					Vestibulum aliquam semper condimentum. Suspendisse a eros elementum, dapibus quam in, aliquet lorem.
-					Morbi mi dui, convallis at luctus ultricies, malesuada at leo. Morbi et turpis a ex vehicula
-					ullamcorper. Vestibulum lacinia, orci eget elementum fermentum, lectus velit interdum erat, sit amet
-					pharetra justo elit in tortor. Suspendisse ac vestibulum nisi.Nunc euismod metus nec elit
-					sollicitudin blandit. Proin eleifend ex bibendum sodales blandit. Vestibulum varius pharetra arcu,
-					sit amet pellentesque odio hendrerit nec. Integer faucibus imperdiet tortor a tempus. Sed accumsan
-					condimentum nisl. Cras interdum sapien quis maximus commodo. Nulla malesuada imperdiet enim, non
-					ornare elit auctor in. Fusce at ipsum eget turpis tincidunt maximus. Nunc sodales tortor nec
-					tincidunt fringilla. Quisque sollicitudin ipsum at dolor faucibus, ultricies convallis ipsum
-					convallis. Donec consequat velit vel molestie tempus. Donec et accumsan lacus, non sollicitudin
-					quam. Morbi arcu lacus, blandit eu lacus nec, finibus tempus ligula." label="TextArea" grid="s12"/>
-					<m:MaterialFloatBox ui:field="txtFloatTRO" readOnly="true" toggleReadOnly="true" label="FloatBox"
-					grid="s12"/>
-					<m:MaterialIntegerBox ui:field="txtIntegerTRO" readOnly="true" toggleReadOnly="true"
-					label="IntegerBox" grid="s12"/>
-					<m:MaterialDoubleBox ui:field="txtDoubleTRO" readOnly="true" toggleReadOnly="true"
-					label="DoubleBox" grid="s12"/>
-					<m:MaterialLongBox ui:field="txtLongTRO" readOnly="true" toggleReadOnly="true" label="LongBox"
-					grid="s12"/>
-
    -     -     + + + + + + + + + + + 
    +                    <m:MaterialTextBox readOnly="true" toggleReadOnly="true" text="Some Value" label="TextBox"
+                    grid="s12"/>
+                    <m:MaterialTextArea readOnly="true" toggleReadOnly="true" text="Lorem ipsum dolor sit amet,
+                    consectetur adipiscing elit. Nunc quam mauris, accumsan placerat lectus ac, tincidunt mattis nisl.
+                    Ut efficitur massa in libero gravida tincidunt. Vestibulum eget massa eget ex auctor tempus. Aenean
+                    vitae augue euismod, lacinia lectus ut, rhoncus enim. Sed vitae laoreet felis, eget ullamcorper
+                    nunc. Vivamus elit urna, varius et arcu vel, euismod auctor augue. Praesent scelerisque scelerisque
+                    libero sit amet euismod. Mauris eu est at felis feugiat tincidunt eu vel lectus. Ut pretium magna
+                    vitae massa sollicitudin, eu tincidunt sapien scelerisque. Maecenas gravida lorem non dui pretium,
+                    id vestibulum mi imperdiet. Fusce facilisis, dui nec ultrices molestie, nisi metus bibendum lacus,
+                    eget posuere est odio vitae nulla. Mauris laoreet non justo fringilla tempus. Mauris ut risus risus.
+                    Vivamus auctor accumsan gravida. Nam venenatis sapien nisl, quis accumsan odio dignissim non.
+                    Vestibulum aliquam semper condimentum. Suspendisse a eros elementum, dapibus quam in, aliquet lorem.
+                    Morbi mi dui, convallis at luctus ultricies, malesuada at leo. Morbi et turpis a ex vehicula
+                    ullamcorper. Vestibulum lacinia, orci eget elementum fermentum, lectus velit interdum erat, sit amet
+                    pharetra justo elit in tortor. Suspendisse ac vestibulum nisi.Nunc euismod metus nec elit
+                    sollicitudin blandit. Proin eleifend ex bibendum sodales blandit. Vestibulum varius pharetra arcu,
+                    sit amet pellentesque odio hendrerit nec. Integer faucibus imperdiet tortor a tempus. Sed accumsan
+                    condimentum nisl. Cras interdum sapien quis maximus commodo. Nulla malesuada imperdiet enim, non
+                    ornare elit auctor in. Fusce at ipsum eget turpis tincidunt maximus. Nunc sodales tortor nec
+                    tincidunt fringilla. Quisque sollicitudin ipsum at dolor faucibus, ultricies convallis ipsum
+                    convallis. Donec consequat velit vel molestie tempus. Donec et accumsan lacus, non sollicitudin
+                    quam. Morbi arcu lacus, blandit eu lacus nec, finibus tempus ligula." label="TextArea" grid="s12"/>
+                    <m:MaterialFloatBox ui:field="txtFloatTRO" readOnly="true" toggleReadOnly="true" label="FloatBox"
+                    grid="s12"/>
+                    <m:MaterialIntegerBox ui:field="txtIntegerTRO" readOnly="true" toggleReadOnly="true"
+                    label="IntegerBox" grid="s12"/>
+                    <m:MaterialDoubleBox ui:field="txtDoubleTRO" readOnly="true" toggleReadOnly="true"
+                    label="DoubleBox" grid="s12"/>
+                    <m:MaterialLongBox ui:field="txtLongTRO" readOnly="true" toggleReadOnly="true" label="LongBox"
+                    grid="s12"/>
+
    +     +     - - - - - - - - 
    -					<m:MaterialTextBox ui:field="txtBoxAsNullValue" returnBlankAsNull="true" label="TextBox"
-					grid="s12"/>
-
    -     -     + + + + + + + + 
    +                    <m:MaterialTextBox ui:field="txtBoxAsNullValue" returnBlankAsNull="true" label="TextBox"
+                    grid="s12"/>
+
    +     +     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
    -					// Set Value
-					txtBoxValue.setValue("Text Box");
-					// Get Value
-					txtBoxValue.getValue();
-
    -     -     + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
    +                    // Set Value
+                    txtBoxValue.setValue("Text Box");
+                    // Get Value
+                    txtBoxValue.getValue();
+
    +     +     - - - - - - 
    -					@UiHandler("pasteItHere")
-					void pasteItHere(PasteEvent event) {
-					MaterialToast.fireToast("Paste Event fire : " + event.getValue());
-					}
-
    -     -     + + + + + + 
    +                    @UiHandler("pasteItHere")
+                    void pasteItHere(PasteEvent event) {
+                    MaterialToast.fireToast("Paste Event fire : " + event.getValue());
+                    }
+
    +     +     - - - - - - - - 
    -					firstName.setSensitive(true);
-
    -     -     + + + + + + + + 
    +                    firstName.setSensitive(true);
+
    +     +     - - - - - - - - 
    -					<m:MaterialTextBox autocomplete="ON" label="Autocomplete ON" grid="s12 m4"/>
-					<m:MaterialTextBox autocomplete="OFF" label="Autocomplete OFF" grid="s12 m4"/>
-					<m:MaterialTextBox autocomplete="NEW_PASSWORD" type="PASSWORD" label="Autocomplete NEW PASSWORD"
-					grid="s12 m4"/>
-
    -     -     -     + + + + + + + + 
    +                    <m:MaterialTextBox autocomplete="ON" label="Autocomplete ON" grid="s12 m4"/>
+                    <m:MaterialTextBox autocomplete="OFF" label="Autocomplete OFF" grid="s12 m4"/>
+                    <m:MaterialTextBox autocomplete="NEW_PASSWORD" type="PASSWORD" label="Autocomplete NEW PASSWORD"
+                    grid="s12 m4"/>
+
    +     +     +     diff --git a/src/main/java/gmd/core/demo/client/application/widget/AppSelector.java b/src/main/java/gmd/core/demo/client/application/widget/AppSelector.java index 2ab469c..9a4074e 100644 --- a/src/main/java/gmd/core/demo/client/application/widget/AppSelector.java +++ b/src/main/java/gmd/core/demo/client/application/widget/AppSelector.java @@ -28,7 +28,7 @@ public class AppSelector extends Composite { - private static DashboardCardUiBinder uiBinder = GWT.create(DashboardCardUiBinder.class); + private static final DashboardCardUiBinder uiBinder = GWT.create(DashboardCardUiBinder.class); interface DashboardCardUiBinder extends UiBinder { } diff --git a/src/main/java/gmd/core/demo/client/application/widget/AppSelector.ui.xml b/src/main/java/gmd/core/demo/client/application/widget/AppSelector.ui.xml index e9d87d5..5935cbf 100644 --- a/src/main/java/gmd/core/demo/client/application/widget/AppSelector.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/widget/AppSelector.ui.xml @@ -19,16 +19,17 @@ --> + xmlns:m="urn:import:gwt.material.design.client.ui"> - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + diff --git a/src/main/java/gmd/core/demo/client/application/widget/DashboardCard.java b/src/main/java/gmd/core/demo/client/application/widget/DashboardCard.java index d5d2ebb..de8af8f 100644 --- a/src/main/java/gmd/core/demo/client/application/widget/DashboardCard.java +++ b/src/main/java/gmd/core/demo/client/application/widget/DashboardCard.java @@ -29,12 +29,16 @@ import com.google.gwt.user.client.ui.Composite; import gmd.core.demo.client.application.navigation.Dashboard; import gwt.material.design.addins.client.webp.MaterialWebpImage; -import gwt.material.design.client.constants.Color; -import gwt.material.design.client.ui.*; +import gwt.material.design.client.ui.MaterialCard; +import gwt.material.design.client.ui.MaterialColumn; +import gwt.material.design.client.ui.MaterialImage; +import gwt.material.design.client.ui.MaterialLabel; +import gwt.material.design.client.ui.MaterialLink; +import gwt.material.design.client.ui.MaterialPanel; public class DashboardCard extends Composite { - private static DashboardCardUiBinder uiBinder = GWT.create(DashboardCardUiBinder.class); + private static final DashboardCardUiBinder uiBinder = GWT.create(DashboardCardUiBinder.class); interface DashboardCardUiBinder extends UiBinder { } @@ -57,7 +61,7 @@ interface DashboardCardUiBinder extends UiBinder @UiField MaterialPanel namePanel; - private Dashboard dashboard; + private final Dashboard dashboard; public DashboardCard(Dashboard dashboard) { initWidget(uiBinder.createAndBindUi(this)); diff --git a/src/main/java/gmd/core/demo/client/application/widget/DashboardCard.ui.xml b/src/main/java/gmd/core/demo/client/application/widget/DashboardCard.ui.xml index babbb5a..7b1546e 100644 --- a/src/main/java/gmd/core/demo/client/application/widget/DashboardCard.ui.xml +++ b/src/main/java/gmd/core/demo/client/application/widget/DashboardCard.ui.xml @@ -19,21 +19,21 @@ --> + xmlns:ma="urn:import:gwt.material.design.addins.client" + xmlns:m="urn:import:gwt.material.design.client.ui"> - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + + diff --git a/src/main/java/gmd/core/demo/client/gin/ClientModule.java b/src/main/java/gmd/core/demo/client/gin/ClientModule.java index df0d031..99f143b 100644 --- a/src/main/java/gmd/core/demo/client/gin/ClientModule.java +++ b/src/main/java/gmd/core/demo/client/gin/ClientModule.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/java/gmd/core/demo/client/place/NameTokens.java b/src/main/java/gmd/core/demo/client/place/NameTokens.java index ec5af24..bef29c7 100644 --- a/src/main/java/gmd/core/demo/client/place/NameTokens.java +++ b/src/main/java/gmd/core/demo/client/place/NameTokens.java @@ -7,9 +7,9 @@ * 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. diff --git a/src/main/resources/gmd/core/demo/client/resources/css/app-dark.css b/src/main/resources/gmd/core/demo/client/resources/css/app-dark.css index fbb1038..58fbf19 100644 --- a/src/main/resources/gmd/core/demo/client/resources/css/app-dark.css +++ b/src/main/resources/gmd/core/demo/client/resources/css/app-dark.css @@ -18,6 +18,6 @@ nav .breadcrumb:before { background: transparent; } -table.striped>tbody>tr:nth-child(odd) { +table.striped > tbody > tr:nth-child(odd) { background-color: #232323; -} \ No newline at end of file +} diff --git a/src/main/resources/gmd/core/demo/client/resources/css/highlight/androidstudio.css b/src/main/resources/gmd/core/demo/client/resources/css/highlight/androidstudio.css index bc8e473..06c7768 100644 --- a/src/main/resources/gmd/core/demo/client/resources/css/highlight/androidstudio.css +++ b/src/main/resources/gmd/core/demo/client/resources/css/highlight/androidstudio.css @@ -4,63 +4,63 @@ Author: Pedro Oliveira */ .hljs { - color: #a9b7c6; - background: #282b2e; - display: block; - overflow-x: auto; - padding: 0.5em; + color: #a9b7c6; + background: #282b2e; + display: block; + overflow-x: auto; + padding: 0.5em; } .hljs-number, .hljs-literal, .hljs-symbol, .hljs-bullet { - color: #6897BB; + color: #6897BB; } .hljs-keyword, .hljs-selector-tag, .hljs-deletion { - color: #cc7832; + color: #cc7832; } .hljs-variable, .hljs-template-variable, .hljs-link { - color: #629755; + color: #629755; } .hljs-comment, .hljs-quote { - color: #808080; + color: #808080; } .hljs-meta { - color: #bbb529; + color: #bbb529; } .hljs-string, .hljs-attribute, .hljs-addition { - color: #6A8759; + color: #6A8759; } .hljs-section, .hljs-title, .hljs-type { - color: #ffc66d; + color: #ffc66d; } .hljs-name, .hljs-selector-id, .hljs-selector-class { - color: #e8bf6a; + color: #e8bf6a; } .hljs-emphasis { - font-style: italic; + font-style: italic; } .hljs-strong { - font-weight: bold; + font-weight: bold; } diff --git a/src/main/resources/gmd/core/demo/client/resources/css/highlight/xcode.css b/src/main/resources/gmd/core/demo/client/resources/css/highlight/xcode.css index b305665..6d3de59 100644 --- a/src/main/resources/gmd/core/demo/client/resources/css/highlight/xcode.css +++ b/src/main/resources/gmd/core/demo/client/resources/css/highlight/xcode.css @@ -5,21 +5,21 @@ XCode style (c) Angel Garcia */ .hljs { - display: block; - overflow-x: auto; - padding: 0.5em; - background: #fff; - color: black; + display: block; + overflow-x: auto; + padding: 0.5em; + background: #fff; + color: black; } /* Gray DOCTYPE selectors like WebKit */ .xml .hljs-meta { - color: #c0c0c0; + color: #c0c0c0; } .hljs-comment, .hljs-quote { - color: #007400; + color: #007400; } .hljs-tag, @@ -28,35 +28,35 @@ XCode style (c) Angel Garcia .hljs-selector-tag, .hljs-literal, .hljs-name { - color: #aa0d91; + color: #aa0d91; } .hljs-variable, .hljs-template-variable { - color: #3F6E74; + color: #3F6E74; } .hljs-code, .hljs-string, .hljs-meta-string { - color: #c41a16; + color: #c41a16; } .hljs-regexp, .hljs-link { - color: #0E0EFF; + color: #0E0EFF; } .hljs-title, .hljs-symbol, .hljs-bullet, .hljs-number { - color: #1c00cf; + color: #1c00cf; } .hljs-section, .hljs-meta { - color: #643820; + color: #643820; } @@ -65,40 +65,40 @@ XCode style (c) Angel Garcia .hljs-built_in, .hljs-builtin-name, .hljs-params { - color: #5c2699; + color: #5c2699; } .hljs-attr { - color: #836C28; + color: #836C28; } .hljs-subst { - color: #000; + color: #000; } .hljs-formula { - background-color: #eee; - font-style: italic; + background-color: #eee; + font-style: italic; } .hljs-addition { - background-color: #baeeba; + background-color: #baeeba; } .hljs-deletion { - background-color: #ffc8bd; + background-color: #ffc8bd; } .hljs-selector-id, .hljs-selector-class { - color: #9b703f; + color: #9b703f; } .hljs-doctag, .hljs-strong { - font-weight: bold; + font-weight: bold; } .hljs-emphasis { - font-style: italic; + font-style: italic; } diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html index ed447b3..6c8db59 100644 --- a/src/main/webapp/index.html +++ b/src/main/webapp/index.html @@ -9,11 +9,11 @@ GmdCoreDemo - + - + @@ -51,15 +51,16 @@ - - + + - - + + diff --git a/src/main/webapp/manifest.json b/src/main/webapp/manifest.json index 4004306..6214a90 100644 --- a/src/main/webapp/manifest.json +++ b/src/main/webapp/manifest.json @@ -1,30 +1,30 @@ { - "name": "GmdCoreDemo", - "short_name": "GmdCoreDemo", - "icons": [ - { - "src": "launcher-icons/launcher1x.png", - "type": "image/png", - "sizes": "48x48" - }, - { - "src": "launcher-icons/launcher2x.png", - "type": "image/png", - "sizes": "96x96" - }, - { - "src": "launcher-icons/launcher4x.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "launcher-icons/launcher5x.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": "/gmd-core-demo/", - "display": "fullscreen", - "background_color": "#2196f3", - "theme_color": "#1565c0" -} \ No newline at end of file + "name": "GmdCoreDemo", + "short_name": "GmdCoreDemo", + "icons": [ + { + "src": "launcher-icons/launcher1x.png", + "type": "image/png", + "sizes": "48x48" + }, + { + "src": "launcher-icons/launcher2x.png", + "type": "image/png", + "sizes": "96x96" + }, + { + "src": "launcher-icons/launcher4x.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "launcher-icons/launcher5x.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": "/gmd-core-demo/", + "display": "fullscreen", + "background_color": "#2196f3", + "theme_color": "#1565c0" +} diff --git a/src/test/java/gmd/core/demo/client/place/NameTokensTest.java b/src/test/java/gmd/core/demo/client/place/NameTokensTest.java index d8e3c13..8eef373 100644 --- a/src/test/java/gmd/core/demo/client/place/NameTokensTest.java +++ b/src/test/java/gmd/core/demo/client/place/NameTokensTest.java @@ -7,9 +7,9 @@ * 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. @@ -25,7 +25,7 @@ /** * @author Randy May - * Date: 2016-04-11 + * Date: 2016-04-11 */ public class NameTokensTest { @Test