[IMP] Blog tour
bzr revid: ddm@openerp.com-20131122110154-fsjeahreh7skk0fj
This commit is contained in:
ddm
parent
411cd6aa21
commit
6a307069b4
|
|
@ -56,18 +56,7 @@
|
|||
title: "Drag & Drop a Banner",
|
||||
content: "Drag the Banner block and drop it in your page.",
|
||||
onShow: function () {
|
||||
var $body = $(document.body);
|
||||
function beginDrag () {
|
||||
$('.popover.tour').remove();
|
||||
function goToNextStep () {
|
||||
$('#snippets').toggle();
|
||||
self.movetoStep('edit-title');
|
||||
$body.off('mouseup', goToNextStep);
|
||||
}
|
||||
$body.off('mousedown', beginDrag);
|
||||
$body.on('mouseup', goToNextStep);
|
||||
}
|
||||
$body.on('mousedown', beginDrag);
|
||||
self.onSnippetDraggedMoveTo('edit-title');
|
||||
},
|
||||
},
|
||||
{
|
||||
|
|
@ -104,9 +93,6 @@
|
|||
reflex: true,
|
||||
title: "Save your modifications",
|
||||
content: "Once you click on save, your website page is updated.",
|
||||
onHide: function () {
|
||||
self.saveStep('part-2');
|
||||
},
|
||||
},
|
||||
{
|
||||
stepId: 'part-2',
|
||||
|
|
|
|||
|
|
@ -54,10 +54,6 @@
|
|||
this.tour.goto(index);
|
||||
}
|
||||
},
|
||||
saveStep: function (stepId) {
|
||||
var index = this.indexOfStep(stepId);
|
||||
this.tourStorage.setItem(this.id+'_current_step', index);
|
||||
},
|
||||
stop: function () {
|
||||
this.tour.end();
|
||||
},
|
||||
|
|
@ -85,6 +81,25 @@
|
|||
popover: function (options) {
|
||||
return openerp.qweb.render('website.tour_popover', options);
|
||||
},
|
||||
onSnippetDraggedMoveTo: function (stepId) {
|
||||
var self = this;
|
||||
var $body = $(document.body);
|
||||
function beginDrag () {
|
||||
$('.popover.tour').remove();
|
||||
function goToNextStep () {
|
||||
$('#snippets').toggle();
|
||||
if (stepId) {
|
||||
self.movetoStep(stepId);
|
||||
} else {
|
||||
self.stop();
|
||||
}
|
||||
$body.off('mouseup', goToNextStep);
|
||||
}
|
||||
$body.off('mousedown', beginDrag);
|
||||
$body.on('mouseup', goToNextStep);
|
||||
}
|
||||
$body.on('mousedown', beginDrag);
|
||||
}
|
||||
});
|
||||
|
||||
website.UrlParser = openerp.Class.extend({
|
||||
|
|
|
|||
|
|
@ -13,7 +13,6 @@
|
|||
website.BlogTour = website.Tour.extend({
|
||||
id: 'blog-tutorial',
|
||||
name: "Create a blog post",
|
||||
startPath: '/blog/cat/1/',
|
||||
init: function (editor) {
|
||||
var self = this;
|
||||
self.steps = [
|
||||
|
|
@ -57,9 +56,8 @@
|
|||
onShow: function () {
|
||||
$('.modal select').change(function () {
|
||||
var $this = $(this);
|
||||
var selected = $this.val()
|
||||
var name = $this.find("[value="+selected+"]").text();
|
||||
if (name.toLowerCase() === 'news') {
|
||||
var selected = $this.find("[value="+$this.val()+"]").text();
|
||||
if (selected.toLowerCase() === 'news') {
|
||||
self.movetoStep('continue-category');
|
||||
}
|
||||
});
|
||||
|
|
@ -89,7 +87,7 @@
|
|||
template: self.popover({ next: "OK" }),
|
||||
},
|
||||
{
|
||||
stepId: 'add-block',
|
||||
stepId: 'add-image-block',
|
||||
element: 'button[data-action=snippet]',
|
||||
placement: 'bottom',
|
||||
title: "Layout your blog post",
|
||||
|
|
@ -107,20 +105,54 @@
|
|||
title: "Drag & Drop a block",
|
||||
content: "Drag the 'Image Text' block and drop it in your page.",
|
||||
onShow: function () {
|
||||
var $body = $(document.body);
|
||||
function beginDrag () {
|
||||
$('.popover.tour').remove();
|
||||
function goToNextStep () {
|
||||
$('#snippets').toggle();
|
||||
self.stop();
|
||||
$body.off('mouseup', goToNextStep);
|
||||
}
|
||||
$body.off('mousedown', beginDrag);
|
||||
$body.on('mouseup', goToNextStep);
|
||||
}
|
||||
$body.on('mousedown', beginDrag);
|
||||
self.onSnippetDraggedMoveTo('add-text-block');
|
||||
},
|
||||
},
|
||||
{
|
||||
stepId: 'add-text-block',
|
||||
element: 'button[data-action=snippet]',
|
||||
placement: 'bottom',
|
||||
title: "Add another block",
|
||||
content: "Let's add another blog to your post.",
|
||||
onShow: function () {
|
||||
$('button[data-action=snippet]').click(function () {
|
||||
self.movetoStep('drag-text-block');
|
||||
});
|
||||
}
|
||||
},
|
||||
{
|
||||
stepId: 'drag-text-block',
|
||||
element: '#website-top-navbar [data-snippet-id=text-block].ui-draggable',
|
||||
placement: 'bottom',
|
||||
title: "Drag & Drop a block",
|
||||
content: "Drag the 'Text Block' block and drop it below the image block.",
|
||||
onShow: function () {
|
||||
self.onSnippetDraggedMoveTo('activate-text-block-title');
|
||||
},
|
||||
},
|
||||
{
|
||||
stepId: 'activate-text-block-title',
|
||||
element: '#wrap [data-snippet-id=text-block] .text-center[data-snippet-id=colmd]',
|
||||
placement: 'top',
|
||||
title: "Activate on the title",
|
||||
content: "Click on the title to activate it.",
|
||||
onShow: function () {
|
||||
$('#wrap [data-snippet-id=text-block] .text-center[data-snippet-id=colmd]').click(function () {
|
||||
setTimeout(function () {
|
||||
self.movetoStep('remove-text-block-title');
|
||||
}, 0);
|
||||
});
|
||||
},
|
||||
},
|
||||
{
|
||||
stepId: 'remove-text-block-title',
|
||||
element: 'span.icon-remove',
|
||||
placement: 'top',
|
||||
reflex: true,
|
||||
title: "Delete the title",
|
||||
content: "Click on the cross to delete the title.",
|
||||
},
|
||||
|
||||
];
|
||||
return this._super();
|
||||
},
|
||||
|
|
|
|||
|
|
@ -13,7 +13,6 @@
|
|||
website.EventTour = website.Tour.extend({
|
||||
id: 'event-tutorial',
|
||||
name: "Create an event",
|
||||
startPath: '/event',
|
||||
init: function (editor) {
|
||||
var self = this;
|
||||
self.steps = [
|
||||
|
|
|
|||
|
|
@ -13,7 +13,6 @@
|
|||
website.EditorShopTour = website.Tour.extend({
|
||||
id: 'shop-tutorial',
|
||||
name: "Create a product",
|
||||
startPath: '/shop',
|
||||
init: function (editor) {
|
||||
var self = this;
|
||||
self.steps = [
|
||||
|
|
|
|||
Loading…
Reference in New Issue