wip #6867 @2:30

diff --git a/js/libs/fluidbook/cart/fluidbook.cart.bastide-resah-guest.js b/js/libs/fluidbook/cart/fluidbook.cart.bastide-resah-guest.js
index be408cd79ad175d136ceac5d39315206b23b8bab..006c8e267c826319ebac5f025a26989c471ad041 100644 (file)
--- a/js/libs/fluidbook/cart/fluidbook.cart.bastide-resah-guest.js
+++ b/js/libs/fluidbook/cart/fluidbook.cart.bastide-resah-guest.js
@@ -16,7 +16,7 @@ FluidbookCartBastideResahGuest.prototype = {
         $(document).on(this.fluidbook.input.clickEvent, '#create-account', function () {
             $this.updateTitle('Créer un compte')
             $this.updateCart('register')
-            $this.updateRegisterClass()
+            $this.updateDataContent()
         });
 
         $(document).on("submit", '#Bastide_register_form', function (e) {
@@ -42,8 +42,9 @@ FluidbookCartBastideResahGuest.prototype = {
         $(this.fluidbook).trigger('fluidbook.cart.updateIcon', {number: this.getItemCount()});
     },
 
-    updateRegisterClass: function () {
-        $("#Bastide_cart").toggleClass('register')
+    updateDataContent: function () {
+        let dataContent = $("#Bastide_auth_form").find('[data-content]').data('content')
+        $("#Bastide_cart").attr('data-content',dataContent)
     },
 
     updateTitle: function(title = "Connexion") {
@@ -51,7 +52,7 @@ FluidbookCartBastideResahGuest.prototype = {
     },
 
     openModal: function (title, content, callback) {
-        let view = `<div id="Bastide_cart">
+        let view = `<div id="Bastide_cart" data-content="">
                         ${this.fluidbook.menu.getCaption(title)}
                         <div class="content">
                             ${content}
@@ -67,17 +68,17 @@ FluidbookCartBastideResahGuest.prototype = {
     },
 
     openCart: function (p2, callback) {
-        this.updateRegisterClass()
         this.openModal('Connexion', this.getCartContent(), function () {
             callback();
         });
+        this.updateDataContent()
     },
 
     getCartContent: function (action = null) {
         let form = `<div id="Bastide_auth_form" class="container-form">`;
         switch (action) {
             case 'register':
-                form += `<form id="Bastide_register_form" class="" action="/admin/client/signin">
+                form += `<form id="Bastide_register_form" class="" data-content="register" action="/admin/client/signin">
                     <div class="form-group">
                         <div class="form-header">
                             établissement hospitalier
@@ -117,7 +118,7 @@ FluidbookCartBastideResahGuest.prototype = {
                         </div>
                         <div class="form-controls">
                             <label for="">confirmer votre adresse email PRO</label>
-                            <input type="text" name="email_confirm" />
+                            <input type="text" name="email_confirmation" />
                         </div>
                         <div class="form-controls">
                             <label for="">définir votre mot de passe</label>
@@ -125,7 +126,7 @@ FluidbookCartBastideResahGuest.prototype = {
                         </div>
                         <div class="form-controls">
                             <label for="">confirmer votre mot de passe</label>
-                            <input type="password" name="password_confirm" />
+                            <input type="password" name="password_confirmation" />
                         </div>
                     </div>
                     <div class="form-controls condition" data-valid="/images/valid.svg">
@@ -139,13 +140,15 @@ FluidbookCartBastideResahGuest.prototype = {
                     <button id="register" class="cta" type="submit">Valider</button>
                </form>`
                 break;
-            case 'register_ok': `<div id="Bastide_notif_form"><p>Votre demande de création de compte sera examinée dans les plus brefs délais. 
+            case 'register_ok':
+                form += `<div id="Bastide_notif_form" data-content="register_ok"><p>Votre demande de création de compte sera examinée dans les plus brefs délais. 
                     Vous recevrez un email de confirmation dans les 24h (pensez à vérifier votre dossier spam).</p>
                     <p>Nos équipes commerciales se tiennent à votre disposition : <a href="mailto:resah@bastide-medical.fr">
                     resah@bastide-medical.fr</a></p>
                 </div>`
+                break;
             default:
-                form += `<form id="Bastide_login_form" class="" action="">
+                form += `<form id="Bastide_login_form" class="" data-content="connexion" action="">
                     <p class="title">Pour afficher les tarifs, ajouter des produits à votre sélection, et nous envoyer une demande de devis, veuillez vous identifier :</p>
                     <div class="form-controls">
                         <label for="">Adresse email</label>
@@ -186,15 +189,19 @@ FluidbookCartBastideResahGuest.prototype = {
             success: function(data) {
                 $this.updateTitle('Merci !')
                 $this.updateCart('register_ok')
+                $this.updateDataContent()
             },
             error: function(xhr, status, error) {
-                console.log(xhr, error)
                 let errorsMessage = JSON.parse(xhr.responseText);
                 $this.displayErrors(errorsMessage)
             }
         });
     },
 
+    login: function() {
+
+    },
+
     displayErrors: function(errors) {
         console.log(errors['errors'],"ok")
         $(".errors-container").remove()

diff --git a/style/cart/bastide-resah.less b/style/cart/bastide-resah.less
index db4307b3f4a583fb76e9f83be936398e24e11d44..3522e7a8de01c010f7c603c46228691790a74f4b 100644 (file)
--- a/style/cart/bastide-resah.less
+++ b/style/cart/bastide-resah.less
@@ -46,10 +46,14 @@
 
   }
 
-  &.register {
+  &[data-content="register"] {
     max-width: 600px;
   }
 
+  &[data-content="register_ok"] {
+    min-height: auto;
+  }
+
   .caption {
     padding: 25px 30px 35px;
     height: auto;
@@ -599,6 +603,16 @@
         }
       }
     }
+
+    #Bastide_notif_form {
+      p:not(:last-child) {
+        margin-bottom: 20px;
+      }
+      a {
+        text-decoration: underline;
+        color: @menu-background;
+      }
+    }
   }