1 files changed, 151 insertions, 0 deletions
diff --git a/addons/website/static/src/js/editor/editor.js b/addons/website/static/src/js/editor/editor.js
new file mode 100644
index 00000000000..fb2e03f3aa8
--- /dev/null
+++ b/addons/website/static/src/js/editor/editor.js
@@ -0,0 +1,151 @@
+odoo.define('website.editor', function (require) {
+'use strict';
+
+var ajax = require('web.ajax');
+var core = require('web.core');
+var Widget = require('web.Widget');
+var base = require('web_editor.base');
+var editor = require('web_editor.editor');
+var widget = require('web_editor.widget');
+var website = require('website.website');
+
+var qweb = core.qweb;
+var _t = core._t;
+
+ajax.loadXML('/website/static/src/xml/website.editor.xml', qweb);
+
+/**
+ * Object who contains all method and bind for the top bar, the template is create server side.
+ */
+website.TopBar.include({
+    events: {
+        'click [data-action="edit"]': 'edit',
+    },
+    start: function () {
+        $("#wrapwrap").find("[data-oe-model] .oe_structure.oe_empty, [data-oe-model].oe_structure.oe_empty, [data-oe-type=html]:empty")
+            .filter(".oe_not_editable")
+            .filter(".oe_no_empty")
+            .addClass("oe_empty");
+
+        if (location.search.indexOf("enable_editor") >= 0 && $('html').attr('lang').match(/en[-_]US/)) {
+            this.$el.addClass('editing_mode');
+            this.delayed_hide();
+        }
+
+        return this._super.apply(this, arguments);
+    },
+    edit: function () {
+        this.$('button[data-action=edit]').prop('disabled', true);
+        this.$el.addClass('editing_mode');
+        editor.editor_bar = new editor.Class(this);
+        editor.editor_bar.prependTo(document.body);
+        $('.o_homepage_editor_welcome_message').remove();
+
+        this.delayed_hide();
+    },
+    delayed_hide: function () {
+        _.delay((function () {
+            this.do_hide();
+        }).bind(this), 800);
+    },
+});
+
+/* ----- Customize Template ---- */
+
+website.TopBarCustomize = Widget.extend({
+    events: {
+        'click > ul a[data-view-id]': 'do_customize',
+    },
+    start: function () {
+        this.view_name = $(document.documentElement).data('view-xmlid');
+        if (!this.view_name) {
+            this.$el.hide();
+        }
+
+        if (this.$el.is(".open")) {
+            this.load_menu();
+        } else {
+            this.$el.one("mousedown", "> a.dropdown-toggle", this.load_menu.bind(this));
+        }
+    },
+    load_menu: function () {
+        var $menu = this.$el.children("ul");
+        ajax.jsonRpc('/website/get_switchable_related_views', 'call', {
+            key: this.view_name,
+        }).then(function (result) {
+            var current_group = "";
+            _.each(result, function (item) {
+                if (current_group !== item.inherit_id[1]) {
+                    current_group = item.inherit_id[1];
+                    $menu.append("<li class=\"dropdown-header\">" + current_group + "</li>");
+                }
+                var $li = $('<li/>', {role: 'presentation'})
+                            .append($('<a/>', {href: '#', 'data-view-id': item.id, role: 'menuitem'})
+                                .append(qweb.render('web_editor.components.switch', {id: 'switch-' + item.id, label: item.name})));
+                $li.find('input').prop('checked', !!item.active);
+                $menu.append($li);
+            });
+        });
+    },
+    do_customize: function (e) {
+        e.preventDefault();
+        var view_id = $(e.currentTarget).data('view-id');
+        return ajax.jsonRpc('/web/dataset/call_kw', 'call', {
+            model: 'ir.ui.view',
+            method: 'toggle',
+            args: [[parseInt(view_id, 10)]],
+            kwargs: {context: base.get_context()}
+        }).then(function () {
+            window.location.reload();
+        });
+    },
+});
+website.TopBar.include({
+    start: function () {
+        this.customize_menu = new website.TopBarCustomize();
+        var def = this.customize_menu.attachTo($('#customize-menu'));
+        return $.when(this._super(), def);
+    }
+});
+
+/* ----- EDITOR: LINK & MEDIA ---- */
+
+widget.LinkDialog.include({
+    bind_data: function () {
+        this.$( "#o_link_dialog_url_input" ).autocomplete({
+            source: function (request, response) {
+                return ajax.jsonRpc('/web/dataset/call_kw', 'call', {
+                    model: 'website',
+                    method: 'search_pages',
+                    args: [null, request.term],
+                    kwargs: {
+                            limit: 15,
+                            context: base.get_context(),
+                        },
+                }).then(function (exists) {
+                    var rs=_.map(exists, function (r) {
+                        return r.loc;
+                    });
+                    response(rs);
+                });
+            }
+        });
+        return this._super();
+    }
+});
+
+/**
+ * Display a welcome message on the homepage when it is empty and that the user is connected.
+ */
+base.ready().then(function () {
+    if (location.search.indexOf("enable_editor") < 0 && $(".editor_enable").length === 0) {
+        var $wrap = $("#wrapwrap.homepage #wrap");
+        if ($wrap.length && $wrap.html().trim() === "") {
+            var $welcome_message = $(qweb.render("website.homepage_editor_welcome_message"));
+            $welcome_message.css("min-height", $wrap.parent("main").height() - ($wrap.outerHeight(true) - $wrap.height()));
+            $wrap.empty().append($welcome_message);
+        }
+    }
+});
+
+});