caojiezi2003/Stackedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reverted welcome tour

Browse Source
This commit is contained in:
benweet 2014-08-11 00:43:46 +01:00
parent d7cfc938f1
commit cd89897580
1 changed files with 117 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
public/res/extensions/welcomeTour.js
View File

@ -22,13 +22,15 @@ define([
trigger: 'manual', trigger: 'manual',
title: title title: title
}).tooltip('show').addClass('info-tooltip'); }).tooltip('show').addClass('info-tooltip');
tooltip.parent().addClass('info-tooltip-container');
tooltip.one('click', function() { tooltip.one('click', function() {
tooltip.tooltip('hide').removeClass('info-tooltip'); tooltip.tooltip('hide').removeClass('info-tooltip').parent().removeClass('info-tooltip-container');
}); });
setTimeout(function() { setTimeout(function() {
tooltip.tooltip('hide').removeClass('info-tooltip'); tooltip.tooltip('hide').removeClass('info-tooltip').parent().removeClass('info-tooltip-container');
}, 20000); }, 20000);
} }
var tour = new Tour({ var tour = new Tour({
keyboard: false, keyboard: false,
storage: { storage: {
@ -41,8 +43,6 @@ define([
}, },
onEnd: function() { onEnd: function() {
storage.welcomeTour = 'done'; storage.welcomeTour = 'done';
infoTooltip('.menu-panel .toggle-button *', 'Synchronize, publish...', 'right');
infoTooltip('.document-panel .toggle-button *', 'Create, manage documents', 'left');
infoTooltip('.drag-me', 'Drag me!', 'left'); infoTooltip('.drag-me', 'Drag me!', 'left');
infoTooltip('.layout-toggler-preview', 'Toggle preview', 'right'); infoTooltip('.layout-toggler-preview', 'Toggle preview', 'right');
}, },
@ -56,23 +56,54 @@ define([
' <button class="btn btn-default" data-role="end">Got it!</button>', ' <button class="btn btn-default" data-role="end">Got it!</button>',
' </nav>', ' </nav>',
'</div>' '</div>'
].join(""), ].join("")
}); });
tour.addSteps([ tour.addSteps([
{ {
element: '.navbar-inner', element: '.navbar-inner',
title: 'StackEdit 4 beta preview!', title: 'StackEdit 4 is out!',
content: [ content: [
'<p><strong>What\'s new?</strong></p>', '<p>I\'m very pleased to welcome you here!</p>',
'<ul>', '<p>StackEdit keeps getting better and I hope you appreciate it.</p>',
' <li>New contenteditable based editor (credit to Dabblet, Editorially...)</li>', 'Please click <b>Next</b> to take a quick tour.'
' <li>New layout with CSS3 transitions (lighter supposedly)</li>', ].join(""),
' <li>Comments/discussions support (see the new icon in the navigation bar)</li>', placement: 'bottom'
' <li>UML diagrams support</li>', },
' <li>Auto-merge and conflict detection using standard synchronization</li>', {
' <li>Dropped real time sync support :( since you can collaborate simultaneously using standard synchronization</li>', element: '.document-panel .toggle-button',
'</ul>', title: 'Documents',
'<p>Please <a target="_blank" href="https://github.com/benweet/stackedit/issues/385">provide your feedback here</a>... Thanks!</p>', content: [
'<p>The <i class="icon-folder-open"></i> <b>document panel</b> allows you to manage your local documents.</p>',
'<b>Tip:</b> Use <kbd>Ctrl+[</kbd> and <kbd>Ctrl+]</kbd> to toggle documents.'
].join(""),
placement: 'left',
reflex: true
},
{
element: '.menu-panel .toggle-button',
title: 'Menu',
content: [
'<p>The <i class="icon-provider-stackedit"></i> <b>menu panel</b> allows you to synchronize your documents on <i class="icon-provider-gdrive"></i> Google Drive, <i class="icon-provider-dropbox"></i> Dropbox or to publish them on <i class="icon-provider-github"></i> GitHub, <i class="icon-provider-blogger"></i> Blogger...</p>',
'<b>Tip:</b> Use the <i class="icon-provider-stackedit"></i> <b>menu panel</b> to access the settings.'
].join(""),
placement: 'right',
reflex: true
},
{
element: '.navbar-inner > .nav .button-open-discussion, .navbar .buttons-dropdown > .nav > .btn:not(:hidden)',
title: 'Comments/discussions',
content: [
'<p>New in StackEdit 4: the <i class="icon-comment-alt"></i> <b>comments</b> button lets you create inline discussions!</p>',
'<b>Tip:</b> Reopen the Welcome Document from Settings>Utils to discover other new features.'
].join(""),
placement: 'right',
reflex: true,
},
{
element: '.navbar-inner',
title: 'Happy StackWriting!',
content: [
'<p>Enjoy, and don\'t forget to rate 5 stars on the <a target="_blank" href="https://chrome.google.com/webstore/detail/stackedit/iiooodelglhkcpgbajoejffhijaclcdg/reviews">Chrome Web Store</a>...</p>',
'<a href="https://twitter.com/share" class="twitter-share-button" data-url="https://stackedit.io" data-text="Great #markdown editor!" data-via="stackedit" data-size="large"></a>', '<a href="https://twitter.com/share" class="twitter-share-button" data-url="https://stackedit.io" data-text="Great #markdown editor!" data-via="stackedit" data-size="large"></a>',
].join(""), ].join(""),
placement: 'bottom', placement: 'bottom',