[FIX] Fixed popovers in event tour
bzr revid: ddm@openerp.com-20131231102916-et2mbmtym6mm604s
This commit is contained in:
ddm
parent
7b5f713c93
commit
3a8cc41c8e
|
|
@ -17,26 +17,28 @@
|
|||
var self = this;
|
||||
self.steps = [
|
||||
{
|
||||
stepId: 'welcome-event',
|
||||
title: "Create an Event",
|
||||
content: "Let's go through the firsts step to publish a new event.",
|
||||
template: self.popover({ next: "Start Tutorial", end: "Skip It" }),
|
||||
backdrop: true,
|
||||
stepId: 'welcome-event',
|
||||
title: "Create an Event",
|
||||
content: "Let's go through the firsts step to publish a new event.",
|
||||
template: self.popover({ next: "Start Tutorial", end: "Skip It" }),
|
||||
backdrop: true,
|
||||
},
|
||||
{
|
||||
stepId: 'content-menu',
|
||||
element: '#content-menu-button',
|
||||
stepId: 'content-menu',
|
||||
element: '#content-menu-button',
|
||||
placement: 'left',
|
||||
title: "Add Content",
|
||||
content: "The <em>Content</em> menu allows to create new pages, events, menus, etc.",
|
||||
trigger: 'click',
|
||||
title: "Add Content",
|
||||
content: "The <em>Content</em> menu allows to create new pages, events, menus, etc.",
|
||||
template: self.popover({ fixed: true }),
|
||||
trigger: 'click',
|
||||
},
|
||||
{
|
||||
stepId: 'new-post-entry',
|
||||
element: 'a[data-action=new_event]',
|
||||
stepId: 'new-post-entry',
|
||||
element: 'a[data-action=new_event]',
|
||||
placement: 'left',
|
||||
title: "New Event",
|
||||
content: "Click here to create a new event.",
|
||||
title: "New Event",
|
||||
content: "Click here to create a new event.",
|
||||
template: self.popover({ fixed: true }),
|
||||
trigger: {
|
||||
modal: {
|
||||
stopOnClose: true,
|
||||
|
|
@ -45,112 +47,119 @@
|
|||
},
|
||||
},
|
||||
{
|
||||
stepId: 'choose-name',
|
||||
element: '.modal input',
|
||||
stepId: 'choose-name',
|
||||
element: '.modal input',
|
||||
placement: 'right',
|
||||
title: "Choose an Event Name",
|
||||
content: "Choose a name for your new event and click <em>'Continue'</em>. e.g: Technical Training",
|
||||
title: "Choose an Event Name",
|
||||
content: "Choose a name for your new event and click <em>'Continue'</em>. e.g: Technical Training",
|
||||
},
|
||||
{
|
||||
stepId: 'event-page',
|
||||
title: "New Event Created",
|
||||
content: "This is your new event page. We will edit the event presentation page.",
|
||||
template: self.popover({ next: "OK" }),
|
||||
stepId: 'event-page',
|
||||
title: "New Event Created",
|
||||
content: "This is your new event page. We will edit the event presentation page.",
|
||||
template: self.popover({ next: "OK" }),
|
||||
},
|
||||
{
|
||||
stepId: 'event-price',
|
||||
element: '[data-oe-field=price]',
|
||||
stepId: 'event-price',
|
||||
element: '[data-oe-field=price]',
|
||||
placement: 'top',
|
||||
title: "Ticket price",
|
||||
content: "Edit your ticket price.",
|
||||
template: self.popover({ next: "OK" }),
|
||||
title: "Ticket price",
|
||||
content: "Edit your ticket price.",
|
||||
template: self.popover({ next: "OK" }),
|
||||
},
|
||||
{
|
||||
stepId: 'add-banner',
|
||||
element: 'button[data-action=snippet]',
|
||||
stepId: 'add-banner',
|
||||
element: 'button[data-action=snippet]',
|
||||
placement: 'bottom',
|
||||
title: "Layout your event",
|
||||
content: "Insert blocks like 'Banner' to layout the body of your event.",
|
||||
trigger: 'click',
|
||||
title: "Layout your event",
|
||||
content: "Insert blocks like 'Banner' to layout the body of your event.",
|
||||
template: self.popover({ fixed: true }),
|
||||
trigger: 'click',
|
||||
},
|
||||
{
|
||||
stepId: 'drag-banner',
|
||||
snippet: 'carousel',
|
||||
stepId: 'drag-banner',
|
||||
snippet: 'carousel',
|
||||
placement: 'bottom',
|
||||
title: "Drag & Drop a block",
|
||||
content: "Drag the 'Banner' block and drop it in your page.",
|
||||
trigger: 'drag',
|
||||
title: "Drag & Drop a block",
|
||||
content: "Drag the 'Banner' block and drop it in your page.",
|
||||
template: self.popover({ fixed: true }),
|
||||
trigger: 'drag',
|
||||
},
|
||||
{
|
||||
stepId: 'add-text-block',
|
||||
element: 'button[data-action=snippet]',
|
||||
stepId: 'add-text-block',
|
||||
element: 'button[data-action=snippet]',
|
||||
placement: 'bottom',
|
||||
title: "Layout your event",
|
||||
content: "Insert another block to your event.",
|
||||
trigger: 'click',
|
||||
title: "Layout your event",
|
||||
content: "Insert another block to your event.",
|
||||
template: self.popover({ fixed: true }),
|
||||
trigger: 'click',
|
||||
},
|
||||
{
|
||||
stepId: 'drag-text-block',
|
||||
snippet: 'text-block',
|
||||
stepId: 'drag-text-block',
|
||||
snippet: 'text-block',
|
||||
placement: 'bottom',
|
||||
title: "Drag & Drop a block",
|
||||
content: "Drag the 'Text Block' block below the banner.",
|
||||
trigger: 'drag',
|
||||
title: "Drag & Drop a block",
|
||||
content: "Drag the 'Text Block' block below the banner.",
|
||||
template: self.popover({ fixed: true }),
|
||||
trigger: 'drag',
|
||||
},
|
||||
{
|
||||
stepId: 'add-three-columns',
|
||||
element: 'button[data-action=snippet]',
|
||||
stepId: 'add-three-columns',
|
||||
element: 'button[data-action=snippet]',
|
||||
placement: 'bottom',
|
||||
title: "Layout your event",
|
||||
content: "Insert a last block to your event.",
|
||||
trigger: 'click',
|
||||
title: "Layout your event",
|
||||
content: "Insert a last block to your event.",
|
||||
template: self.popover({ fixed: true }),
|
||||
trigger: 'click',
|
||||
},
|
||||
{
|
||||
stepId: 'drag-three-columns',
|
||||
snippet: 'three-columns',
|
||||
stepId: 'drag-three-columns',
|
||||
snippet: 'three-columns',
|
||||
placement: 'bottom',
|
||||
title: "Drag & Drop a block",
|
||||
content: "Drag the 'Three Columns' block at the bottom.",
|
||||
trigger: 'drag',
|
||||
title: "Drag & Drop a block",
|
||||
content: "Drag the 'Three Columns' block at the bottom.",
|
||||
template: self.popover({ fixed: true }),
|
||||
trigger: 'drag',
|
||||
},
|
||||
{
|
||||
stepId: 'save-changes',
|
||||
element: 'button[data-action=save]',
|
||||
stepId: 'save-changes',
|
||||
element: 'button[data-action=save]',
|
||||
placement: 'right',
|
||||
title: "Save your modifications",
|
||||
content: "Once you click on save, your event is updated.",
|
||||
trigger: 'click',
|
||||
title: "Save your modifications",
|
||||
content: "Once you click on save, your event is updated.",
|
||||
template: self.popover({ fixed: true }),
|
||||
trigger: 'click',
|
||||
},
|
||||
{
|
||||
stepId: 'publish-event',
|
||||
element: 'button.btn-danger.js_publish_btn',
|
||||
stepId: 'publish-event',
|
||||
element: 'button.btn-danger.js_publish_btn',
|
||||
placement: 'top',
|
||||
title: "Publish your event",
|
||||
content: "Click to publish your event.",
|
||||
trigger: 'click',
|
||||
title: "Publish your event",
|
||||
content: "Click to publish your event.",
|
||||
trigger: 'click',
|
||||
},
|
||||
{
|
||||
stepId: 'customize-event',
|
||||
element: '.js_publish_management button#dopprod-8',
|
||||
stepId: 'customize-event',
|
||||
element: '.js_publish_management button#dopprod-8',
|
||||
placement: 'left',
|
||||
title: "Customize your event",
|
||||
content: "Click here to customize your event further.",
|
||||
trigger: 'click',
|
||||
title: "Customize your event",
|
||||
content: "Click here to customize your event further.",
|
||||
trigger: 'click',
|
||||
},
|
||||
{
|
||||
stepId: 'edit-event-backend',
|
||||
element: '.js_publish_management ul>li>a',
|
||||
stepId: 'edit-event-backend',
|
||||
element: '.js_publish_management ul>li>a',
|
||||
placement: 'left',
|
||||
title: "Customize your event",
|
||||
content: "Click here to edit your event in the backend.",
|
||||
trigger: 'click',
|
||||
title: "Customize your event",
|
||||
content: "Click here to edit your event in the backend.",
|
||||
trigger: 'click',
|
||||
},
|
||||
{
|
||||
stepId: 'end-tutorial',
|
||||
title: "Thanks!",
|
||||
content: "This tutorial is finished. Congratulations on creating your first event.",
|
||||
template: self.popover({ end: "Close Tutorial" }),
|
||||
backdrop: true,
|
||||
stepId: 'end-tutorial',
|
||||
title: "Thanks!",
|
||||
content: "This tutorial is finished. Congratulations on creating your first event.",
|
||||
template: self.popover({ end: "Close Tutorial" }),
|
||||
backdrop: true,
|
||||
},
|
||||
];
|
||||
return this._super();
|
||||
|
|
|
|||
Loading…
Reference in New Issue