119 lines
5.1 KiB
JavaScript
119 lines
5.1 KiB
JavaScript
(function () {
|
|
'use strict';
|
|
|
|
var _t = openerp._t;
|
|
|
|
openerp.Tour.register({
|
|
id: 'banner',
|
|
name: _t("Build a page"),
|
|
path: '/page/website.homepage',
|
|
steps: [
|
|
{
|
|
title: _t("Welcome to your website!"),
|
|
content: _t("This tutorial will guide you to build your home page. We will start by adding a banner."),
|
|
popover: { next: _t("Start Tutorial"), end: _t("Skip It") },
|
|
},
|
|
{
|
|
waitNot: '.popover.tour',
|
|
element: 'button[data-action=edit]',
|
|
placement: 'bottom',
|
|
title: _t("Edit this page"),
|
|
content: _t("Every page of your website can be modified through the <i>Edit</i> button."),
|
|
popover: { fixed: true },
|
|
},
|
|
{
|
|
element: 'button[data-action=snippet]',
|
|
placement: 'bottom',
|
|
title: _t("Insert building blocks"),
|
|
content: _t("Click here to insert blocks of content in the page."),
|
|
popover: { fixed: true },
|
|
},
|
|
{
|
|
snippet: '#snippet_structure .oe_snippet:first',
|
|
placement: 'bottom',
|
|
title: _t("Drag & Drop a Banner"),
|
|
content: _t("Drag the Banner block and drop it in your page."),
|
|
popover: { fixed: true },
|
|
},
|
|
{
|
|
waitFor: '.oe_overlay_options .oe_options:visible',
|
|
element: '#wrap .carousel:first div.carousel-content',
|
|
placement: 'top',
|
|
title: _t("Customize banner's text"),
|
|
content: _t("Click in the text and start editing it."),
|
|
sampleText: 'Here, a customized text',
|
|
},
|
|
{
|
|
waitNot: '#wrap .carousel:first div.carousel-content:has(h2:'+
|
|
'containsExact('+_t('Your Banner Title')+')):has(h3:'+
|
|
'containsExact('+_t('Click to customize this text')+'))',
|
|
element: '.oe_snippet_parent:visible',
|
|
placement: 'bottom',
|
|
title: _t("Get banner properties"),
|
|
content: _t("Select the parent container to get the global options of the banner."),
|
|
popover: { fixed: true },
|
|
},
|
|
{
|
|
element: '.oe_overlay_options .oe_options:visible',
|
|
placement: 'left',
|
|
title: _t("Customize the banner"),
|
|
content: _t("Customize any block through this menu. Try to change the background of the banner."),
|
|
popover: { next: _t("Continue") },
|
|
},
|
|
{
|
|
waitNot: '.popover.tour',
|
|
element: 'button[data-action=snippet]',
|
|
placement: 'bottom',
|
|
title: _t("Add Another Block"),
|
|
content: _t("Let's add another building block to your page."),
|
|
popover: { fixed: true },
|
|
},
|
|
{
|
|
snippet: '#snippet_structure .oe_snippet:eq(6)',
|
|
placement: 'bottom',
|
|
title: _t("Drag & Drop This Block"),
|
|
content: _t("Drag the <em>'Features'</em> block and drop it below the banner."),
|
|
popover: { fixed: true },
|
|
},
|
|
{
|
|
waitFor: '.oe_overlay_options .oe_options:visible',
|
|
element: 'button[data-action=save]',
|
|
placement: 'right',
|
|
title: _t("Save your modifications"),
|
|
content: _t("Publish your page by clicking on the <em>'Save'</em> button."),
|
|
popover: { fixed: true },
|
|
},
|
|
{
|
|
waitFor: 'button[data-action=save]:not(:visible)',
|
|
title: _t("Good Job!"),
|
|
content: _t("Well done, you created your homepage."),
|
|
popover: { next: _t("Continue") },
|
|
},
|
|
{
|
|
waitNot: '.popover.tour',
|
|
element: 'a[data-action=show-mobile-preview]',
|
|
placement: 'bottom',
|
|
title: _t("Test Your Mobile Version"),
|
|
content: _t("Let's check how your homepage looks like on mobile devices."),
|
|
popover: { fixed: true },
|
|
},
|
|
{
|
|
element: '.modal:has(#mobile-viewport) button[data-dismiss=modal]',
|
|
placement: 'right',
|
|
title: _t("Check Mobile Preview"),
|
|
content: _t("Scroll to check rendering and then close the mobile preview."),
|
|
popover: { next: _t("Continue") },
|
|
},
|
|
{
|
|
waitNot: '.modal',
|
|
element: '#content-menu-button',
|
|
placement: 'left',
|
|
title: _t("Add new pages and menus"),
|
|
content: _t("The 'Content' menu allows you to add pages or add the top menu."),
|
|
popover: { next: _t("Close Tutorial") },
|
|
},
|
|
]
|
|
});
|
|
|
|
}());
|