add fill button for mass import

app/Resources/views/default/login-choices.html.twig

@@ -117,7 +117,7 @@
                                             btn-default
                                         {% endif %}" href="{{ path('previsionnel') }}"
                                     >
-                                        <i class="fa fa-arrow-circle-o-up"></i>
+                                        <i class="fa fa-forward"></i>
 
                                         {% trans %}menu.future{% endtrans %}
                                     </a>

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

@@ -4,10 +4,10 @@
 
 
     <div class="row">
-        <div class="col-xs-12 col-sm-6 well">
+        <div class="col-xs-12 ">
             {% include 'logged/mass-register.html.twig' %}
         </div>
-        <div class="col-xs-12 col-sm-6 well">
+        <div class="col-xs-12">
             <h2>
 
                 Importer votre historique de ventes
@@ -16,15 +16,15 @@
                 <i class="fa fa-warning"></i>
                 Fonctionnalité en cours de création
             </div>
-            1)
+            {#            1)#}
-            <a class="btn btn-success" href="{{ asset('modele_import_caisse.csv') }}">
+            {#            <a class="btn btn-success" href="{{ asset('modele_import_caisse.csv') }}">#}
-                <i class="fa fa-file-o fa-3x"></i>
+            {#                <i class="fa fa-file-o fa-3x"></i>#}
-                Télécharger le fichier de modèle
+            {#                Télécharger le fichier de modèle#}
-            </a>
+            {#            </a>#}
-            <hr>
+            {#            <hr>#}
-            2) Remplir votre modèle avec vos ventes
+            {#            2) Remplir votre modèle avec vos ventes#}
-            <hr>
+            {#            <hr>#}
-            3) à faire
+            {#            3) à faire#}
             {#<form action="{{ path('import') }}" method="post">#}
             {#<fieldset>#}
 

app/Resources/views/logged/mass-register.html.twig

@@ -1,14 +1,11 @@
 <div id="mass-register">
-
-    <h2>
-        Création de produits en masse
-    </h2>
-
     <form action="{{ path('mass_create') }}" method="post">
 
+        <div class="row">
+            <div class="col-xs-12 col-sm-6">
                 <blockquote>
                     <strong>Vous pouvez copier et adapter cet exemple: </strong>
-            <pre>
+                    <pre id="example_mass_import">
 catégorie: livre
     les moutaines;5€
     la laine des moutons;6€
@@ -20,15 +17,33 @@ catégorie: dessin à la demande
     dessin A4 crayon;20€
     dessin A4 aquarelle;150€
 </pre>
+                    <a href="#filling_zone" id="use_example">
+                        <i class="fa fa-arrow-down"></i>
+                        Utiliser l'exemple
+                    </a>
                 </blockquote>
+            </div>
+            <div class="col-xs-12 col-sm-6">
+                <div class="well" id="filling_zone">
+
                     <label for="produits">
-            Créez vos produits et leur catégorie en masse, un par ligne
+                        <h3>
+                            Créez vos produits et leur catégorie en masse, un par ligne.
+                        </h3>
+                        Séparez le nom du produit de son prix avec un point virgule. vous n'êtes pas obligé de préciser
+                        le symbole € pour le prix. Utilisez une virgule ou un point pour faire des prix à virgule. Si le
+                        nom de catégorie existe déjà, le produit sera associé avec celle-ci.
                     </label>
                     <textarea style="width: 100%;" name="produits" id="produits" cols="30" rows="10"
                             placeholder="catégorie et produits">
 catégorie: livre
-        mon livre 1;5€
+        mon livre ; 5€
                 </textarea>
                     <input class="btn btn-primary btn-block" type="submit" value="créer en masse">
+                </div>
+            </div>
+        </div>
+
+
     </form>
 </div>

assets/js/parts/main.js

@@ -9,9 +9,25 @@ require('bootstrap-sass');
 // require('bootstrap-sass/javascripts/bootstrap/popover');
 
 $(document).ready(function () {
+    let massimportExample = 'catégorie: livre\n' +
+      '    les moutaines;5€\n' +
+      '    la laine des moutons;6€\n' +
+      '    star wars spécial noël;7€\n' +
+      'catégorie: poster\n' +
+      '    super bannière A2;10€\n' +
+      '    Sébastien Chabal sexy;10€\n' +
+      'catégorie: dessin à la demande\n' +
+      '    dessin A4 crayon;20€\n' +
+      '    dessin A4 aquarelle;150€';
+
     $('[data-toggle="popover"]').popover();
     $('#menu_button').on('click', function () {
         $('#menu-dashboard').toggleClass('shown');
+    });
+    // use example in mass import
+    $('#use_example').on('click', function () {
+        $('#produits').val(massimportExample);
+        // $('#filling_zone input').click();
     })
 });