From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 17 Mar 2020 16:59:29 +0000 (+0100)
Subject: done #3505 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=bb3d365394535d8a8c8667dad38da76ef2ad56cf;p=pmi.git

done #3505 @0.5
---

diff --git a/resources/styles/components/products.styl b/resources/styles/components/products.styl
index dd5d0d7..ae17876 100644
--- a/resources/styles/components/products.styl
+++ b/resources/styles/components/products.styl
@@ -16,6 +16,16 @@
       +below(960px)
         grid-template-columns: repeat(auto-fill, minmax(225px, 1fr))
 
+    .links
+      white-space nowrap;
+      font-size 14px
+      .link
+        width 50%
+        white-space nowrap
+        display inline-block
+
+        &.technical_sheet
+          text-align right
 
     .product-highlights
       height: 42px // 3 lines
diff --git a/resources/views/pages/product-detail.blade.php b/resources/views/pages/product-detail.blade.php
index 48e8c37..75be0b8 100644
--- a/resources/views/pages/product-detail.blade.php
+++ b/resources/views/pages/product-detail.blade.php
@@ -39,7 +39,7 @@
 
                 @if($technical_sheet)
                     <p class="mt-4">
-                        <a href="{{ $technical_sheet }}">
+                        <a target="_blank" href="{{ $technical_sheet }}">
                             {{ __('Télécharger la fiche produit') }}
                         </a>
                     </p>
diff --git a/resources/views/partials/product-link.blade.php b/resources/views/partials/product-link.blade.php
index 060dd5d..9eb7eaa 100644
--- a/resources/views/partials/product-link.blade.php
+++ b/resources/views/partials/product-link.blade.php
@@ -1,3 +1,6 @@
+@php
+    $technical_sheet = $product->getMediaUrl('technical_sheet', false)
+@endphp
 <div data-product-id="{{$id}}" class="product-grid-item bg-grey-200">
     {{-- Image holder --}}
     <a href="{{ $product->getEntity()->URL }}">
@@ -12,13 +15,28 @@
         <h3><a class="text-navy" href="{{ $product->getEntity()->URL }}">{{ $product->get('reference') }}</a>
         </h3>
         <div class="product-highlights text-sm">
-            {{ $product->get('name') }}
+            <cart-add :product-id="{{ $id }}" class="align-middle">
+                {{ __('Ajouter à ma sélection') }}
+                <template v-slot:success-message>
+                    @svg('tick', 'w-4 mr-3') {{ __('Produit ajouté') }}
+                </template>
+            </cart-add>
+        </div>
+        <div class="links mt-4">
+            <div class="link">
+                <a href="{{ $product->getEntity()->URL }}">
+                    {{ __('En savoir plus') }}
+                </a>
+            </div>
+
+            @if($technical_sheet)
+                <div class="link technical_sheet">
+                    <a target="_blank" href="{{ $technical_sheet }}">
+                        {{ __('Télécharger la fiche') }}
+                    </a>
+                </div>
+            @endif
         </div>
-        <p class="mt-4">
-            <a href="{{ $product->getEntity()->URL }}">
-                {{ __('Voir la fiche produit') }}
-            </a>
-        </p>
     </div>
 
     @include('partials.product-schema')