updated

index.html

@@ -922,18 +922,12 @@
       </g></svg>
       <br/>
       <div class="info-panel-label">
-        <b>GrapesJS Webpage Builder</b> is a simple showcase of what is possible to achieve with the
         <a class="info-panel-link gjs-four-color" target="_blank" href="https://github.com/artf/grapesjs">GrapesJS</a>
-        core library
+		est un outil de création de pages web.
 		<br/><br/>
-        For any hint about the demo check the
-        <a class="info-panel-link gjs-four-color" target="_blank" href="https://github.com/artf/grapesjs-preset-webpage">Webpage Preset repository</a>
-        and open an issue. For problems with the builder itself, open an issue on the main
-        <a class="info-panel-link gjs-four-color" target="_blank" href="https://github.com/artf/grapesjs">GrapesJS repository</a>
+		L’instance dont vous vous servez est hébergée par
+        <a class="info-panel-link gjs-four-color" target="_blank" href="https://jean-cloud.net">Jean-Cloud</a>
         <br/><br/>
-        Being a free and open source project contributors and supporters are extremely welcome.
-        If you like the project support it with a donation of your choice or become a backer/sponsor via
-        <a class="info-panel-link gjs-four-color" target="_blank" href="https://opencollective.com/grapesjs">Open Collective</a>
       </div>
     </div>
 
@@ -968,7 +962,8 @@
         },
 		storageManager: {
           type: 'remote',    
-          stepsBeforeSave: 1,
+          stepsBeforeSave: 10,
+		  noticeOnUnload: 1,
           autosave: true,
           options: {
                   remote: {
@@ -1281,9 +1276,9 @@
                 type: 'typed',
                 'type-speed': 40,
                 strings: [
-                  'Text row one',
-                  'Text row two',
-                  'Text row three',
+                  'Ligne de texte 1',
+                  'Ligne de texte 2',
+                  'Ligne de texte 3',
                 ],
               }
             }
@@ -1331,7 +1326,7 @@
         var mdlDialog = document.querySelector('.gjs-mdl-dialog');
         mdlDialog.className += ' ' + mdlClass;
         infoContainer.style.display = 'block';
-        modal.setTitle('About this demo');
+        modal.setTitle('À propos de cet outil');
         modal.setContent(infoContainer);
         modal.open();
         modal.getModel().once('change:open', function() {
@@ -1339,10 +1334,22 @@
         })
       });
 
+	  pn.addButton('options', {
+        id: 'save-button',
+        className: 'fa fa-floppy-o',
+		command(editor) {
+        	editor.store();
+		},
+        attributes: {
+          'title': 'Sauvegarder',
+          'data-tooltip-pos': 'bottom',
+        },
+      });
+
       pn.addButton('options', {
         id: 'open-info',
         className: 'fa fa-question-circle',
-        command: function() { alert('Cet éditeur est hébergé par Jean-Cloud') },
+        command: 'open-info',
         attributes: {
           'title': 'À propos',
           'data-tooltip-pos': 'bottom',
@@ -1350,6 +1357,7 @@
       });
 
 	  
+
       // Simple warn notifier
       var origWarn = console.warn;
       toastr.options = {
@@ -1391,8 +1399,8 @@
 
 
       // Store and load events
-      editor.on('storage:load', function(e) { console.log('Loaded ', e) });
-      editor.on('storage:store', function(e) { console.log('Stored ', e) });
+      //editor.on('storage:load', function(e) { console.log('Loaded ', e) });
+      editor.on('storage:store', function() { console.log('Stored. TODO notif') });
 
 
       // Do stuff on load