added clear button to the store locator autocomplete

1rosehip · Aug 26, 2016 · 6b97e46 · 6b97e46
1 parent f126fca
commit 6b97e46
Show file tree

Hide file tree

Showing 9 changed files with 110 additions and 68 deletions.
diff --git a/demo/16-store-locator-bundle.html b/demo/16-store-locator-bundle.html
@@ -145,15 +145,18 @@ <h1 class="h1-30-normal">jPList Store Locator Bundle</h1>
                             </ul>
                         </div>
 
-                        <input
-                                class="jplist-map-autocomplete"
-                                data-control-type="google-autocomplete-control"
-                                data-control-name="google-autocomplete-control"
-                                data-control-action="filter"
-                                data-radius="100000"
-                                type="text"
-                                placeholder="Enter a location"
-                        />
+                        <div class="jplist-map-autocomplete">
+                            <i class="fa fa-map-marker jplist-icon" aria-hidden="true"></i>
+                            <input
+                                    data-control-type="google-autocomplete-control"
+                                    data-control-name="google-autocomplete-control"
+                                    data-control-action="filter"
+                                    data-radius="100000"
+                                    type="text"
+                                    placeholder="Enter a location"
+                            />
+                            <i class="fa fa-times-circle jplist-clear" aria-hidden="true" data-type="clear"></i>
+                        </div>
 
                         <!-- data-radius in meters -->
 

diff --git a/dist/css/jplist.core.min.css b/dist/css/jplist.core.min.css
diff --git a/dist/css/jplist.store-locator-bundle.min.css b/dist/css/jplist.store-locator-bundle.min.css