tour introjs

app/Resources/views/logged/dashboard.html.twig

@@ -6,8 +6,17 @@
                 ng-app="caisse"
                 ng-controller="CaisseCtrl as MainCtrl"
         >
-            <div class="row marged-v">
+        <div class="row marged-v" ng-if="simpleDisplay">
+        <button class="btn btn-success" ng-click="toggleSimpleDisplay()">
+                <i class="fa fa-bars"></i> Affichage simple <i class="fa fa-check-circle"></i>
+        </button>
+
+        </div>
+         <div class="row marged-v" ng-if="! simpleDisplay">
                 <div class="col-xs-12 col-md-6" id="main_options">
+                <button class="btn btn-disabled" ng-click="toggleSimpleDisplay()">
+                <i class="fa fa-bars"></i> Affichage simple
+</button>
                     <button
                             title="la vente express vous permet d'enregistrer une vente pour un seul article sans remplir le formulaire de détail"
                             class="btn"
@@ -42,13 +51,12 @@
                     <br>
                     <div id="festival-current_info">
                     {% endverbatim %}
+                    <a class="btn " href="{{ path('festival_index') }}">
 
-    <a class="btn " href="{{ path('festival_index') }}">
+                        <i class="fa fa-th-large"></i>
-
+                        Festival
-        <i class="fa fa-th-large"></i>
+                    </a>:
-        Festival
+                    {% verbatim %}
-    </a>:
-    {% verbatim %}
                         <input type="text" ng-model="activeFestival.name" placeholder="nom du festival">
                             <input class="pull-right" type="text" ng-model="activeFestival.commentaire" placeholder="commentaire">
                             <span class="badge" title="fond de caisse + chiffre d'affaire. veillez à vider votre fond de caisse ailleurs lorsqu'il devient trop important, par exemple au dela de 200€" ng-class="{'badge-warning': activeFestival.fondDeCaisseAvant + activeFestival.chiffreAffaire > 200}">
@@ -69,16 +77,18 @@
                 <div class="col-xs-12 col-md-6">
                         <div id="client-now" class="client-now padded">
                                 <i class="fa fa-user"></i>
-                                Client actuel:
+                                Client actuel: {{ activeSelling.length }} produit<span ng-if="activeSelling.length!=1">s</span>
-                                  <input type="text" class="form-control" aria-label="Recipient's username" aria-describedby="basic-addon2" ng-model="sellingComment" placeholder="nom ou commentaire">
+                                 <button type="button" class="deleter pull-right" ng-click="sellingComment = ''">
-
-                                    <button type="button" class="deleter" ng-click="sellingComment = ''">
                                         <i class="fa fa-times"></i>
                                     </button>
+                                  <input type="text" class="form-control" aria-label="Recipient's username" aria-describedby="basic-addon2" ng-model="sellingComment" placeholder="nom ou commentaire">
+
+
+
 
-                                {{ activeSelling.length }} produit<span ng-if="activeSelling.length!=1">s</span>
                             </div>
                 </div>
+    </div>
 <!--états de sauvegarde-->
           <div class="selling-ok alert-success alert block" ng-if="sellingOk" ng-click="sellingOk = false">
             <i class="fa fa-save"></i>

assets/js/parts/globalActions.js

@@ -61,12 +61,12 @@ $(document).ready(function () {
                     {
                         element: document.querySelector('#menu_festivals'),
                         position: 'right',
-                        intro  : "Les festivals vous permettent de séparer vos ventes lors de différents évènements et d'obtenir des statistiques détaillées afin de vous permettre de connaître la rentabilité de chaque évènement"
+                        intro  : "<strong>Les festivals</strong> vous permettent de séparer vos ventes lors de différents évènements et d'obtenir des statistiques détaillées afin de vous permettre de connaître la rentabilité de chaque évènement"
                     },
                     {
                         element: document.querySelector('#menu_series'),
                         position: 'right',
-                        intro  : "Les séries de festivals permettent de relier des évènements similaires d'une édition à une autre. Par exemple Festival Harajuku 2018 et 2019, Japan Expo de toutes les années. Et ce afin de pouvoir voir des statistiques groupées dans la partie Historique."
+                        intro  : "<strong>Les séries de festivals</strong> permettent de relier des évènements similaires d'une édition à une autre. Par exemple Festival Harajuku 2018 et 2019, Japan Expo de toutes les années. Et ce afin de pouvoir voir des statistiques groupées dans la partie Historique."
                     },
                     {
                         element: document.querySelector('#menu_previsionnel'),

assets/js/parts/main.js

@@ -25,6 +25,7 @@ angular
       $scope.recentSellings = [];
       $scope.lesParams = {};
       $scope.countProductsSoldForActiveFestival = {};
+      $scope.simpleDisplay = false;
       $scope.paidAmount = 0;
       $scope.expressSelling = true;
       $scope.pausedSelling = [];
@@ -43,7 +44,13 @@ angular
           clientsCount  : 0,
           commentaire   : ""
       };
-
+      /**
+       * change to simple display
+       */
+      $scope.toggleSimpleDisplay = function () {
+          // debugger;
+          $scope.simpleDisplay = ! $scope.simpleDisplay;
+      }
       /**
        * set the right paid amount
        */