Intégration Souke

producer/views/order/order.php

@@ -72,7 +72,11 @@ $this->setTitle('Commander');
     <?php endif; ?>
 
     <div v-if="loadingInit">
-        Chargement ...
+        <div class="text-center">
+            <div class="spinner-border" role="status">
+                <span class="visually-hidden">Chargement ...</span>
+            </div>
+        </div>
     </div>
     <div class="wrapper">
         <div v-if="!loadingInit && distributions.length == 0" class="alert alert-warning">
@@ -148,7 +152,11 @@ $this->setTitle('Commander');
                     </ul>
                 </div>
                 <div v-else-if="loading && step != 'payment'">
-                    Chargement ...
+                    <div class="text-center">
+                        <div class="spinner-border" role="status">
+                            <span class="visually-hidden">Chargement ...</span>
+                        </div>
+                    </div>
                 </div>
                 <transition name="slide">
                     <div id="content-step-date" v-if="step == 'date'">
@@ -571,11 +579,12 @@ $this->setTitle('Commander');
                                                 </div>
                                             </div>
                                             <div class="block-actions">
-                                                <button class="btn btn-primary" disabled="disabled" v-if="disableConfirmButton || !oneProductOrdered()">Je
-                                                    confirme ma commande
+                                                <button class="btn btn-primary" disabled="disabled" v-if="disableConfirmButton || !oneProductOrdered()">
+                                                    <span v-if="disableConfirmButton" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+                                                    Je confirme ma commande
                                                 </button>
-                                                <button class="btn btn-primary" v-else @click="confirmClick">Je confirme ma
-                                                    commande
+                                                <button class="btn btn-primary" v-else @click="confirmClick">
+                                                    Je confirme ma commande
                                                 </button>
                                             </div>
                                         </template>