diff -r 869bb212631a -r a881aa78a3b1 src_js/iconolab-bundle/src/components/editor/Canvas.vue --- a/src_js/iconolab-bundle/src/components/editor/Canvas.vue Tue May 02 14:03:27 2017 +0200 +++ b/src_js/iconolab-bundle/src/components/editor/Canvas.vue Tue May 02 14:22:34 2017 +0200 @@ -61,12 +61,18 @@
- -
- +
+ +
@@ -245,17 +253,7 @@ if (!onboarding) { setTimeout(() => { - var intro = introJs.introJs(); - intro.setOptions({ - nextLabel: 'Suivant', - prevLabel: 'Précédent', - skipLabel: 'J\'ai compris', - doneLabel: 'Terminé' - }) - intro.onexit(function() { - Cookies.set('__iconolab_onboarding', 'true', { expires: 365 }); - }) - intro.start() + this.startOnboarding(); }, 1000); } }, @@ -597,6 +595,25 @@ }); }); + }, + + showOnboarding: function(e) { + this.startOnboarding(); + }, + + startOnboarding: function() { + const intro = introJs.introJs(); + + intro.setOptions({ + nextLabel: 'Suivant', + prevLabel: 'Précédent', + skipLabel: 'J\'ai compris', + doneLabel: 'Terminé' + }) + intro.onexit(function() { + Cookies.set('__iconolab_onboarding', 'true', { expires: 365 }); + }) + intro.start() } } } @@ -667,4 +684,10 @@ border-bottom-right-radius: 4px; } +.help { + position: absolute; + top: 10px; + right: 10px; +} +