From 26eed7854eda19465bde2afca13276fd4e00c530 Mon Sep 17 00:00:00 2001 From: Fabien Pinckaers Date: Mon, 25 Nov 2013 22:50:18 +0100 Subject: [PATCH] [IMP] wording bzr revid: fp@tinyerp.com-20131125215018-2mgofxzmukd7705a --- .../static/src/js/website.tour.banner.js | 67 +++++++++++++++-- .../static/src/js/website.tour.blog.js | 71 ++++++++++--------- .../static/src/js/website.tour.event.js | 21 +++--- 3 files changed, 109 insertions(+), 50 deletions(-) diff --git a/addons/website/static/src/js/website.tour.banner.js b/addons/website/static/src/js/website.tour.banner.js index 5e4ffbf0629..42e7a9cbcec 100644 --- a/addons/website/static/src/js/website.tour.banner.js +++ b/addons/website/static/src/js/website.tour.banner.js @@ -78,41 +78,94 @@ title: "Customize the banner", content: "You can customize characteristic of any blocks through the Customize menu. For instance, change the background of the banner.", template: self.popover({ next: "Continue" }), + }, + { + stepId: 'add-three-cols', + element: 'button[data-action=snippet]', + placement: 'bottom', + title: "Add Another Block", + content: "Let's add another building block to your page.", triggers: function () { - $('.dropdown-menu [name=carousel-background]').one('click', function () { + $('button[data-action=snippet]').on('click', function () { + self.moveToNextStep(); + }); + } + }, + { + stepId: 'drag-three-columns', + element: '#website-top-navbar [data-snippet-id=three-columns].ui-draggable', + placement: 'bottom', + title: "Drag & Drop a Block", + content: "Drag the '3 Columns' block and drop it below the banner.", + triggers: function () { + self.onSnippetDraggedAdvance('three-columns'); + }, + }, + { + stepId: 'activate-text-block-title', + element: '#wrap [data-snippet-id=three-columns] .text-center[data-snippet-id=colmd]', + placement: 'top', + title: "Edit an Area", + content: "Select any area of the page to modify it. Click on this subtitle.", + triggers: function () { + $('#wrap [data-snippet-id=three-columns] .text-center[data-snippet-id=colmd]').one('click', function () { self.moveToNextStep(); }); }, }, + { + stepId: 'remove-text-block-title', + element: '.oe_snippet_remove:last', + placement: 'top', + reflex: true, + title: "Delete the Title", + content: "From this toolbar you can move, duplicate or delete the selected zone. Click on the cross to delete the title.", + }, { stepId: 'save-changes', element: 'button[data-action=save]', placement: 'right', reflex: true, title: "Save your modifications", - content: "Once you click on save, your website page is updated.", + content: "Publish your page by clicking on the 'Save' button.", }, { stepId: 'part-2', orphan: true, title: "Congratulation!", - content: "Your homepage have been updated. Now, we suggest you insert another snippet to overview possible customization.", + content: "Your homepage has been updated.", template: self.popover({ next: "Continue" }), }, + { + stepId: 'show-mobile', + element: 'a[data-action=show-mobile-preview]', + placement: 'bottom', + reflex: true, + title: "Test Your Mobile Version", + content: "Let's check how your homepage looks like on mobile devices.", + }, + { + stepId: 'show-mobile-close', + element: 'button[data-dismiss=modal]', + placement: 'right', + reflex: true, + title: "Close Mobile Preview", + content: "Scroll in the mobile preview to test the rendering. Once it's ok, close this dialog.", + }, { stepId: 'show-tutorials', element: '#help-menu-button', placement: 'left', reflex: true, - title: "Help is always available", - content: "You can always click here if you want more helps or continue to build and get more tips about your website contents like page menu, ...", - template: self.popover({ end: "Close" }), + title: "More Tutorials", + content: "Get more tutorials through this 'Help' menu or click on the left 'Edit' button to continue modifying this page.", + template: self.popover({ end: "Close Tutorial" }), } ]; return this._super(); }, resume: function () { - return (this.isCurrentStep('part-2') || this.isCurrentStep('show-tutorials')) && !this.tour.ended(); + return (this.isCurrentStep('show-tutorials')) && !this.tour.ended(); }, }); diff --git a/addons/website_blog/static/src/js/website.tour.blog.js b/addons/website_blog/static/src/js/website.tour.blog.js index a37715dcc20..ba681972d0f 100644 --- a/addons/website_blog/static/src/js/website.tour.blog.js +++ b/addons/website_blog/static/src/js/website.tour.blog.js @@ -20,24 +20,24 @@ stepId: 'welcome-blog', orphan: true, backdrop: true, - title: "Blog", - content: "We will show how to create a new blog post.", - template: self.popover({ next: "Start Tutorial", end: "Skip It" }), + title: "New Blog Post", + content: "Let's go through the first steps to write beautiful blog posts.", + template: self.popover({ next: "Start Tutorial", end: "Skip" }), }, { stepId: 'content-menu', element: '#content-menu-button', placement: 'left', reflex: true, - title: "Edit the content", - content: "Click here to add content to your site.", + title: "Add Content", + content: "Create new pages, blogs, menu items and products through the 'Content' menu.", }, { stepId: 'new-post-entry', element: 'a[data-action=new_blog_post]', placement: 'left', - title: "New blog post", - content: "Click here to create a blog post.", + title: "New Blog Post", + content: "Select this entry to create a new blog post.", triggers: function () { var $doc = $(document); function stopNewBlog () { @@ -57,8 +57,8 @@ stepId: 'choose-category', element: '.modal select', placement: 'right', - title: "Choose the post category", - content: "Select the 'News' category and click 'Continue'.", + title: "Which Blog?", + content: "Blog posts are organized in multiple categories (news, job offers, events, etc). Select News and click Continue.", triggers: function () { function newsSelected () { var $this = $(this); @@ -74,31 +74,30 @@ stepId: 'continue-category', element: '.modal button.btn-primary', placement: 'right', - title: "Choose the post category", - content: "Click 'Continue' to create the post.", + title: "Create Blog Post", + content: "Click Continue to create the blog post.", }, { stepId: 'post-page', orphan: true, - backdrop: true, - title: "New blog post created", - content: "You just created a new blog post. We are now going to edit it.", - template: self.popover({ next: "OK" }), + title: "Blog Post Created", + content: "This is your new blog post. We will edit your pages inline. What You See Is What You Get. No need for a complex backend.", + template: self.popover({ next: "Continue" }), }, { stepId: 'post-title', element: 'h1[data-oe-expression="blog_post.name"]', placement: 'top', - title: "Pick a title", - content: "Choose a catchy title for your blog post.", + title: "Pick a Title", + content: "Click on this area and set a catchy title.", template: self.popover({ next: "OK" }), }, { stepId: 'add-image-text', element: 'button[data-action=snippet]', placement: 'bottom', - title: "Layout your blog post", - content: "Insert blocks like text-image to layout the body of your blog post.", + title: "Layout Your Blog Post", + content: "Use well designed building blocks to structure the content of your blog.", triggers: function () { $('button[data-action=snippet]').one('click', function () { self.moveToNextStep(); @@ -109,8 +108,8 @@ stepId: 'drag-image-text', element: '#website-top-navbar [data-snippet-id=image-text].ui-draggable', placement: 'bottom', - title: "Drag & Drop a block", - content: "Drag the 'Image Text' block and drop it in your page.", + title: "Drag & Drop a Block", + content: "Drag the 'Image-Text' block and drop it in your page.", triggers: function () { self.onSnippetDraggedAdvance('image-text'); }, @@ -119,8 +118,8 @@ stepId: 'add-text-block', element: 'button[data-action=snippet]', placement: 'bottom', - title: "Add another block", - content: "Let's add another blog to your post.", + title: "Add Another Block", + content: "Let's add another block to your post.", triggers: function () { $('button[data-action=snippet]').on('click', function () { self.moveToNextStep(); @@ -132,7 +131,7 @@ 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.", + content: "Drag the 'Text Block' block and drop it below the image block.", triggers: function () { self.onSnippetDraggedAdvance('text-block'); }, @@ -141,8 +140,8 @@ 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.", + title: "Edit an Area", + content: "Select any area of the page to modify it. Click on this subtitle.", triggers: function () { $('#wrap [data-snippet-id=text-block] .text-center[data-snippet-id=colmd]').one('click', function () { self.moveToNextStep(); @@ -154,24 +153,32 @@ element: '.oe_snippet_remove:last', placement: 'top', reflex: true, - title: "Delete the title", - content: "Click on the cross to delete the title.", + title: "Delete the Title", + content: "From this toolbar you can move, duplicate or delete the selected zone. Click on the cross to delete the title.", }, { stepId: 'publish-post', element: 'button.js_publish_btn', placement: 'right', reflex: true, - title: "Publish your blog post", - content: "Click to publish your blog post.", + title: "Publish Your Post", + content: "Your blog post is not yet published. You can update this draft version and publish it once you are ready.", }, { stepId: 'save-changes', element: 'button[data-action=save]', placement: 'right', reflex: true, - title: "Save your modifications", - content: "Once you click on save, your post is updated.", + title: "Save Your Blog", + content: "Click the Save button to record changes on the page.", + }, + { + stepId: 'end-tutorial', + orphan: true, + backdrop: true, + title: "Thanks!", + content: "This tutorial is finished. To discover more features, improve the content of this page and try the Promote button in the top right menu.", + template: self.popover({ next: "Close Tutorial" }), }, ]; return this._super(); diff --git a/addons/website_event/static/src/js/website.tour.event.js b/addons/website_event/static/src/js/website.tour.event.js index 796e748197e..4a3c22af337 100644 --- a/addons/website_event/static/src/js/website.tour.event.js +++ b/addons/website_event/static/src/js/website.tour.event.js @@ -20,8 +20,8 @@ stepId: 'welcome-event', orphan: true, backdrop: true, - title: "Event", - content: "We will show how to create a new 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" }), }, { @@ -29,15 +29,15 @@ element: '#content-menu-button', placement: 'left', reflex: true, - title: "Edit the content", - content: "Click here to add content to your site.", + title: "Add Content", + content: "The Content menu allows to create new pages, events, menus, etc.", }, { stepId: 'new-post-entry', element: 'a[data-action=new_event]', placement: 'left', - title: "New event", - content: "Click here to create an event.", + title: "New Event", + content: "Click here to create a new event.", triggers: function () { var $doc = $(document); function stopNewEvent () { @@ -57,15 +57,14 @@ stepId: 'choose-name', element: '.modal input', placement: 'right', - title: "Choose the event name", - content: "Choose a name for the new event and click 'Continue'.", + title: "Choose an Event Name", + content: "Choose a name for your new event and click 'Continue'. e.g: Technical Training", }, { stepId: 'event-page', orphan: true, - backdrop: true, - title: "New event created", - content: "You just created a new event. We are now going to edit it.", + title: "New Event Created", + content: "This is your new event page. We will edit the event presentation page.", template: self.popover({ next: "OK" }), }, {