From eb23569c9ee3d43b1ae17768d7553d88407be974 Mon Sep 17 00:00:00 2001
From: ddm <ddm@openerp.com>
Date: Wed, 20 Nov 2013 16:40:42 +0100
Subject: [PATCH] [IMP] Blog tour add first section

bzr revid: ddm@openerp.com-20131120154042-8byh7l4eifchcfe8
---
 .../static/src/js/website.tour.blog.js        | 36 ++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

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 02c69530ce5..0cf1996ec58 100644
--- a/addons/website_blog/static/src/js/website.tour.blog.js
+++ b/addons/website_blog/static/src/js/website.tour.blog.js
@@ -68,14 +68,48 @@
                     content: "You just created a new blog post. We are now going to edit it.",
                     template: render('website.tour_popover', { next: "OK" }),
                 },
+                {
+                    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.",
+                    template: render('website.tour_popover', { next: "OK" }),
+                },
                 {
                     stepId: 'add-block',
                     element: 'button[data-action=snippet]',
                     placement: 'bottom',
-                    reflex: true,
                     title: "Layout your blog post",
                     content: "Insert blocks like text-image to layout the body of your blog post.",
                     template: render('website.tour_popover'),
+                    onShow: function () {
+                        $('button[data-action=snippet]').click(function () {
+                            self.movetoStep('drag-image-text');
+                        });
+                    }
+                },
+                {
+                    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.",
+                    template: render('website.tour_popover'),
+                    onShow: function () {
+                        var $body = $(document.body);
+                        function beginDrag () {
+                            $('.popover.tour').remove();
+                            function goToNextStep () {
+                                $('#oe_snippets').hide();
+                                self.stop();
+                                $body.off('mouseup', goToNextStep);
+                            }
+                            $body.off('mousedown', beginDrag);
+                            $body.on('mouseup', goToNextStep);
+                        }
+                        $body.on('mousedown', beginDrag);
+                    },
                 },
             ];
             return this._super();