[IMP] website, website_sale, crm, web_planner : add planner for website modules

This commit impact crm, website, website_sale and web_planner modules because it
- add planner for website and website_sale
- improve planner notebook by setting texterea and input size to 100% and using col-md-* class
- split js code into common part (used in backend and frontend) and backend part (only for backend)
- adapt some tour, since every page will have the planner modal in its DOM, the tour selectors msut be more accurate
- introduce some style fixes and adaptations
- ...

1 files changed, 65 insertions, 0 deletions

diff --git a/addons/website/static/src/js/web_planner_website.js b/addons/website/static/src/js/web_planner_website.js
new file mode 100644
index 00000000000..0c8f62a0d54
--- /dev/null
+++ b/addons/website/static/src/js/web_planner_website.js
@@ -0,0 +1,65 @@
+odoo.define('web.planner.website', function (require) {
+'use strict';
+
+var Model = require('web.Model');
+var Widget = require('web.Widget');
+var planner = require('web.planner.common');
+var website = require('website.website');
+
+var PlannerDialog = planner.PlannerDialog;
+
+planner.WebistePlannerLauncher = Widget.extend({
+    template: "PlannerLauncher",
+    events: {
+        'click .o_planner_progress': 'toggle_dialog'
+    },
+    start: function() {
+        var self = this;
+        this._super.apply(this, arguments);
+        return this.get_website_planner().then(function(planner) {
+            if (planner.length) {
+                self.planner = planner[0];
+                self.planner.data = $.parseJSON(planner[0].data) || {};
+                self.setup();
+            }
+        });
+    },
+    get_website_planner: function() {
+        return (new Model('web.planner')).call('search_read', [[['planner_application', '=', 'planner_website']]]);
+    },
+    setup: function() {
+        var self = this;
+        this.dialog = new PlannerDialog(this, this.planner);
+        this.$(".o_planner_progress").tooltip({html: true, title: this.planner.tooltip_planner, placement: 'bottom', container: 'body', delay: {'show': 700}});
+        this.dialog.on("planner_progress_changed", this, function(percent) {
+            self.update_parent_progress_bar(percent);
+        });
+        this.dialog.appendTo(document.body);
+    },
+    update_parent_progress_bar: function(percent) {
+        this.$(".progress-bar").css('width', percent+"%");
+    },
+    toggle_dialog: function() {
+        this.dialog.$('#PlannerModal').modal('toggle');
+    },
+});
+
+PlannerDialog.include({
+    prepare_planner_event: function() {
+        var self = this;
+        this._super.apply(this, arguments);
+        self.$el.on("click", ".o_planner a.o_planner_hide", function(ev) {
+            self.$('#PlannerModal').modal('hide');
+        });
+    }
+});
+
+website.ready().done(function() {
+    if($('#oe_systray').length) {
+        website.add_template_file('/web_planner/static/src/xml/web_planner.xml').then(function() {
+            new planner.WebistePlannerLauncher().prependTo($('#oe_systray'));
+        });
+    }
+});
+
+});