update front

22f8cc8e · Ali · 33d3a969 · 22f8cc8e · 22f8cc8e · 22f8cc8e
Commit 22f8cc8e authored Feb 03, 2021 by Ali
--- a/package-lock.json
+++ b/package-lock.json
@@ -940,6 +940,11 @@
            "resolved": "https://registry.npmjs.org/@splidejs/splide/-/splide-1.3.4.tgz",
            "integrity": "sha512-NMGNFeuTxjgVSEYDyS+vTmGV9sp3lvnX0WdtQV36FnlDlGOW0eT5VUSnpJooyFZAczQJnw1JJO/GJyXWxE/qcQ=="
        },
+        "@splidejs/splide-extension-grid": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/@splidejs/splide-extension-grid/-/splide-extension-grid-0.2.0.tgz",
+            "integrity": "sha512-CPi5pt+oCld9A6KXmdIBj+igbra3uPhq560pc9x+b59IdYjXIUK5IBMaqNf3tG895miCbf4PnKXxJcurU9CGrQ=="
+        },
        "@types/events": {
            "version": "3.0.0",
            "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz",

--- a/package.json
+++ b/package.json
@@ -20,8 +20,9 @@
        "vue-template-compiler": "^2.6.11"
    },
    "dependencies": {
-        "bootstrap": "^4.4.1",
        "@splidejs/splide": "^1.3.1",
+        "@splidejs/splide-extension-grid": "^0.2.0",
+        "bootstrap": "^4.4.1",
        "inputmask": "^5.0.1",
        "jquery": "^3.4.1",
        "popper.js": "^1.16.0"

--- a/public/js/index.js
+++ b/public/js/index.js
@@ -284,7 +284,7 @@ function initilizeAllRestaurantSlider(list) {
        perPage: allRestaurantSliderPerPage(),
        rewind: true,
        autoplay: true,
-        pagination: false
+        pagination: true
    }).mount();
 }


--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -19,29 +19,29 @@
            </div>
         </div>
         {{--<div class="row p-2">--}}
-            {{--<div class="col-sm-4 mt-1">--}}
-               {{--<a target="_blank" href="https://sibche.com/applications/%D8%A2%D9%82%D8%A7%DB%8C-%D8%BA%D8%B0%D8%A7">--}}
-                  {{--<text class="btn btn-outline-light btn-block">دانلود از سیبچه</text>--}}
-               {{--</a>--}}
-            {{--</div>--}}
-            {{--<div class="col-sm-4 mt-1">--}}
-               {{--<a target="_blank" href="https://play.google.com/store/apps/details?id=com.kipopay.mrghaza">--}}
-                  {{--<text class="btn btn-outline-light btn-block">گوگل پلی</text>--}}
-               {{--</a>--}}
-
-            {{--</div>--}}
-            {{--<div class="col-sm-4 mt-1">--}}
-               {{--<a target="_blank" href="http://cafebazaar.ir/app/?id=com.kipopay.mrghaza&ref=share">--}}
-                  {{--<text class="btn btn-outline-light btn-block">کافه بازار</text>--}}
-               {{--</a>--}}
-            {{--</div>--}}
+         {{--<div class="col-sm-4 mt-1">--}}
+         {{--<a target="_blank" href="https://sibche.com/applications/%D8%A2%D9%82%D8%A7%DB%8C-%D8%BA%D8%B0%D8%A7">--}}
+         {{--<text class="btn btn-outline-light btn-block">دانلود از سیبچه</text>--}}
+         {{--</a>--}}
+         {{--</div>--}}
+         {{--<div class="col-sm-4 mt-1">--}}
+         {{--<a target="_blank" href="https://play.google.com/store/apps/details?id=com.kipopay.mrghaza">--}}
+         {{--<text class="btn btn-outline-light btn-block">گوگل پلی</text>--}}
+         {{--</a>--}}
+
+         {{--</div>--}}
+         {{--<div class="col-sm-4 mt-1">--}}
+         {{--<a target="_blank" href="http://cafebazaar.ir/app/?id=com.kipopay.mrghaza&ref=share">--}}
+         {{--<text class="btn btn-outline-light btn-block">کافه بازار</text>--}}
+         {{--</a>--}}
+         {{--</div>--}}
         {{--</div>--}}
         {{--<div class="row p-2">--}}
-            {{--<div class="col-sm-12">--}}
-               {{--<a target="_blank" href="https://webapp.mrghazaa.ir">--}}
-                  {{--<text class="btn btn-outline-light btn-block">نسخه تحت وب بدون نیاز به نصب</text>--}}
-               {{--</a>--}}
-            {{--</div>--}}
+         {{--<div class="col-sm-12">--}}
+         {{--<a target="_blank" href="https://webapp.mrghazaa.ir">--}}
+         {{--<text class="btn btn-outline-light btn-block">نسخه تحت وب بدون نیاز به نصب</text>--}}
+         {{--</a>--}}
+         {{--</div>--}}
         {{--</div>--}}
      </form>
      <button id="go-down" class="position-absolute border-0 rounded-circle shadow">
