summaryrefslogtreecommitdiff
path: root/addons/website/static/src/js/website.contentMenu.js
diff options
context:
space:
mode:
Diffstat (limited to 'addons/website/static/src/js/website.contentMenu.js')
-rw-r--r--addons/website/static/src/js/website.contentMenu.js571
1 files changed, 290 insertions, 281 deletions
diff --git a/addons/website/static/src/js/website.contentMenu.js b/addons/website/static/src/js/website.contentMenu.js
index bb91540b0b4..3bc9b66cab1 100644
--- a/addons/website/static/src/js/website.contentMenu.js
+++ b/addons/website/static/src/js/website.contentMenu.js
@@ -1,304 +1,313 @@
-(function () {
- 'use strict';
+odoo.define('website.contentMenu', ['web.ajax', 'web.core', 'web.Widget', 'website.editor', 'website.website'], function (require) {
+"use strict";
- var website = openerp.website;
- website.contentMenu = {};
- website.add_template_file('/website/static/src/xml/website.contentMenu.xml');
- var _t = openerp._t;
+var ajax = require('web.ajax');
+var core = require('web.core');
+var Widget = require('web.Widget');
+var editor = require('website.editor');
+var website = require('website.website');
- website.EditorBarContent = openerp.Widget.extend({
- start: function() {
- var self = this;
- self.$el.on('click', 'a[data-action]', function(ev) {
- ev.preventDefault();
- var $content_item = $(this);
- var data_action = self[$content_item.data('action')];
- if (data_action) {
- data_action();
- }
- });
- return this._super();
- },
- edit_menu: function() {
- var self = this;
- var context = website.get_context();
- var def = $.Deferred();
- if ($("[data-content_menu_id]").length) {
- var select = new website.contentMenu.SelectEditMenuDialog();
- select.appendTo(document.body);
- select.on('save', this, function (root) {
- def.resolve(root);
- });
- } else {
- def.resolve(null);
- }
+var _t = core._t;
+var QWeb = core.qweb;
- def.then(function (root_id) {
- openerp.jsonRpc('/web/dataset/call_kw', 'call', {
- model: 'website.menu',
- method: 'get_tree',
- args: [context.website_id, root_id],
- kwargs: {
- context: context
- },
- }).then(function (menu) {
- var result = new website.contentMenu.EditMenuDialog(menu).appendTo(document.body);
- return result;
- });
- });
- },
- new_page: function() {
- website.prompt({
- id: "editor_new_page",
- window_title: _t("New Page"),
- input: _t("Page Title"),
- init: function () {
- var $group = this.$dialog.find("div.form-group");
- $group.removeClass("mb0");
+website.add_template_file('/website/static/src/xml/website.contentMenu.xml');
- var $add = $(
- '<div class="form-group mb0">'+
- '<label class="col-sm-offset-3 col-sm-9 text-left">'+
- ' <input type="checkbox" checked="checked" required="required"/> '+
- '</label>'+
- '</div>');
- $add.find('label').append(_t("Add page in menu"));
- $group.after($add);
- }
- }).then(function (val, field, $dialog) {
- if (val) {
- var url = '/website/add/' + encodeURIComponent(val);
- if ($dialog.find('input[type="checkbox"]').is(':checked')) url +="?add_menu=1";
- document.location = url;
- }
+var EditorBarContent = Widget.extend({
+ start: function() {
+ var self = this;
+ self.$el.on('click', 'a[data-action]', function(ev) {
+ ev.preventDefault();
+ var $content_item = $(this);
+ var data_action = self[$content_item.data('action')];
+ if (data_action) {
+ data_action();
+ }
+ });
+ return this._super();
+ },
+ edit_menu: function() {
+ var context = website.get_context();
+ var def = $.Deferred();
+ if ($("[data-content_menu_id]").length) {
+ var select = new SelectEditMenuDialog();
+ select.appendTo(document.body);
+ select.on('save', this, function (root) {
+ def.resolve(root);
});
- },
- delete_page: function() {
- var self = this;
- var context = website.get_context();
- self.mo_id = self.getMainObject().id;
+ } else {
+ def.resolve(null);
+ }
- openerp.jsonRpc('/web/dataset/call_kw', 'call', {
- model: 'website',
- method: 'page_search_dependencies',
- args: [self.mo_id],
+ def.then(function (root_id) {
+ ajax.jsonRpc('/web/dataset/call_kw', 'call', {
+ model: 'website.menu',
+ method: 'get_tree',
+ args: [context.website_id, root_id],
kwargs: {
context: context
},
- }).then(function (deps) {
- website.prompt({
- id: "editor_delete_page",
- window_title: _t("Delete Page"),
- dependencies: deps,
- }, 'website.delete_page').then(function (val, field, $dialog) {
- if ($dialog.find('input[type="checkbox"]').is(':checked')){
- openerp.jsonRpc('/web/dataset/call_kw', 'call', {
- model: 'website',
- method: 'delete_page',
- args: [self.mo_id],
- kwargs: {
- context: context
- },
- }).then(function () {
- window.location = "/";
- });
- }
- });
+ }).then(function (menu) {
+ var result = new EditMenuDialog(menu).appendTo(document.body);
+ return result;
});
- },
- getMainObject: function () {
- var repr = $('html').data('main-object');
- var m = repr.match(/(.+)\((\d+),(.*)\)/);
- if (!m) {
- return null;
- } else {
- return {
- model: m[1],
- id: m[2]|0
- };
+ });
+ },
+ new_page: function() {
+ website.prompt({
+ id: "editor_new_page",
+ window_title: _t("New Page"),
+ input: _t("Page Title"),
+ init: function () {
+ var $group = this.$dialog.find("div.form-group");
+ $group.removeClass("mb0");
+
+ var $add = $(
+ '<div class="form-group mb0">'+
+ '<label class="col-sm-offset-3 col-sm-9 text-left">'+
+ ' <input type="checkbox" checked="checked" required="required"/> '+
+ '</label>'+
+ '</div>');
+ $add.find('label').append(_t("Add page in menu"));
+ $group.after($add);
}
- }
- });
+ }).then(function (val, field, $dialog) {
+ if (val) {
+ var url = '/website/add/' + encodeURIComponent(val);
+ if ($dialog.find('input[type="checkbox"]').is(':checked')) url +="?add_menu=1";
+ document.location = url;
+ }
+ });
+ },
+ delete_page: function() {
+ var self = this;
+ var context = website.get_context();
+ self.mo_id = self.getMainObject().id;
- website.contentMenu.SelectEditMenuDialog = website.editor.Dialog.extend({
- template: 'website.contentMenu.dialog.select',
- init: function () {
- var self = this;
- self.roots = [{id: null, name: _t("Top Menu")}];
- $("[data-content_menu_id]").each(function () {
- self.roots.push({id: $(this).data("content_menu_id"), name: $(this).attr("name")});
+ ajax.jsonRpc('/web/dataset/call_kw', 'call', {
+ model: 'website',
+ method: 'page_search_dependencies',
+ args: [self.mo_id],
+ kwargs: {
+ context: context
+ },
+ }).then(function (deps) {
+ website.prompt({
+ id: "editor_delete_page",
+ window_title: _t("Delete Page"),
+ dependencies: deps,
+ }, 'website.delete_page').then(function (val, field, $dialog) {
+ if ($dialog.find('input[type="checkbox"]').is(':checked')){
+ ajax.jsonRpc('/web/dataset/call_kw', 'call', {
+ model: 'website',
+ method: 'delete_page',
+ args: [self.mo_id],
+ kwargs: {
+ context: context
+ },
+ }).then(function () {
+ window.location = "/";
+ });
+ }
});
- this._super();
- },
- save: function () {
- this.trigger("save", parseInt(this.$el.find("select").val() || null));
- this._super();
+ });
+ },
+ getMainObject: function () {
+ var repr = $('html').data('main-object');
+ var m = repr.match(/(.+)\((\d+),(.*)\)/);
+ if (!m) {
+ return null;
+ } else {
+ return {
+ model: m[1],
+ id: m[2]|0
+ };
}
- });
-
- website.contentMenu.EditMenuDialog = website.editor.Dialog.extend({
- template: 'website.contentMenu.dialog.edit',
- events: _.extend({}, website.editor.Dialog.prototype.events, {
- 'click a.js_add_menu': 'add_menu',
- 'click button.js_edit_menu': 'edit_menu',
- 'click button.js_delete_menu': 'delete_menu',
- }),
- init: function (menu) {
- this.menu = menu;
- this.root_menu_id = menu.id;
- this.flat = this.flatenize(menu);
- this.to_delete = [];
- this._super();
- },
- start: function () {
- var r = this._super.apply(this, arguments);
- this.$('.oe_menu_editor').nestedSortable({
- listType: 'ul',
- handle: 'div',
- items: 'li',
- maxLevels: 2,
- toleranceElement: '> div',
- forcePlaceholderSize: true,
- opacity: 0.6,
- placeholder: 'oe_menu_placeholder',
- tolerance: 'pointer',
- attribute: 'data-menu-id',
- expression: '()(.+)', // nestedSortable takes the second match of an expression (*sigh*)
- });
- return r;
- },
- flatenize: function (node, dict) {
- dict = dict || {};
- var self = this;
- dict[node.id] = node;
- node.children.forEach(function (child) {
- self.flatenize(child, dict);
- });
- return dict;
- },
- add_menu: function () {
- var self = this;
- var dialog = new website.contentMenu.MenuEntryDialog(undefined, {});
+ }
+});
+
+var SelectEditMenuDialog = editor.Dialog.extend({
+ template: 'website.contentMenu.dialog.select',
+ init: function () {
+ var self = this;
+ self.roots = [{id: null, name: _t("Top Menu")}];
+ $("[data-content_menu_id]").each(function () {
+ self.roots.push({id: $(this).data("content_menu_id"), name: $(this).attr("name")});
+ });
+ this._super();
+ },
+ save: function () {
+ this.trigger("save", parseInt(this.$el.find("select").val() || null));
+ this._super();
+ }
+});
+
+var EditMenuDialog = editor.Dialog.extend({
+ template: 'website.contentMenu.dialog.edit',
+ events: _.extend({}, editor.Dialog.prototype.events, {
+ 'click a.js_add_menu': 'add_menu',
+ 'click button.js_edit_menu': 'edit_menu',
+ 'click button.js_delete_menu': 'delete_menu',
+ }),
+ init: function (menu) {
+ this.menu = menu;
+ this.root_menu_id = menu.id;
+ this.flat = this.flatenize(menu);
+ this.to_delete = [];
+ this._super();
+ },
+ start: function () {
+ var r = this._super.apply(this, arguments);
+ this.$('.oe_menu_editor').nestedSortable({
+ listType: 'ul',
+ handle: 'div',
+ items: 'li',
+ maxLevels: 2,
+ toleranceElement: '> div',
+ forcePlaceholderSize: true,
+ opacity: 0.6,
+ placeholder: 'oe_menu_placeholder',
+ tolerance: 'pointer',
+ attribute: 'data-menu-id',
+ expression: '()(.+)', // nestedSortable takes the second match of an expression (*sigh*)
+ });
+ return r;
+ },
+ flatenize: function (node, dict) {
+ dict = dict || {};
+ var self = this;
+ dict[node.id] = node;
+ node.children.forEach(function (child) {
+ self.flatenize(child, dict);
+ });
+ return dict;
+ },
+ add_menu: function () {
+ var self = this;
+ var dialog = new MenuEntryDialog(undefined, {});
+ dialog.on('save', this, function (link) {
+ var new_menu = {
+ id: _.uniqueId('new-'),
+ name: link.text,
+ url: link.url,
+ new_window: link.newWindow,
+ parent_id: false,
+ sequence: 0,
+ children: [],
+ };
+ self.flat[new_menu.id] = new_menu;
+ self.$('.oe_menu_editor').append(
+ QWeb.render('website.contentMenu.dialog.submenu', { submenu: new_menu }));
+ });
+ dialog.appendTo(document.body);
+ },
+ edit_menu: function (ev) {
+ var self = this;
+ var menu_id = $(ev.currentTarget).closest('[data-menu-id]').data('menu-id');
+ var menu = self.flat[menu_id];
+ if (menu) {
+ var dialog = new website.contentMenu.MenuEntryDialog(undefined, menu);
dialog.on('save', this, function (link) {
- var new_menu = {
- id: _.uniqueId('new-'),
- name: link.text,
- url: link.url,
- new_window: link.newWindow,
- parent_id: false,
- sequence: 0,
- children: [],
- };
- self.flat[new_menu.id] = new_menu;
- self.$('.oe_menu_editor').append(
- openerp.qweb.render('website.contentMenu.dialog.submenu', { submenu: new_menu }));
+ var id = link.id;
+ var menu_obj = self.flat[id];
+ _.extend(menu_obj, {
+ 'name': link.text,
+ 'url': link.url,
+ 'new_window': link.newWindow,
+ });
+ var $menu = self.$('[data-menu-id="' + id + '"]');
+ $menu.find('.js_menu_label').first().text(menu_obj.name);
});
dialog.appendTo(document.body);
- },
- edit_menu: function (ev) {
- var self = this;
- var menu_id = $(ev.currentTarget).closest('[data-menu-id]').data('menu-id');
- var menu = self.flat[menu_id];
- if (menu) {
- var dialog = new website.contentMenu.MenuEntryDialog(undefined, menu);
- dialog.on('save', this, function (link) {
- var id = link.id;
- var menu_obj = self.flat[id];
- _.extend(menu_obj, {
- 'name': link.text,
- 'url': link.url,
- 'new_window': link.newWindow,
- });
- var $menu = self.$('[data-menu-id="' + id + '"]');
- $menu.find('.js_menu_label').first().text(menu_obj.name);
- });
- dialog.appendTo(document.body);
- } else {
- alert("Could not find menu entry");
+ } else {
+ alert("Could not find menu entry");
+ }
+ },
+ delete_menu: function (ev) {
+ var self = this;
+ var $menu = $(ev.currentTarget).closest('[data-menu-id]');
+ var mid = $menu.data('menu-id')|0;
+ if (mid) {
+ this.to_delete.push(mid);
+ }
+ $menu.remove();
+ },
+ save: function () {
+ var self = this;
+ var new_menu = this.$('.oe_menu_editor').nestedSortable('toArray', {startDepthCount: 0});
+ var levels = [];
+ var data = [];
+ var context = website.get_context();
+ // Resequence, re-tree and remove useless data
+ new_menu.forEach(function (menu) {
+ if (menu.item_id) {
+ levels[menu.depth] = (levels[menu.depth] || 0) + 1;
+ var mobj = self.flat[menu.item_id];
+ mobj.sequence = levels[menu.depth];
+ mobj.parent_id = (menu.parent_id|0) || menu.parent_id || self.root_menu_id;
+ delete(mobj.children);
+ data.push(mobj);
}
- },
- delete_menu: function (ev) {
- var self = this;
- var $menu = $(ev.currentTarget).closest('[data-menu-id]');
- var mid = $menu.data('menu-id')|0;
- if (mid) {
- this.to_delete.push(mid);
+ });
+ ajax.jsonRpc('/web/dataset/call_kw', 'call', {
+ model: 'website.menu',
+ method: 'save',
+ args: [[context.website_id], { data: data, to_delete: self.to_delete }],
+ kwargs: {
+ context: context
+ },
+ }).then(function (menu) {
+ self.close();
+ website.reload();
+ });
+ },
+});
+
+var MenuEntryDialog = editor.LinkDialog.extend({
+ template: 'website.contentMenu.dialog.add',
+ init: function (editor, data) {
+ data.text = data.name || '';
+ data.newWindow = data.new_window;
+ this.data = data;
+ return this._super.apply(this, arguments);
+ },
+ start: function () {
+ var self = this;
+ var result = $.when(this._super.apply(this, arguments)).then(function () {
+ if (self.data) {
+ self.bind_data();
}
- $menu.remove();
- },
- save: function () {
- var self = this;
- var new_menu = this.$('.oe_menu_editor').nestedSortable('toArray', {startDepthCount: 0});
- var levels = [];
- var data = [];
- var context = website.get_context();
- // Resequence, re-tree and remove useless data
- new_menu.forEach(function (menu) {
- if (menu.item_id) {
- levels[menu.depth] = (levels[menu.depth] || 0) + 1;
- var mobj = self.flat[menu.item_id];
- mobj.sequence = levels[menu.depth];
- mobj.parent_id = (menu.parent_id|0) || menu.parent_id || self.root_menu_id;
- delete(mobj.children);
- data.push(mobj);
- }
+ var $link_text = self.$('#link-text').focus();
+ self.$('#link-page').change(function (e) {
+ if ($link_text.val()) { return; }
+ var data = $(this).select2('data');
+ $link_text.val(data.create ? data.id : data.text);
+ $link_text.focus();
});
- openerp.jsonRpc('/web/dataset/call_kw', 'call', {
- model: 'website.menu',
- method: 'save',
- args: [[context.website_id], { data: data, to_delete: self.to_delete }],
- kwargs: {
- context: context
- },
- }).then(function (menu) {
- self.close();
- website.reload();
- });
- },
- });
+ });
+ return result;
+ },
+ save: function () {
+ var $e = this.$('#link-text');
+ if (!$e.val() || !$e[0].checkValidity()) {
+ $e.closest('.form-group').addClass('has-error');
+ $e.focus();
+ return;
+ }
+ return this._super.apply(this, arguments);
+ },
+ destroy: function () {
+ this._super.apply(this, arguments);
+ },
+});
- website.contentMenu.MenuEntryDialog = website.editor.LinkDialog.extend({
- template: 'website.contentMenu.dialog.add',
- init: function (editor, data) {
- data.text = data.name || '';
- data.newWindow = data.new_window;
- this.data = data;
- return this._super.apply(this, arguments);
- },
- start: function () {
- var self = this;
- var result = $.when(this._super.apply(this, arguments)).then(function () {
- if (self.data) {
- self.bind_data();
- }
- var $link_text = self.$('#link-text').focus();
- self.$('#link-page').change(function (e) {
- if ($link_text.val()) { return; }
- var data = $(this).select2('data');
- $link_text.val(data.create ? data.id : data.text);
- $link_text.focus();
- });
- });
- return result;
- },
- save: function () {
- var $e = this.$('#link-text');
- if (!$e.val() || !$e[0].checkValidity()) {
- $e.closest('.form-group').addClass('has-error');
- $e.focus();
- return;
- }
- return this._super.apply(this, arguments);
- },
- destroy: function () {
- this._super.apply(this, arguments);
- },
- });
+$(document).ready(function() {
+ var content = new EditorBarContent();
+ content.setElement($('.oe_content_menu'));
+ content.start();
+});
- $(document).ready(function() {
- var content = new website.EditorBarContent();
- content.setElement($('.oe_content_menu'));
- content.start();
- });
+return {
+ EditorBarContent: EditorBarContent,
+};
-})();
+});
generated by cgit v1.2.3 (git 2.25.1) at 2026-10-23 22:31:19 +0000