From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 6 Jun 2023 16:23:07 +0000 (+0200)
Subject: wip #5788 @6:30 correction bug panier/affichage tarif/revoir l'affichage dynamique... 
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=52f23c79074e7b61a9584aa7ae70adcc4f4d56f0;p=pmi.git

wip #5788 @6:30 correction bug panier/affichage tarif/revoir l'affichage dynamique des tarifs selon le changement de remise,
---

diff --git a/app/Http/Controllers/AjaxController.php b/app/Http/Controllers/AjaxController.php
index 9f06090..fbd8578 100644
--- a/app/Http/Controllers/AjaxController.php
+++ b/app/Http/Controllers/AjaxController.php
@@ -149,7 +149,6 @@ class AjaxController extends CubistFrontController
 
     public function cart(Request $request)
     {
-
         $request->validate([
             'action' => 'required|string', // add/update/delete
             'id' => 'required|numeric',
diff --git a/app/Models/Client.php b/app/Models/Client.php
index bd32260..272da88 100644
--- a/app/Models/Client.php
+++ b/app/Models/Client.php
@@ -85,7 +85,7 @@ class Client extends CubistMagicAbstractModel
         $this->addField(['name' => 'discount',
             'label' => 'Remise',
             'type' => 'select_from_array',
-            'options' => ['A','B','C','D','E'],
+            'options' => ['A' => 'A','B' => 'B','C' => 'C','D' => 'D','E' => 'E'],
             'allows_null' => false,
             'default' => 'A',
             'column' => true,
@@ -107,6 +107,7 @@ class Client extends CubistMagicAbstractModel
 
     public static function discountArray($categoryProduct) {
         $categoryClient = self::getClientConnected()->discount ?? 'A';
+        //dd(self::getClientConnected());
         $category_array = [
             'A' => 0,
             'B' => 5,
@@ -125,7 +126,7 @@ class Client extends CubistMagicAbstractModel
         $discount_array = array_combine($discount_array_save_keys,$discount_array);
 
         if($categoryProduct && $categoryClient) {
-            return $discount_array[$categoryClient][$categoryProduct];
+            return $discount_array[$categoryProduct][$categoryClient];
         }
 
         return null;
diff --git a/public/images/icon-angle-down.svg b/public/images/icon-angle-down.svg
new file mode 100644
index 0000000..14082e3
--- /dev/null
+++ b/public/images/icon-angle-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15.121" height="8.112" viewBox="0 0 15.121 8.112">
+  <path id="Tracé_226" data-name="Tracé 226" d="M.5,3.85,6.65,10a.48.48,0,0,0,.7,0L13.5,3.85" transform="translate(0.561 -2.789)" fill="none" stroke="#182f4c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+</svg>
diff --git a/public/images/icon-radio-checked.svg b/public/images/icon-radio-checked.svg
new file mode 100644
index 0000000..88f96ab
--- /dev/null
+++ b/public/images/icon-radio-checked.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+    <g id="Ellipse_35" data-name="Ellipse 35" fill="#fff" stroke="#6b7285" stroke-width="1.5">
+        <circle cx="8" cy="8" r="8" stroke="none"/>
+        <circle cx="8" cy="8" r="7.25" fill="none"/>
+    </g>
+    <g transform="translate(4,4)">
+        <circle id="Ellipse_37" data-name="Ellipse 37" cx="4" cy="4" r="4" fill="#0eaada" />
+    </g>
+</svg>
diff --git a/public/images/icon-radio.svg b/public/images/icon-radio.svg
new file mode 100644
index 0000000..571f7f9
--- /dev/null
+++ b/public/images/icon-radio.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <g id="Ellipse_35" data-name="Ellipse 35" fill="#fff" stroke="#6b7285" stroke-width="1.5">
+    <circle cx="8" cy="8" r="8" stroke="none"/>
+    <circle cx="8" cy="8" r="7.25" fill="none"/>
+  </g>
+</svg>
diff --git a/resources/js/app.js b/resources/js/app.js
index 2d74912..ad87328 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -96,8 +96,8 @@ const app = new Vue({
     mounted() {
         eventBus.$on('add-item', data => {
             data.action = 'add';
-            data.ref = this.ref ?? data.ref;
-            data.price = this.price;
+            data.ref = data.ref !== "" ? data.ref : this.ref;
+            data.price = data.price !== undefined ? data.price : this.price;
             this.saveCart(data);
         });
 
@@ -162,7 +162,7 @@ const app = new Vue({
         priceDiscount() {
             let discount = this.discount ?? 0
             let newValue = (this.price * discount) / 100
-            return this.price - newValue.toFixed(2)
+            return (this.price - newValue).toFixed(2)
         }
     },
 
@@ -648,12 +648,14 @@ $(document).on('click', 'button.cart-add', function () {
     $(this).find('.add').addClass('hidden');
     $(this).find('.added').removeClass('hidden').addClass('inline-flex');
     var id = parseInt($(this).attr('data-product-id')),
-        ref = $(this).attr('data-ref')
+        ref = $(this).attr('data-ref'),
+        price = $(this).attr('data-price')
 
     eventBus.$emit('add-item', {
         id: id,
         quantity: 1,
-        ref: ref
+        ref: ref,
+        price: price
     });
 
     clearTimeout(time);
diff --git a/resources/js/components/CartItem.vue b/resources/js/components/CartItem.vue
index e5270b4..ec5b50b 100644
--- a/resources/js/components/CartItem.vue
+++ b/resources/js/components/CartItem.vue
@@ -6,7 +6,6 @@
         </a>
         <div class="cart-item-text pl-6 xs:pl-0 leading-relaxed flex-grow">
             <a :href="item.URL" class="block text-navy font-display">
-
                 <span class="text-grey-dark" v-if="item.ref">{{ item.ref }}</span>
                 <span class="text-grey-dark" v-else>{{ item.reference }}</span>
                 <br>
@@ -16,7 +15,7 @@
                 <span class="mr-2">Quantité</span>
                 <number-input v-model="item.quantity" :min="1" inline center controls></number-input>
             </div>
-            <div v-if="!isNaN(item.price)" :class="{ 'line-through' : item.discount > 0 }">
+            <div v-if="!isNaN(parseFloat(item.price))" :class="{ 'line-through' : item.discount > 0 }">
                 <span class="text-navy">{{ Number.parseFloat(price).toFixed(2) }}<span>€ HT</span></span>
             </div>
             <div v-if="item.discount > 0">
diff --git a/resources/js/product-details.js b/resources/js/product-details.js
index e8c7162..47d08e2 100644
--- a/resources/js/product-details.js
+++ b/resources/js/product-details.js
@@ -1,24 +1,3 @@
-import tippy from 'tippy.js'
-
-tippy('[data-tooltip]', {
-    arrow: true,
-    arrowType: 'sharp',
-    animation: 'shift-away',
-    content: function (el) {
-        return el.getAttribute('data-tooltip');
-    },
-    flipBehavior: ["top", "bottom"],
-    theme: 'custom',
-    placement: 'top',
-
-    popperOptions: {
-        modifiers: {
-            data: {styles: {marginBottom: '50px'}},
-            hide: {enabled: true}
-        }
-    },
-});
-
 import blueimp from 'blueimp-gallery';
 
 document.getElementById('product-gallery').onclick = function (event) {
diff --git a/resources/js/tippy-config.js b/resources/js/tippy-config.js
new file mode 100644
index 0000000..76f5aa5
--- /dev/null
+++ b/resources/js/tippy-config.js
@@ -0,0 +1,20 @@
+import tippy from 'tippy.js'
+
+tippy('[data-tooltip]', {
+    arrow: true,
+    arrowType: 'sharp',
+    animation: 'shift-away',
+    content: function (el) {
+        return el.getAttribute('data-tooltip');
+    },
+    flipBehavior: ["top", "bottom"],
+    theme: 'custom',
+    placement: 'top',
+
+    popperOptions: {
+        modifiers: {
+            data: {styles: {marginBottom: '50px'}},
+            hide: {enabled: true}
+        }
+    },
+});
diff --git a/resources/views/components/cart-add.blade.php b/resources/views/components/cart-add.blade.php
index 16e3cc1..c42bce5 100644
--- a/resources/views/components/cart-add.blade.php
+++ b/resources/views/components/cart-add.blade.php
@@ -14,7 +14,7 @@
     @elseif(isset($template) && $template === "miniature" && $options)
     <a href="{{ $link }}" class="btn text-center">
     @else
-    <button data-ref="{{ $reference }}" data-product-id="{{ $id }}" class="btn cart-add">
+    <button data-ref="{{ $reference }}" data-price="{{ $price }}" data-product-id="{{ $id }}" class="btn cart-add">
     @endif
         <span class="btn-text relative">
             <span class="add">
diff --git a/resources/views/components/item-cart.blade.php b/resources/views/components/item-cart.blade.php
index 5b5a03a..a2910aa 100644
--- a/resources/views/components/item-cart.blade.php
+++ b/resources/views/components/item-cart.blade.php
@@ -52,7 +52,7 @@
                         </div>
                         <div class="product-price">
                             @if(floatval($product['price']))
-                                <p class="no-m">{{ $product['price'] * $product['quantity'] }}€ HT</p>
+                                <p class="no-m">{{ number_format($product['price'] * $product['quantity'], 2) }}€ HT</p>
                             @else
                                 <p class="text-navy">
                                     N/A
diff --git a/resources/views/pages/paniers_enregistres.blade.php b/resources/views/pages/paniers_enregistres.blade.php
index c511e6f..769f991 100644
--- a/resources/views/pages/paniers_enregistres.blade.php
+++ b/resources/views/pages/paniers_enregistres.blade.php
@@ -1,5 +1,9 @@
 @extends('layouts/app')
 
+@push('scripts')
+    <script src="{{ mix('/js/tippy-config.js') }}"></script>
+@endpush
+
 @section('content')
     <full-width padding="pb-3v">
         <content>
diff --git a/resources/views/pages/product-detail.blade.php b/resources/views/pages/product-detail.blade.php
index b0ba9d2..1a4d2b0 100644
--- a/resources/views/pages/product-detail.blade.php
+++ b/resources/views/pages/product-detail.blade.php
@@ -15,6 +15,7 @@
 
 @push('scripts')
     <script src="{{ mix('/js/product-details.js') }}"></script>
+    <script src="{{ mix('/js/tippy-config.js') }}"></script>
 @endpush
 
 @section('content')
@@ -113,7 +114,7 @@
                 @endauth
 
                 @if(config('features.quote'))
-                    <cart-add :id="$product->id" :reference="$product->reference" :price="$product->basic_selling_price" template="product-detail"></cart-add>
+                    <cart-add :id="$product->id" reference="" price="" template="product-detail"></cart-add>
                     <span
                         data-tooltip="{{__('Ajoutez un ou plusieurs produits à votre sélection, ajustez les quantités et obtenez un devis.')}}"
                         class="font-display text-lg inline-block align-middle rounded-full border-grey-dark border-2 h-8 w-8 text-center ml-6">?</span>
diff --git a/resources/views/partials/product-link.blade.php b/resources/views/partials/product-link.blade.php
index 308f657..f8c3c15 100644
--- a/resources/views/partials/product-link.blade.php
+++ b/resources/views/partials/product-link.blade.php
@@ -6,7 +6,9 @@
     $categoryProduct = $product->category;
     $discount = \App\Models\Client::discountArray($categoryProduct);
 
-    $price = number_format($product->basic_selling_price - (($product->basic_selling_price * $discount) / 100), 2);
+    $price = floatval(number_format($product->basic_selling_price - (($product->basic_selling_price * $discount) / 100), 2));
+    if($price < 1)
+        $price = ""
 @endphp
 
 <div data-product-id="{{ $id }}" class="product-grid-item bg-grey-200">
@@ -38,7 +40,7 @@
             @endif
         </div>
         @if(config('features.quote'))
-            <cart-add :id="$product->id" :reference="$product->reference" :link="$product->getEntity()->URL" :price="$product->basic_selling_price" :options="$options" template="miniature"></cart-add>
+            <cart-add :id="$product->id" :reference="$product->reference" :link="$product->getEntity()->URL" :price="$price" :options="$options" template="miniature"></cart-add>
         @endif
         <div class="links mt-4">
             <div class="link">
diff --git a/webpack.mix.js b/webpack.mix.js
index a7688f3..b3c675e 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -37,6 +37,7 @@ mix.js('resources/js/app.js', 'public/js')
     .js('resources/js/carrousel.js', 'public/js')
     .js('resources/js/logowall.js', 'public/js')
     .js('resources/js/product-details.js', 'public/js')
+    .js('resources/js/tippy-config.js', 'public/js')
     .js('resources/js/mailform.js', 'public/js');
 
 // mix.polyfill({