addons/website_event/static/src/js/website.tour.event.js

   1 (function () {
   2     'use strict';
   3
   4     var website = openerp.website;
   5
   6     website.EditorBar.include({
   7         start: function () {
   8             this.registerTour(new website.EventTour(this));
   9             return this._super();
  10         },
  11     });
  12
  13     website.EventTour = website.Tour.extend({
  14         id: 'event',
  15         name: "Create an event",
  16         init: function (editor) {
  17             var self = this;
  18             self.steps = [
  19                 {
  20                     stepId: 'welcome-event',
  21                     title: "Create an Event",
  22                     content: "Let's go through the firsts step to publish a new event.",
  23                     template: self.popover({ next: "Start Tutorial", end: "Skip It" }),
  24                     backdrop: true,
  25                 },
  26                 {
  27                     stepId: 'content-menu',
  28                     element: '#content-menu-button',
  29                     placement: 'left',
  30                     title: "Add Content",
  31                     content: "The <em>Content</em> menu allows to create new pages, events, menus, etc.",
  32                     trigger: 'click',
  33                 },
  34                 {
  35                     stepId: 'new-post-entry',
  36                     element: 'a[data-action=new_event]',
  37                     placement: 'left',
  38                     title: "New Event",
  39                     content: "Click here to create a new event.",
  40                     trigger: {
  41                         modal: {
  42                             stopOnClose: true,
  43                             afterSubmit: 'event-page',
  44                         }
  45                     },
  46                 },
  47                 {
  48                     stepId: 'choose-name',
  49                     element: '.modal input',
  50                     placement: 'right',
  51                     title: "Choose an Event Name",
  52                     content: "Choose a name for your new event and click <em>'Continue'</em>. e.g: Technical Training",
  53                 },
  54                 {
  55                     stepId: 'event-page',
  56                     title: "New Event Created",
  57                     content: "This is your new event page. We will edit the event presentation page.",
  58                     template: self.popover({ next: "OK" }),
  59                 },
  60                 {
  61                     stepId: 'event-price',
  62                     element: '[data-oe-field=price]',
  63                     placement: 'top',
  64                     title: "Ticket price",
  65                     content: "Edit your ticket price.",
  66                     template: self.popover({ next: "OK" }),
  67                 },
  68                 {
  69                     stepId: 'add-banner',
  70                     element: 'button[data-action=snippet]',
  71                     placement: 'bottom',
  72                     title: "Layout your event",
  73                     content: "Insert blocks like 'Banner' to layout the body of your event.",
  74                     trigger: 'click',
  75                 },
  76                 {
  77                     stepId: 'drag-banner',
  78                     snippet: 'carousel',
  79                     placement: 'bottom',
  80                     title: "Drag & Drop a block",
  81                     content: "Drag the 'Banner' block and drop it in your page.",
  82                     trigger: 'drag',
  83                 },
  84                 {
  85                     stepId: 'add-text-block',
  86                     element: 'button[data-action=snippet]',
  87                     placement: 'bottom',
  88                     title: "Layout your event",
  89                     content: "Insert another block to your event.",
  90                     trigger: 'click',
  91                 },
  92                 {
  93                     stepId: 'drag-text-block',
  94                     snipet: 'text-block',
  95                     placement: 'bottom',
  96                     title: "Drag & Drop a block",
  97                     content: "Drag the 'Text Block' block below the banner.",
  98                     trigger: 'drag',
  99                 },
 100                 {
 101                     stepId: 'add-three-columns',
 102                     element: 'button[data-action=snippet]',
 103                     placement: 'bottom',
 104                     title: "Layout your event",
 105                     content: "Insert a last block to your event.",
 106                     trigger: 'click',
 107                 },
 108                 {
 109                     stepId: 'drag-three-columns',
 110                     snippet: 'three-columns',
 111                     placement: 'bottom',
 112                     title: "Drag & Drop a block",
 113                     content: "Drag the 'Three Columns' block at the bottom.",
 114                     trigger: 'drag',
 115                 },
 116                 {
 117                     stepId: 'save-changes',
 118                     element: 'button[data-action=save]',
 119                     placement: 'right',
 120                     title: "Save your modifications",
 121                     content: "Once you click on save, your event is updated.",
 122                     trigger: 'click',
 123                 },
 124                 {
 125                     stepId: 'publish-event',
 126                     element: 'button.js_publish_btn',
 127                     placement: 'top',
 128                     title: "Publish your event",
 129                     content: "Click to publish your event.",
 130                     trigger: 'click',
 131                 },
 132                 {
 133                     stepId: 'customize-event',
 134                     element: '.js_publish_management button:last',
 135                     placement: 'left',
 136                     title: "Customize your event",
 137                     content: "Click here to customize your event further.",
 138                     trigger: 'click',
 139                 },
 140                 {
 141                     stepId: 'edit-event-backend',
 142                     element: '.js_publish_management ul>li>a',
 143                     placement: 'left',
 144                     title: "Customize your event",
 145                     content: "Click here to edit your event in the backend.",
 146                     trigger: 'click',
 147                 },
 148             ];
 149             return this._super();
 150         },
 151         trigger: function () {
 152             return (this.resume() && this.testUrl(/^\/event\/[0-9]+\/register/)) || this._super();
 153         },
 154     });
 155
 156 }());