@@ -95,17 +95,53 @@
   </div>

   <!-- all-restaurant -->
-   <div class="container-fluid">
-      <div id="all-restaurants" class="row dir-rtl">
-         <div class="col-md-12 dir-ltr text-center">
-            <h3 class="all-restaurants-title dima-fred mt-4">همه رستوران ها</h3>
-            <div id="all-restaurant-slider" class="splide">
-               <div class="splide__track">
-                  <ul class="splide__list"></ul>
+   <div id="results" class="col-md-12 d-flex justify-content-center flex-wrap">
+      <h3 class="col-12 text-center all-restaurants-title dima-fred ">همه رستوران ها</h3>
+      <br/>
+      @foreach ($restaurants as $restaurant)
+
+         <div class="col-2 card m-1 flex-md-grow-0 max-width overflow-hidden position-relative">
+            <div class="card-img-top overflow-hidden">
+               <img src="img/logo-black-white.png" class="w-100" alt="...">
+            </div>
+            <img src="{{ $restaurant->picture }}" class="card-img-logo position-absolute" alt="">
+
+            <div class="card-body dir-rtl text-right">
+               <div class="container-fluid mb-3">
+                  <div class="row">
+                     <div class="col-12 d-flex">
+                        <a href="/restaurant/{{ $restaurant->name }}"
+                           class=" col-12 dir-rtl text-center">{{ $restaurant->title }}</a>
+
+                        {{--<div class="rate mx-auto">--}}
+                        {{--<span class=""></span>--}}
+                        {{--<span class=""></span>--}}
+                        {{--<span class="checked"></span>--}}
+                        {{--<span class="checked"></span>--}}
+                        {{--<span class="checked"></span>--}}
+                        {{--</div>--}}
+                     </div>
+                  </div>
+                  <div class="row">
+                     {{--<div class="col-6 text-center"><span class="btn btn-sm btn-success">3.1</span></div>--}}
+                     <div class=" col-12 dir-rtl text-center"><span>(71 نظر)</span></div>
+                  </div>
+               </div>
+
+               {{--<p class="card-text">{{ $restaurant->name }}</p>--}}
+               <div class=" btn-group dir-ltr w-100" role="group" aria-label="Basic example">
+                  <button type="button" class="btn btn-success">خرید</button>
+                  {{--<button type="button" class="btn btn-secondary">مشخصات</button>--}}
+                  {{--<button type="button" class="btn btn-secondary">نمایش</button>--}}
               </div>
            </div>
+            <div class="off position-absolute dir-ltr">
+               <div class="triangle position-absolute shadow-sm"></div>
+               <span class="position-relative">٪ ۱۰</span>
+            </div>
         </div>
-      </div>
+      @endforeach
+
   </div>
 @endsection

@@ -118,24 +154,24 @@

   <script type="text/javascript">

-     $(document).ready(function () {
-       var list1 = [
-             @foreach ($restaurants as $restaurant)
-         {
-           title: "{{ $restaurant->title }}",
-           content: "{{ $restaurant->name }}",
-           img: "{{ $restaurant->picture }}",
-           link: "/restaurant/{{ $restaurant->name }}",
-         },
-          @endforeach
-       ];
-
-       // initilizeIndexSlider();
-       // suggestionSlider = initilizeSuggestionSlider();
-       // bannerSlider = initilizeBannerSlider();
-       todayRestaurantSlider = initilizeTodayRestaurantSlider(list1);
-       allRestaurantSlider = initilizeAllRestaurantSlider(list1);
-     });
+      $(document).ready(function () {
+         var list1 = [
+               @foreach ($restaurants as $restaurant)
+            {
+               title: "{{ $restaurant->title }}",
+               content: "{{ $restaurant->name }}",
+               img: "{{ $restaurant->picture }}",
+               link: "/restaurant/{{ $restaurant->name }}",
+            },
+            @endforeach
+         ];
+
+         // initilizeIndexSlider();
+         // suggestionSlider = initilizeSuggestionSlider();
+         // bannerSlider = initilizeBannerSlider();
+         todayRestaurantSlider = initilizeTodayRestaurantSlider(list1);
+         // allRestaurantSlider = initilizeAllRestaurantSlider(list1);
+      });
      {{--var users = {!! json_encode($users->toArray()) !!};--}}
      {{--console.log(users);--}}
   </script>

--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -22,6 +22,7 @@
 </head>

 <body>
+
 @include('sweetalert::alert')

 <!-- header -->