From d8ff1925609b963ce4b5a36ebb7a5e6a4faf3c55 Mon Sep 17 00:00:00 2001
From: Stephen Cameron <stephen@cubedesigners.com>
Date: Wed, 17 Jul 2019 16:42:48 +0200
Subject: [PATCH] Fix VueJS error when cart is turned off + other misc fixes /
 style adjustments. WIP #2738 @0.5

---
 resources/styles/components/products.styl |  2 +-
 resources/views/layouts/app.blade.php     | 26 ++++++++-------
 resources/views/pages/products.blade.php  |  2 +-
 resources/views/partials/cart.blade.php   |  7 ++--
 resources/views/partials/header.blade.php | 40 ++++++++++++-----------
 5 files changed, 39 insertions(+), 38 deletions(-)

diff --git a/resources/styles/components/products.styl b/resources/styles/components/products.styl
index fe3c425..4bba0a1 100644
--- a/resources/styles/components/products.styl
+++ b/resources/styles/components/products.styl
@@ -8,4 +8,4 @@
     // automatically change the number of columns based
     // on this min-width setting...
     &.grid-cols-auto
-      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr))
+      grid-template-columns: repeat(auto-fill, minmax(270px, 1fr))
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 7f8ac9c..515d8e2 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -13,19 +13,21 @@
 @include('cubist::body.begin')
 
 @php
-    //#### Generate temporary cart data
-    $cart_items = [];
-    if(config('features.quote')){
-    for ($i = 1; $i <= 6; $i++) {
-        $cart_items[$i] = [
-            'id' => $i,
-            'quantity' => rand(1, 15),
-            'name' => 'Modèle '. rand(1000, 1500),
-            'category' => 'Capteur de force',
-            'image' => '/storage/products/'. rand(1,6) .'.png',
-        ];
+    if (config('features.quote')) {
+        //#### Generate temporary cart data
+        $cart_items = [];
+        for ($i = 1; $i <= 6; $i++) {
+            $cart_items[$i] = [
+                'id' => $i,
+                'quantity' => rand(1, 15),
+                'name' => 'Modèle '. rand(1000, 1500),
+                'category' => 'Capteur de force',
+                'image' => '/storage/products/'. rand(1,6) .'.png',
+            ];
+        }
+    } else {
+        $cart_items = new stdClass();
     }
-}
 @endphp
 
 <div id="app" class="flex flex-col min-h-screen" data-cart-items='@json($cart_items)'>
diff --git a/resources/views/pages/products.blade.php b/resources/views/pages/products.blade.php
index 039e2fc..847e8d6 100644
--- a/resources/views/pages/products.blade.php
+++ b/resources/views/pages/products.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts/app')
 
 @section('content')
-    @intro()
+    @intro(['padding' => 'pb-1v'])
 
     <full-width class="bg-grey-100" padding="pt-1v pb-2v">
         <content class="flex relative items-start">
diff --git a/resources/views/partials/cart.blade.php b/resources/views/partials/cart.blade.php
index cc5fea9..164e5eb 100644
--- a/resources/views/partials/cart.blade.php
+++ b/resources/views/partials/cart.blade.php
@@ -1,5 +1,2 @@
-@if(config('features.quote'))
-    <span class="cart-header-title">My Selection</span>
-    <span class="cart-header-icon" v-html="cartItemCount"></span>
-@endif
-
+<span class="cart-header-title">My Selection</span>
+<span class="cart-header-icon" v-html="cartItemCount"></span>
diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index e5aa7e3..f8677ff 100644
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -14,27 +14,29 @@
             <portal-target name="nav-search-toggle" slim></portal-target>
         </div>
 
-        <div class="cart-header text-right flex items-center cursor-pointer hover:text-blue" @click="openCart">
-            @include('partials.cart')
-        </div>
-
-        <div class="cart-header-popout">
-            <div class="cart-header-popout-title flex justify-between items-center px-1v py-1v">
-                <span>
-                    {{ __('Ma sélection') }}
-                </span>
-
-                <a href="#" class="close-cart-popout text-white hover:text-blue" @click.prevent="closeCart">
-                    @svg('icon-close-thin')
-                </a>
+        @if (config('features.quote'))
+            <div class="cart-header text-right flex items-center cursor-pointer hover:text-blue" @click="openCart">
+                @include('partials.cart')
             </div>
-            <div class="cart-header-popout-content text-navy font-body p-1v pb-0">
-                <cart :items='items' @update-item-quantity="updateItemQuantity"></cart>
-            </div>
-            <div class="cart-header-popout-footer bg-grey-100 p-1v">
-                <link-button class="block text-center">Obtenir un devis</link-button>
+
+            <div class="cart-header-popout">
+                <div class="cart-header-popout-title flex justify-between items-center px-1v py-1v">
+                    <span>
+                        {{ __('Ma sélection') }}
+                    </span>
+
+                    <a href="#" class="close-cart-popout text-white hover:text-blue" @click.prevent="closeCart">
+                        @svg('icon-close-thin')
+                    </a>
+                </div>
+                <div class="cart-header-popout-content text-navy font-body p-1v pb-0">
+                    <cart :items='items' @update-item-quantity="updateItemQuantity"></cart>
+                </div>
+                <div class="cart-header-popout-footer bg-grey-100 p-1v">
+                    <link-button class="block text-center">Obtenir un devis</link-button>
+                </div>
             </div>
-        </div>
+        @endif
 
     </div>
 
-- 
2.39.5