Updated Search to integrate latest changes

Author: kevzlou7979

src/main/java/gwt/material/design/demo/client/application/components/search/SearchView.java

@@ -31,10 +31,7 @@
 import com.gwtplatform.mvp.client.ViewImpl;
 import gwt.material.design.client.base.SearchObject;
 import gwt.material.design.client.events.SearchFinishEvent;
-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.*;
 import gwt.material.design.client.ui.animate.MaterialAnimator;
 import gwt.material.design.client.ui.animate.Transition;
 import gwt.material.design.demo.client.application.dto.DataHelper;
@@ -63,12 +60,18 @@ interface Binder extends UiBinder<Widget, SearchView> {
     @Inject
     SearchView(Binder uiBinder) {
         initWidget(uiBinder.createAndBindUi(this));
-        txtSearch.addCloseHandler(new CloseHandler<String>() {
-            @Override
-            public void onClose(CloseEvent<String> event) {
-                navBar.setVisible(true);
-                navBarSearch.setVisible(false);
-            }
+        // Add Open Handler
+        txtSearch.addOpenHandler(openEvent -> {
+            navBar.setVisible(false);
+            navBarSearch.setVisible(true);
+            MaterialToast.fireToast("Open Event was fired");
+        });
+
+        // Add Close Handler
+        txtSearch.addCloseHandler(event -> {
+            navBar.setVisible(true);
+            navBarSearch.setVisible(false);
+            MaterialToast.fireToast("Close Event was fired");
         });
 
         // Populate the search keyword into search component
@@ -79,22 +82,19 @@ public void onClose(CloseEvent<String> event) {
         txtSearch.setListSearches(objects);
 
         // Add Finish Handler
-        txtSearch.addSearchFinishHandler(new SearchFinishEvent.SearchFinishHandler() {
-            @Override
-            public void onSearchFinish(SearchFinishEvent event) {
-                // Get the selected search object
-                Hero hero = (Hero)txtSearch.getSelectedObject();
-                MaterialAnimator.animate(Transition.ZOOMIN, imgHero, 0);
-                imgHero.setResource(hero.getResource());
-                lblName.setText(hero.getName());
-                lblDescription.setText(hero.getDescription());
-            }
+        txtSearch.addSearchFinishHandler(event -> {
+            // Get the selected search object
+            Hero hero = (Hero)txtSearch.getSelectedObject();
+            MaterialAnimator.animate(Transition.ZOOMIN, imgHero, 0);
+            imgHero.setResource(hero.getResource());
+            lblName.setText(hero.getName());
+            lblDescription.setText(hero.getDescription());
+            MaterialToast.fireToast("Search Finish Event was fired");
         });
     }
 
     @UiHandler("btnSearch")
     void onSearch(ClickEvent e){
-        navBar.setVisible(false);
-        navBarSearch.setVisible(true);
+        txtSearch.open();
     }
 }

src/main/java/gwt/material/design/demo/client/application/components/search/SearchView.ui.xml

@@ -73,13 +73,22 @@
       </m:MaterialRow>
 
       <m:MaterialRow addStyleNames="code">
-          <m:MaterialTitle title="Activator" description="To activate your search you must add a click handler into your activator e.g search icon." />
+          <m:MaterialTitle title="Open" description="To show the search input field try to call open()." />
           <demo:PrettyPre addStyleNames="lang-java">
               @UiHandler("btnSearch")<br/>
               void onSearch(ClickEvent e){<br/>
+              &emsp;txtSearch.open();<br/>
+              }
+          </demo:PrettyPre>
+      </m:MaterialRow>
+
+      <m:MaterialRow addStyleNames="code">
+          <m:MaterialTitle title="Open Handler" description="You must specify the event callback after your search is open." />
+          <demo:PrettyPre addStyleNames="lang-java">
+              txtSearch.addOpenHandler(openEvent -> {<br/>
               &emsp;navBar.setVisible(false);<br/>
               &emsp;navBarSearch.setVisible(true);<br/>
-              }
+              });
           </demo:PrettyPre>
       </m:MaterialRow>
 

src/main/java/gwt/material/design/demo/client/application/menu/MenuView.java

@@ -110,12 +110,15 @@ public void onPush(SideNavPushEvent event) {
         }, SideNavPushEvent.TYPE);
 
         // search close event
-        txtSearch.addCloseHandler(new CloseHandler<String>() {
-            @Override
-            public void onClose(CloseEvent<String> event) {
-                navBar.setVisible(true);
-                navBarSearch.setVisible(false);
-            }
+        txtSearch.addCloseHandler(event -> {
+            navBar.setVisible(true);
+            navBarSearch.setVisible(false);
+        });
+
+        // search open event
+        txtSearch.addOpenHandler(openEvent -> {
+            navBarSearch.setVisible(true);
+            navBar.setVisible(false);
         });
         initThemes();
         initSearches();
@@ -255,7 +258,6 @@ public void setPageTitle(String title, String description, String link) {
 
     @UiHandler("btnSearch")
     void onSearch(ClickEvent e){
-        navBarSearch.setVisible(true);
-        navBar.setVisible(false);
+        txtSearch.open();
     }
 }