Merge pull request #98 from Smile-SA/fix-issue-93

move autocompletion to ElasticSuiteRetailer module
Smile-SA · Mar 27, 2020 · f456af5 · f456af5
2 parents a958113 + 4eeeae1
commit f456af5
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 370 deletions.
diff --git a/Controller/Ajax/Suggest.php b/Controller/Ajax/Suggest.php
diff --git a/Helper/Data.php b/Helper/Data.php
@@ -67,17 +67,4 @@ public function getRetailerUrl(RetailerInterface $retailer)
     {
         return $this->urlModel->getUrl($retailer);
     }
-
-    /**
-     * Retrieve suggest url
-     *
-     * @return string
-     */
-    public function getSuggestUrl()
-    {
-        return $this->_getUrl(
-            'storelocator/ajax/suggest',
-            ['_secure' => $this->_getRequest()->isSecure()]
-        );
-    }
 }
diff --git a/Model/Autocomplete/DataProvider.php b/Model/Autocomplete/DataProvider.php
diff --git a/README.md b/README.md
@@ -29,3 +29,9 @@ The module requires :
 
 Maximum number of visible stores : Above this limit, the list of stores will be not display
 
+### Add autocompletion
+
+To add autocompletion you need to add this module :
+
+[RetailerSearch](https://github.com/Smile-SA/magento2-module-retailer-elasticsuite-search)
+/!\ be careful with dependencies
diff --git a/view/frontend/templates/chooser.phtml b/view/frontend/templates/chooser.phtml
@@ -17,10 +17,6 @@
 
 <?php
 /** @var \Smile\StoreLocator\Block\StoreChooser $block */
-$dataScope = $block->getDataScope();
-
-/** @var $helper \Magento\Search\Helper\Data */
-$helper = $this->helper(\Smile\StoreLocator\Helper\Data::class);
 ?>
 
 <?php $dataScope = $block->getDataScope(); ?>
@@ -57,7 +53,7 @@ $helper = $this->helper(\Smile\StoreLocator\Helper\Data::class);
                     </div>
                 </div>
             </div>
-            <form id="search_store_mini_form" action="<?php echo $block->getStoreLocatorHomeUrl() ?>" data-bind="submit: onSubmit">
+            <form action="<?php echo $block->getStoreLocatorHomeUrl() ?>" data-bind="submit: onSubmit">
                 <div class="store-search">
                     <div class="geolocalize-container" data-bind="scope: requestChild('geocoder')">
                         <div class="primary" data-bind="afterRender: initGeocoder">
@@ -68,13 +64,7 @@ $helper = $this->helper(\Smile\StoreLocator\Helper\Data::class);
                     </div>
                     <div class="store-search-form">
                         <div class="field">
-                            <input id="search_store"
-                               data-bind="value: fulltextSearch, event: {keydown: onKeydown}"
-                               type="text"
-                               name="query"
-                               placeholder="<?php echo $block->escapeHtml(__('City, Zipcode, Department, ...'));?>"
-                               autocomplete="off"/>
-                            <input type="hidden" id="suggest_url" value="<?= $block->escapeUrl($helper->getSuggestUrl())?>" />
+                            <input data-bind="{ value: fulltextSearch }" type="text" name="query" placeholder="<?php echo $block->escapeHtml(__('City, Zipcode, Department, ...'));?>"/>
                         </div>
                         <div class="actions">
                             <div class="primary">
@@ -84,11 +74,10 @@ $helper = $this->helper(\Smile\StoreLocator\Helper\Data::class);
                     </div>
                 </div>
             </form>
-            <div id="search_store_autocomplete" class="search-autocomplete search-store-autocomplete"></div>
         </div>
     </div>
 </div>
 
 <script type="text/x-magento-init">
-    {"*" : {"Magento_Ui/js/core/app": <?php echo  /* @noEscape */ $block->getJsLayout(); ?>} }
+    { "*" : { "Magento_Ui/js/core/app": <?php echo  /* @noEscape */ $block->getJsLayout(); ?> } }
 </script>
diff --git a/view/frontend/web/css/source/_module.less b/view/frontend/web/css/source/_module.less
@@ -1519,15 +1519,6 @@ a.geolocalize:before {
     }
 }
 
-.search-store-autocomplete {
-    padding-left: 11px;
-    width: 209px !important;
-    margin-top: -9px !important;
-    .store-url-link{
-        color: #333333;
-    }
-}
-
 .map-search-autocomplete {
     .ui-helper-hidden-accessible {
         display: none !important;