added loader

application/public/vendor/frontend/css/custom.css

@@ -44,3 +44,46 @@ div#localitylist {
     font-size: 0.9rem;
     color: rgba(0, 0, 0, 0.6);
 }
+
+/*For loader*/
+.loader-outer-box {
+    background: rgba(218, 213, 198, 0.68);
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    height: 100%;
+    width: 100%;
+    z-index: 2;
+    display: none;
+}
+.loader {
+    border:10px solid #18181999;
+    border-radius: 50%;
+    border-top: 10px solid #ffc507;
+    width: 60px;
+    height: 60px;
+    -webkit-animation: spin 2s linear infinite;
+    animation: spin 2s linear infinite;
+    position: absolute;
+    left: 0;
+    right: 0;
+    margin: auto;
+    top: 0;
+    bottom: 0;    
+  }
+  
+  /* Safari */
+  @-webkit-keyframes spin {
+    0% { -webkit-transform: rotate(0deg); }
+    100% { -webkit-transform: rotate(360deg); }
+  }
+  
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
+  .location_data{
+      position: relative;
+  }
\ No newline at end of file

application/resources/views/frontend/searchs/detail.blade.php

@@ -183,13 +183,13 @@
                     <div class="row">
                         <div class="col-6">
                             <div class="dropdown mb-3">
-                                <div class="btn btn-secondary dropdown-toggle custom-dropdown" id="reviewbyfilter" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                <div class="btn btn-secondary custom-dropdown" id="reviewbyfilter" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                     Most Newest
                                 </div>
-                                <div class="dropdown-menu" aria-labelledby="reviewbyfilter">
+                                <!--dropdown-toggle <div class="dropdown-menu" aria-labelledby="reviewbyfilter">
                                     <a class="dropdown-item" href="javascript:void(0);">Highest rating</a>
                                     <a class="dropdown-item" href="javascript:void(0);">Lowest rating</a>
-                                </div>
+                                </div>-->
                             </div>
                         </div>
                     </div>

application/resources/views/frontend/searchs/index.blade.php

 @extends('layouts.frontend')
 
 @section('content')
+    
     <section class="searchbar container-fluid">
         <div class="row">
             <div class="col-md-10 col-lg-9 col-12">
@@ -49,6 +50,9 @@
     </section>
     <section class="container-fluid location_data no-pb">
         <div class="row">
+        <div class="loader-outer-box">
+        <div class="loader"></div>
+        </div>        
             <aside class="col-md-5 col-lg-3 location_data-lw" id="searchlocaterid">
                 <!--search count and filter start-->
                 @include('frontend.searchs.location_element')
@@ -107,8 +111,11 @@
                 data: {"_token": "{{ csrf_token() }}", locality:locality, location:location, state:state,city:city},
                     success: function (datanew) {   
                     if(datanew.status == 'success') {
+                        //PRELOADER
+                        loader();
                         $('#searchlocaterid').html(datanew.data);
                     } else {
+                        loader();
                         $('#searchlocaterid').html(datanew.data);
                     }
                 }
@@ -146,8 +153,10 @@
                     success: function (datanew) {
 
                     if(datanew.status == 'success') {
+                        loader();
                         $('#searchlocaterid').html(datanew.data);
                     } else {
+                        loader();
                         $('#searchlocaterid').html(datanew.data);
                     }
                     $(".locality").val(locality);
@@ -177,6 +186,14 @@
             });
         });
 
+        function loader(){
+            if ($('.loader-outer-box').length) {
+                $('.loader-outer-box').fadeIn('slow', function () {
+                    setTimeout(function(){ $('.loader-outer-box').fadeOut('slow'); }, 2000);
+                });
+            }
+        }
+
        
 
     </script>

application/resources/views/frontend/searchs/review_element.blade.php

@@ -21,6 +21,7 @@
         </div>
     </article>
     @endforeach
+    @if($reviewData['meta']['total'] > 15)
     <article class="text-center">
         <!-- For Pagination -->
         <div class="pagination-wrapper justify-content-center">
@@ -68,4 +69,5 @@
         </div>
         <!-- End Pagination -->
     </article>
+    @endif
 </div>
\ No newline at end of file