').parent().html();
}
-
- $target.addClass('oe_dirty');
- this.$buttons.save.prop('disabled', false);
- }.bind(this));
- },
- rte_changed: function () {
- this.$buttons.save.prop('disabled', false);
- },
- save: function () {
- var self = this;
- var defs = [];
- $('.oe_dirty').each(function (i, v) {
- var $el = $(this);
- // TODO: Add a queue with concurrency limit in webclient
- // https://github.com/medikoo/deferred/blob/master/lib/ext/function/gate.js
- var def = self.saving_mutex.exec(function () {
- return self.saveElement($el).then(function () {
- $el.removeClass('oe_dirty');
- }).fail(function () {
- var data = $el.data();
- console.error(_.str.sprintf('Could not save %s#%d#%s', data.oeModel, data.oeId, data.oeField));
- });
+ return openerp.jsonRpc('/web/dataset/call', 'call', {
+ model: 'ir.ui.view',
+ method: 'save',
+ args: [data.oeModel, data.oeId, data.oeField, html, xpath]
});
- defs.push(def);
- });
- return $.when.apply(null, defs).then(function () {
+ },
+ cancel: function () {
window.location.reload();
- });
- },
- saveElement: function ($el) {
- var data = $el.data();
- var html = $el.html();
- var xpath = data.oeXpath;
- if (xpath) {
- var $w = $el.clone();
- $w.removeClass('oe_dirty');
- _.each(['model', 'id', 'field', 'xpath'], function(d) {$w.removeAttr('data-oe-' + d);});
- $w
- .removeClass('oe_editable')
- .prop('contentEditable', false);
- html = $w.wrap('
').parent().html();
- }
- return openerp.jsonRpc('/web/dataset/call', 'call', {
- model: 'ir.ui.view',
- method: 'save',
- args: [data.oeModel, data.oeId, data.oeField, html, xpath]
- });
- },
- cancel: function () {
- window.location.reload();
- },
- setup_droppable: function () {
- var self = this;
- $('.oe_snippet_drop').remove();
- var droppable = '
';
- var $zone = $(':not(.oe_snippet) > .container');
- $zone.after(droppable);//.after(droppable);
-
- $(".oe_snippet_drop").droppable({
- hoverClass: 'oe_accepting',
- drop: function( event, ui ) {
- console.log(event, ui, "DROP");
-
- $(event.target).replaceWith($(ui.draggable).html());
- $('.oe_selected').remove();
- $('.oe_snippet_drop').remove();
- }
- });
- },
- snippet_start: function () {
- var self = this;
- $('.oe_snippet').draggable().click(function(ev) {
- self.setup_droppable();
- $(".oe_snippet_drop").show();
- $('.oe_selected').removeClass('oe_selected');
- $(ev.currentTarget).addClass('oe_selected');
- });
-
- },
- snippet: function (ev) {
- $('.oe_snippet_editor').toggle();
- },
-});
-
-var RTE = openerp.Widget.extend({
- tagName: 'li',
- id: 'oe_rte_toolbar',
- className: 'oe_right oe_rte_toolbar',
- // editor.ui.items -> possible commands &al
- // editor.applyStyle(new CKEDITOR.style({element: "span",styles: {color: "#(color)"},overrides: [{element: "font",attributes: {color: null}}]}, {color: '#ff0000'}));
-
- start_edition: function ($elements) {
- var self = this;
- this.snippet_carousel();
- $elements
- .not('span, [data-oe-type]')
- .each(function () {
- var $this = $(this);
- CKEDITOR.inline(this, self._config()).on('change', function () {
- $this.addClass('oe_dirty');
- self.trigger('change', this, null);
- });
- });
- },
-
- _current_editor: function () {
- return CKEDITOR.currentInstance;
- },
- _config: function () {
- var removed_plugins = [
- // remove custom context menu
- 'contextmenu,tabletools,liststyle',
- // magicline captures mousein/mouseout => draggable does not work
- 'magicline'
- ];
- return {
- // Disable auto-generated titles
- // FIXME: accessibility, need to generate user-sensible title, used for @title and @aria-label
- title: false,
- removePlugins: removed_plugins.join(','),
- uiColor: '',
- // Ensure no config file is loaded
- customConfig: '',
- // Disable ACF
- allowedContent: true,
- // Don't insert paragraphs around content in e.g.
- autoParagraph: false,
- filebrowserImageUploadUrl: "/website/attach",
- // Support for sharedSpaces in 4.x
- extraPlugins: 'sharedspace',
- // Place toolbar in controlled location
- sharedSpaces: { top: 'oe_rte_toolbar' },
- toolbar: [
- {name: 'basicstyles', items: [
- "Bold", "Italic", "Underline", "Strike", "Subscript",
- "Superscript", "TextColor", "BGColor", "RemoveFormat"
- ]},{
- name: 'span', items: [
- "Link", "Unlink", "Blockquote", "BulletedList",
- "NumberedList", "Indent", "Outdent",
- ]},{
- name: 'justify', items: [
- "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock"
- ]},{
- name: 'special', items: [
- "Image", "Table"
- ]},{
- name: 'styles', items: [
- "Format", "Styles"
- ]}
- ],
- // styles dropdown in toolbar
- stylesSet: [
- // emphasis
- {name: "Muted", element: 'span', attributes: {'class': 'text-muted'}},
- {name: "Primary", element: 'span', attributes: {'class': 'text-primary'}},
- {name: "Warning", element: 'span', attributes: {'class': 'text-warning'}},
- {name: "Danger", element: 'span', attributes: {'class': 'text-danger'}},
- {name: "Success", element: 'span', attributes: {'class': 'text-success'}},
- {name: "Info", element: 'span', attributes: {'class': 'text-info'}}
- ],
- };
- },
- // TODO clean
- snippet_carousel: function () {
- var self = this;
- $('.carousel .js_carousel_options .label').on('click', function (e) {
- e.preventDefault();
- var $button = $(e.currentTarget);
- var $c = $button.parents(".carousel:first");
-
- if($button.hasClass("js_add")) {
- var cycle = $c.find(".carousel-inner .item").size();
- $c.find(".carousel-inner").append(QWeb.render("Website.Snipped.carousel"));
- $c.carousel(cycle);
- }
- else {
- var cycle = $c.find(".carousel-inner .item.active").remove();
- $c.find(".carousel-inner .item:first").addClass("active");
- $c.carousel(0);
- self.trigger('change', self, null);
- }
- });
- $('.carousel .js_carousel_options').show();
- }
-});
-
-$.when(doc_ready, loadTemplates(templates)).then(function() {
- var editor = new EditorBar();
- editor.prependTo($('body'));
- $('body').css('padding-top', '50px'); // Not working properly: editor.$el.outerHeight());
-
- // TODO: Create an openerp.Widget out of this
-
- function make_static(){
- $('.oe_snippet_demo').removeClass('oe_new');
- $('.oe_page *').off('mouseover mouseleave');
- $('.oe_page .oe_selected').removeClass('oe_selected');
- }
-
- var selected_snippet = null;
- function snippet_click(event){
- if(selected_snippet){
- selected_snippet.removeClass('oe_selected');
- if(selected_snippet[0] === $(this)[0]){
- selected_snippet = null;
- event.preventDefault();
- make_static();
- return;
- }
- }
- $(this).addClass('oe_selected');
- selected_snippet = $(this);
- make_editable();
- event.preventDefault();
- }
- //$('.oe_snippet').click(snippet_click);
-
- var hover_element = null;
-
- function make_editable( constraint_after, constraint_inside ){
- if(selected_snippet && selected_snippet.hasClass('oe_new')){
- $('.oe_snippet_demo').addClass('oe_new');
- }else{
- $('.oe_snippet_demo').removeClass('oe_new');
- }
-
- $('.oe_page *').off('mouseover');
- $('.oe_page *').off('mouseleave');
- $('.oe_page *').mouseover(function(event){
- console.log('hover:',this);
- if(hover_element){
- hover_element.removeClass('oe_selected');
- hover_element.off('click');
- }
- $(this).addClass('oe_selected');
- $(this).click(append_snippet);
- hover_element = $(this);
- event.stopPropagation();
- });
- $('.oe_page *').mouseleave(function(){
- if(hover_element && $(this) === hover_element){
- hover_element = null;
- $(this).removeClass('oe_selected');
- }
- });
- }
-
- function customier_option_get(event){
-
-
- event.preventDefault();
- }
-
- function append_snippet(event){
- console.log('click',this,event.button);
- if(event.button === 0){
- if(selected_snippet){
- if(selected_snippet.hasClass('oe_new')){
- var new_snippet = $("");
- new_snippet.append($(this).clone());
- new_snippet.click(snippet_click);
- $('.oe_snippet.oe_selected').before(new_snippet);
- }else{
- $(this).after($('.oe_snippet.oe_selected').contents().clone());
- }
- selected_snippet.removeClass('oe_selected');
- selected_snippet = null;
- make_static();
- }
- }else if(event.button === 1){
- $(this).remove();
- }
- event.preventDefault();
- }
-});
-
-});
-// }()); I'll clean this monday
-
-
-$(function () {
- $(document).on('click', '.js_publish, .js_unpublish', function (e) {
- e.preventDefault();
- var $link = $(this).parent();
- $link.find('.js_publish, .js_unpublish').addClass("hidden");
- var $unp = $link.find(".js_unpublish");
- var $p = $link.find(".js_publish");
- $.post('/website/publish', {'id': $link.data('id'), 'object': $link.data('object')}, function (result) {
- if (+result) {
- $p.addClass("hidden");
- $unp.removeClass("hidden");
- } else {
- $p.removeClass("hidden");
- $unp.addClass("hidden");
- }
- });
+ },
+ snippet: function (ev) {
+ this.snippets.toggle();
+ },
});
-});
+
+ /* ----- RICH TEXT EDITOR ---- */
+ website.RTE = openerp.Widget.extend({
+ tagName: 'li',
+ id: 'oe_rte_toolbar',
+ className: 'oe_right oe_rte_toolbar',
+ // editor.ui.items -> possible commands &al
+ // editor.applyStyle(new CKEDITOR.style({element: "span",styles: {color: "#(color)"},overrides: [{element: "font",attributes: {color: null}}]}, {color: '#ff0000'}));
+
+ start_edition: function ($elements) {
+ var self = this;
+ this.snippet_carousel();
+ $elements
+ .not('span, [data-oe-type]')
+ .each(function () {
+ var $this = $(this);
+ CKEDITOR.inline(this, self._config()).on('change', function () {
+ $this.addClass('oe_dirty');
+ self.trigger('change', this, null);
+ });
+ });
+ },
+
+ _current_editor: function () {
+ return CKEDITOR.currentInstance;
+ },
+ _config: function () {
+ var removed_plugins = [
+ // remove custom context menu
+ 'contextmenu,tabletools,liststyle',
+ // magicline captures mousein/mouseout => draggable does not work
+ 'magicline'
+ ];
+ return {
+ // Disable auto-generated titles
+ // FIXME: accessibility, need to generate user-sensible title, used for @title and @aria-label
+ title: false,
+ removePlugins: removed_plugins.join(','),
+ uiColor: '',
+ // Ensure no config file is loaded
+ customConfig: '',
+ // Disable ACF
+ allowedContent: true,
+ // Don't insert paragraphs around content in e.g.
+ autoParagraph: false,
+ filebrowserImageUploadUrl: "/website/attach",
+ // Support for sharedSpaces in 4.x
+ extraPlugins: 'sharedspace',
+ // Place toolbar in controlled location
+ sharedSpaces: { top: 'oe_rte_toolbar' },
+ toolbar: [
+ {name: 'basicstyles', items: [
+ "Bold", "Italic", "Underline", "Strike", "Subscript",
+ "Superscript", "TextColor", "BGColor", "RemoveFormat"
+ ]},{
+ name: 'span', items: [
+ "Link", "Unlink", "Blockquote", "BulletedList",
+ "NumberedList", "Indent", "Outdent"
+ ]},{
+ name: 'justify', items: [
+ "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock"
+ ]},{
+ name: 'special', items: [
+ "Image", "Table"
+ ]},{
+ name: 'styles', items: [
+ "Format", "Styles"
+ ]}
+ ],
+ // styles dropdown in toolbar
+ stylesSet: [
+ // emphasis
+ {name: "Muted", element: 'span', attributes: {'class': 'text-muted'}},
+ {name: "Primary", element: 'span', attributes: {'class': 'text-primary'}},
+ {name: "Warning", element: 'span', attributes: {'class': 'text-warning'}},
+ {name: "Danger", element: 'span', attributes: {'class': 'text-danger'}},
+ {name: "Success", element: 'span', attributes: {'class': 'text-success'}},
+ {name: "Info", element: 'span', attributes: {'class': 'text-info'}}
+ ],
+ };
+ },
+ // TODO clean
+ snippet_carousel: function () {
+ var self = this;
+ $('.carousel .js_carousel_options .label').on('click', function (e) {
+ e.preventDefault();
+ var $button = $(e.currentTarget);
+ var $c = $button.parents(".carousel:first");
+
+ if($button.hasClass("js_add")) {
+ var cycle = $c.find(".carousel-inner .item").size();
+ $c.find(".carousel-inner").append(QWeb.render("Website.Snipped.carousel"));
+ $c.carousel(cycle);
+ }
+ else {
+ var cycle = $c.find(".carousel-inner .item.active").remove();
+ $c.find(".carousel-inner .item:first").addClass("active");
+ $c.carousel(0);
+ self.trigger('change', self, null);
+ }
+ });
+ $('.carousel .js_carousel_options').show();
+ }
+ });
+
+ /* ----- SNIPPET SELECTOR ---- */
+ website.Snippets = openerp.Widget.extend({
+ template: 'website.snippets',
+ init: function () {
+ this._super.apply(this, arguments);
+ },
+ start: function() {
+ var self = this;
+
+ $.ajax({
+ type: "GET",
+ url: "/page/website.snippets",
+ dataType: "text",
+ success: function(snippets){
+ self.$el.html(snippets);
+ self.start_snippets();
+ },
+ });
+
+ },
+ // setup widget and drag and drop
+ start_snippets: function(){
+ var self = this;
+
+ this.$('.oe_snippet').draggable({
+ helper: 'clone',
+ appendTo: 'body',
+ start: function(){
+ var snippet = $(this);
+
+ self.activate_drop_zones({
+ siblings: snippet.data('selector-siblings'),
+ childs: snippet.data('selector-childs')
+ });
+
+ $('.oe_drop_zone').droppable({
+ over: function(){
+ // FIXME: stupid hack to prevent multiple droppable to activate at once ...
+ // it's not even working properly but it's better than nothing.
+ $(".oe_drop_zone.oe_hover").removeClass("oe_hover");
+ $(this).addClass("oe_hover");
+ },
+ out: function(){
+ $(this).removeClass("oe_hover");
+ },
+ drop: function(){
+ $(".oe_drop_zone.oe_hover")
+ .replaceWith(snippet.find('.oe_snippet_body').clone())
+ .removeClass('oe_snippet_body');
+ },
+ });
+ },
+ stop: function(){
+ self.deactivate_drop_zones();
+ },
+ });
+ },
+ // A generic drop zone generator. two css selectors can be provided
+ // selector.childs -> will insert drop zones as direct child of the selected elements
+ // in case the selected elements have children themselves, dropzones will be interleaved
+ // with them.
+ // selector.siblings -> will insert drop zones after and before selected elements
+ activate_drop_zones: function(selector){
+ var self = this;
+ var child_selector = selector.childs || '';
+ var sibling_selector = selector.siblings || '';
+ var zone_template = "";
+
+ $('.oe_drop_zone').remove();
+
+ if(child_selector){
+ var $zones = $(child_selector);
+ for( var i = 0, len = $zones.length; i < len; i++ ){
+ $zones.eq(i).find('> *:not(.oe_drop_zone)').after(zone_template);
+ $zones.eq(i).prepend(zone_template);
+ }
+ }
+
+ if(sibling_selector){
+ var $zones = $(sibling_selector);
+ for( var i = 0, len = $zones.length; i < len; i++ ){
+ if($zones.eq(i).prev('.oe_drop_zone').length === 0){
+ $zones.eq(i).before(zone_template);
+ }
+ if($zones.eq(i).next('.oe_drop_zone').length === 0){
+ $zones.eq(i).after(zone_template);
+ }
+ }
+ }
+
+ // Cleaning up unnecessary zones
+ $('.oe_snippets .oe_drop_zone').remove(); // no zone in the snippet selector ...
+ $('#website-top-view .oe_drop_zone').remove(); // no zone in the top bars ...
+ $('#website-top-edit .oe_drop_zone').remove();
+ var count;
+ do {
+ count = 0;
+ var $zones = $('.oe_drop_zone + .oe_drop_zone'); // no two consecutive zones
+ count += $zones.length;
+ $zones.remove();
+
+ $zones = $('.oe_drop_zone > .oe_drop_zone').remove(); // no recusrive zones
+ count += $zones.length;
+ $zones.remove();
+ }while(count > 0);
+
+ // Cleaning up zones placed between floating or inline elements
+ var $zones = $('.oe_drop_zone');
+ for( var i = 0, len = $zones.length; i < len; i++ ){
+ var zone = $zones.eq(i);
+ var prev = zone.prev();
+ var next = zone.next();
+ var float_prev = zone.prev().css('float') || 'none';
+ var float_next = zone.next().css('float') || 'none';
+ var disp_prev = zone.prev().css('display') || null;
+ var disp_next = zone.next().css('display') || null;
+ if( (float_prev === 'left' || float_prev === 'right')
+ && (float_next === 'left' || float_next === 'right') ){
+ zone.remove();
+ continue;
+ }else if( !( disp_prev === null
+ || disp_next === null
+ || disp_prev === 'block'
+ || disp_next === 'block'
+ ) ){
+ zone.remove();
+ continue;
+ }
+ }
+ },
+ deactivate_drop_zones: function(){
+ $('.oe_drop_zone').remove();
+ },
+ toggle: function(){
+ if(this.$el.hasClass('oe_hidden')){
+ this.$el.removeClass('oe_hidden');
+ }else{
+ this.$el.addClass('oe_hidden');
+ }
+ },
+ snippet_start: function () {
+ var self = this;
+ $('.oe_snippet').draggable().click(function(ev) {
+ self.setup_droppable();
+ $(".oe_snippet_drop").show();
+ $('.oe_selected').removeClass('oe_selected');
+ $(ev.currentTarget).addClass('oe_selected');
+ });
+
+ },
+ });
+
+ function noop() {}
+ var alter_dialog = {
+ image: function (definition) {
+ definition.removeContents('Link');
+ definition.removeContents('advanced');
+
+ var upload = definition.getContents('Upload');
+ upload.add({
+ type: 'select',
+ label: 'Existing attachments',
+ id: 'ir_attachment',
+ items: [['']],
+ /**
+ * On dialog load, fetch all attachments (on ir.ui.view =>
+ * previously uploaded images) and add them to the select's
+ * options (items array & add method)
+ */
+ onLoad: function () {
+ var field = this;
+
+ // FIXME: fuck this garbage, also fuck openerp.Model
+ return openerp.jsonRpc('/web/dataset/call_kw', 'call', {
+ model: 'ir.attachment',
+ method: 'search_read',
+ args: [],
+ kwargs: {
+ fields: ['name'],
+ domain: [['res_model', '=', 'ir.ui.view']],
+ order: 'name',
+ }
+ }).then(function (results) {
+ _(results).each(function (result) {
+ field.add(result.name, result.id);
+ });
+ });
+ },
+ /**
+ * The image widgets uses "txtUrl" to do most of its stuff.
+ * Synchronize select & txtUrl by generating the correct URL
+ * and setting it there
+ */
+ onChange: function () {
+ var id = this.getValue();
+ var url = this.getDialog().getContentElement('info', 'txtUrl');
+ if (!id) {
+ url.setValue('');
+ return;
+ }
+
+ url.setValue('/website/attachment/' + id);
+ },
+ });
+ // Override uploadButton to send its information to the select
+ // created above instead of directly to txtUrl. The select will
+ // propagate to txtUrl
+ upload.get('uploadButton').filebrowser = {
+ onSelect: function (url) {
+ var id = url.split('/').pop();
+ var attachments = this.getDialog().getContentElement('Upload', 'ir_attachment');
+ // TODO: return supplementary info to get image/attachment name?
+ attachments.add(id, id);
+ attachments.setValue(id);
+ }
+ };
+
+ var old_show = definition.onShow;
+ definition.onShow = function () {
+ // CKEDITOR does not *override* onShow, is smashes the existing
+ // one instead, so override "by hand"
+ if (old_show) {
+ old_show.call(this);
+ }
+ // Assloads of code in the image plugin just go and tear into
+ // the info tab without a care, so can't just remove the tab or
+ // its content. Hide the tab instead, the effect is roughly the
+ // same.
+ this.hidePage('info');
+ // Force the dialog to always and only display the Upload tab
+ this.selectPage('Upload');
+ this.on('selectPage', function (e) {
+ setTimeout(function () {
+ if (e.data.page !== 'Upload') {
+ this.selectPage('Upload');
+ }
+ }.bind(this), 0);
+ });
+ }
+ },
+ link: function (definition) {
+ definition.removeContents('target');
+ definition.removeContents('advanced');
+
+ var info = definition.getContents('info');
+ info.remove('linkType');
+ info.remove('anchorOptions');
+ info.remove('emailOptions');
+
+ info.get('urlOptions').children[0].widths = [ '0%', '100%' ];
+ info.get('protocol').style = 'display: none';
+ // TODO: sync edition of url to website_pages?
+ info.add({
+ type: 'select',
+ label: "Existing page",
+ id: 'website_pages',
+ items: [['']],
+ /**
+ * onload fetch all the pages existing in the website, then
+ * display that.
+ */
+ onLoad: function () {
+ var field = this;
+
+ return openerp.jsonRpc('/web/dataset/call_kw', 'call', {
+ model: 'website',
+ method: 'list_pages',
+ args: [],
+ kwargs: {}
+ }).then(function (results) {
+ _(results).each(function (result) {
+ field.add(result.name, result.url);
+ });
+ });
+ },
+ onChange: function () {
+ var url = this.getValue();
+ var url_field = this.getDialog().getContentElement('info', 'url');
+ if (!url) {
+ url_field.setValue('');
+ return;
+ }
+
+ url_field.setValue(url);
+ }
+ })
+ }
+ };
+ CKEDITOR.on('dialogDefinition', function (ev) {
+ (alter_dialog[ev.data.name] || noop)(ev.data.definition);
+ });
+
+ var all_ready = null;
+ var dom_ready = $.Deferred();
+ $(dom_ready.resolve);
+
+ /**
+ * Returns a deferred resolved when the templates are loaded
+ * and the Widgets can be instanciated.
+ */
+ website.ready = function() {
+ if (!all_ready) {
+ all_ready = dom_ready.then(function () {
+ // TODO: load translations
+ return website.load_templates(templates);
+ });
+ }
+ return all_ready;
+ };
+
+ dom_ready.then(function () {
+ website.is_editable = $('html').attr('data-editable') === '1';
+
+ if (website.is_editable) {
+ website.ready().then(website.init_editor);
+ }
+
+ /* ----- PUBLISHING STUFF ---- */
+ $(document).on('click', '.js_publish, .js_unpublish', function (e) {
+ e.preventDefault();
+ var $link = $(this).parent();
+ $link.find('.js_publish, .js_unpublish').addClass("hidden");
+ var $unp = $link.find(".js_unpublish");
+ var $p = $link.find(".js_publish");
+ $.post('/website/publish', {'id': $link.data('id'), 'object': $link.data('object')}, function (result) {
+ if (+result) {
+ $p.addClass("hidden");
+ $unp.removeClass("hidden");
+ } else {
+ $p.removeClass("hidden");
+ $unp.addClass("hidden");
+ }
+ });
+ });
+
+ });
+
+ return website;
+})();
diff --git a/addons/website/static/src/xml/website.xml b/addons/website/static/src/xml/website.xml
index 9f11ff40bca..e6611121bb8 100644
--- a/addons/website/static/src/xml/website.xml
+++ b/addons/website/static/src/xml/website.xml
@@ -57,4 +57,10 @@
- 
- 
-