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;
+}
+