From 59e926d86daeb2e88318e1ab152d88941e1b934c Mon Sep 17 00:00:00 2001
From: TheCoreDev <laurent@thecoredev.fr>
Date: Tue, 4 May 2021 19:51:26 +0200
Subject: [PATCH] =?UTF-8?q?Recettes=20:=20plus=20qu'=C3=A0=20faire=20l'app?=
 =?UTF-8?q?el=20au=20addtocart,=20pour=20le=20frontOffice?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../default/assets/css/Recettes.css           |  1 +
 templates/frontOffice/custom/recette.html     | 25 ++++++++++++++++---
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/local/modules/Recettes/templates/frontOffice/default/assets/css/Recettes.css b/local/modules/Recettes/templates/frontOffice/default/assets/css/Recettes.css
index cfc0d375..d91588df 100644
--- a/local/modules/Recettes/templates/frontOffice/default/assets/css/Recettes.css
+++ b/local/modules/Recettes/templates/frontOffice/default/assets/css/Recettes.css
@@ -42,6 +42,7 @@ div.entete span b {
     font-weight: 900;
     font-size: 22px;
     color: #95c11e;
+    text-align: center;
 }
 .recette-soustitre {
     font-weight: 400;
diff --git a/templates/frontOffice/custom/recette.html b/templates/frontOffice/custom/recette.html
index a0926fea..1b8969ab 100644
--- a/templates/frontOffice/custom/recette.html
+++ b/templates/frontOffice/custom/recette.html
@@ -45,7 +45,7 @@
                     <span class="difficulte"><b>{intl l='Difficulty' d='recettes'}</b><img src="{image file='assets/img/cellular.svg' source='Recettes'}" alt="Difficulty">{$label_difficulty}</span>
                 </div>
                 <br>
-                <form action="/admin/module/Recettes/addtocart" method="post">
+                <form id="form-recette" action="/admin/module/Recettes/addtocart" method="post">
                 <div class="row">
                     <div class="photo-principale col-md-4">
                         {loop type="image" name="image-loop" content=$content_id visible=true}
@@ -68,12 +68,16 @@
                                     <td class="cellule-large">{$PRODUCT_LABEL}</td>
                                     <td class="cellule-etroite">{$QUANTITY_NEEDED}</td>
                                     <td class="cellule-etroite">{$QUANTITY_PROPOSED}</td>
-                                    <td class="cellule-etroite"><input type="checkbox" id="product-{$PSE_ID}" class="cellule-checkbox"></td>
+                                    <td class="cellule-etroite"><input type="checkbox" id="product-{$PSE_ID}" name="selected-product" class="cellule-checkbox"></td>
                                 </tr>
                             {/loop}
                             <tr>
                                 <td colspan="3"></td>
-                                <td><input type="submit" class="button recette-bouton" value="{intl l='Add to cart' d='recettes'}"></td>
+                                <td>
+                                    <div class="form-group">
+                                        <button type="submit" class="btn btn-primary">{intl l='Add to cart' d='recettes'}</button>
+                                    </div>
+                                </td>
                             </tr>
                             </tbody>
                         </table>
@@ -85,7 +89,6 @@
                 </form>
                 <br>
                 <br>
-                <div class="row">
                     <table class="table table-striped table-steps">
                     {loop type="recipe_steps" name="steps-loop" recipe_id=$ID}
                         <tr>
@@ -105,3 +108,17 @@
 {block name="stylesheet"}
 {hook name="content.stylesheet"}
 {/block}
+
+{block name="after-javascript-include"}
+<script>
+
+    $("#form-recette").off('submit').submit(function(ev) {
+
+        if ($('input[name=selected-product]:checked').length === 0) {
+            alert("Vous n'avez choisi aucun produit à rajouter dans votre panier.");
+            ev.preventDefault();
+        }
+    });
+
+</script>
+{/block}
\ No newline at end of file