[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, 97 insertions, 0 deletions

diff --git a/addons/web_planner/static/src/js/web_planner_backend.js b/addons/web_planner/static/src/js/web_planner_backend.js
new file mode 100644
index 00000000000..ed6095d71c6
--- /dev/null
+++ b/addons/web_planner/static/src/js/web_planner_backend.js
@@ -0,0 +1,97 @@
+odoo.define('web.planner', function (require) {
+"use strict";
+
+var Model = require('web.Model');
+var SystrayMenu = require('web.SystrayMenu');
+var Widget = require('web.Widget');
+var planner = require('web.planner.common');
+
+var PlannerDialog = planner.PlannerDialog;
+
+var PlannerLauncher = Widget.extend({
+    template: "PlannerLauncher",
+    events: {
+        'click .o_planner_progress': 'toggle_dialog'
+    },
+    init: function(parent) {
+        this._super(parent);
+        this.planner_by_menu = {};
+        this.webclient = parent.getParent();
+        this.need_reflow = false;
+    },
+    start: function() {
+        var self = this;
+        self._super();
+
+        self.webclient.menu.on("open_menu", self, self.on_menu_clicked);
+        self.$el.hide();  // hidden by default
+        return self.fetch_application_planner().done(function(apps) {
+            self.planner_apps = apps;
+            return apps;
+        });
+    },
+    fetch_application_planner: function() {
+        var self = this;
+        var def = $.Deferred();
+        if (!_.isEmpty(this.planner_by_menu)) {
+            def.resolve(self.planner_by_menu);
+        }else{
+            (new Model('web.planner')).query().all().then(function(res) {
+                _.each(res, function(planner){
+                    self.planner_by_menu[planner.menu_id[0]] = planner;
+                    self.planner_by_menu[planner.menu_id[0]].data = $.parseJSON(self.planner_by_menu[planner.menu_id[0]].data) || {};
+                });
+                def.resolve(self.planner_by_menu);
+            }).fail(function() {def.reject();});
+        }
+        return def;
+    },
+    on_menu_clicked: function(id, $clicked_menu) {
+        var menu_id = $clicked_menu.parents('.oe_secondary_menu').data('menu-parent') || 0; // find top menu id
+        if (_.contains(_.keys(this.planner_apps), menu_id.toString())) {
+            this.$el.show();
+            this.setup(this.planner_apps[menu_id]);
+            this.need_reflow = true;
+        } else {
+            if (this.$el.is(":visible")) {
+                this.$el.hide();
+                this.need_reflow = true;
+            }
+        }
+        if (this.need_reflow) {
+            this.webclient.menu.reflow();
+            this.need_reflow = false;
+        }
+    },
+    setup: function(planner){
+        var self = this;
+        this.planner = planner;
+        this.dialog && this.dialog.destroy();
+        this.dialog = new PlannerDialog(this, planner);
+        this.$(".o_planner_progress").tooltip({html: true, title: this.planner.tooltip_planner, placement: 'bottom', delay: {'show': 500}});
+        this.dialog.on("planner_progress_changed", this, function(percent){
+            self.update_parent_progress_bar(percent);
+        });
+        this.dialog.appendTo(document.body);
+    },
+    // event
+    update_parent_progress_bar: function(percent) {
+        this.$(".progress-bar").css('width', percent+"%");
+    },
+    toggle_dialog: function() {
+        this.dialog.$('#PlannerModal').modal('toggle');
+    }
+});
+
+// add planner launcher to the systray
+// if it is empty, it won't be display. Then, each time a top menu is clicked
+// a planner will be given to the launcher. The launcher will appears if the
+// given planner is not null.
+SystrayMenu.Items.push(PlannerLauncher);
+
+return {
+    PlannerLauncher: PlannerLauncher,
+};
+
+});
+