(function () {
    'use strict';

    if (!openerp.website.translatable) {
        // Temporary hack until the editor bar is moved to the web client
        return;
    }

    var website = openerp.website;
    website.add_template_file('/website/static/src/xml/website.translator.xml');
    var nodialog = 'website_translator_nodialog';

    website.EditorBar.include({
        do_not_translate : ['-','*','!'],
        start: function () {
            var self = this;
            this.initial_content = {};
            return this._super.apply(this, arguments).then(function () {
                var $edit_button = $("button[data-action=edit]");
                $edit_button.removeClass("hidden");

                if(website.no_editor) {
                    $edit_button.removeProp('disabled');
                } else {
                    $edit_button.parent().after(openerp.qweb.render('website.TranslatorAdditionalButtons'));
                    $('a[data-action=edit_master]').on('click', self, function(ev) {
                        self.edit_master(ev);
                    });
                }

                $('.js_hide_on_translate').hide();
            });
        },
        edit: function () {
            var self = this;
            var mysuper = this._super;
            if (!localStorage[nodialog]) {
                var dialog = new website.TranslatorDialog();
                dialog.appendTo($(document.body));
                dialog.on('activate', this, function () {
                    localStorage[nodialog] = dialog.$('input[name=do_not_show]').prop('checked') || '';
                    dialog.$el.modal('hide');
                    self.translate().then(function () {
                        mysuper.call(self);
                        if(self.gengo_translate){
                            self.translation_gengo_display()
                        }
                    });
                });
            } else {
                this.translate().then(function () {
                    mysuper.call(self);
                    if(self.gengo_translate){
                        self.translation_gengo_display()
                    }
                });
            }
        },
        edit_master: function (ev) {
            ev.preventDefault();
            var link = $('.js_language_selector a[data-default-lang]')[0];
            if (link) {
                link.search += (link.search ? '&' : '?') + 'enable_editor=1';
                var url = link.pathname + link.search + window.location.hash;
                link.pathname = '/website/lang/default';
                link.search = '?' + $.param({r: url});
                window.location = link.href;
            }
        },
        translate: function () {
            var self = this;
            this.translations = null;
            return openerp.jsonRpc('/website/get_view_translations', 'call', {
                'xml_id': $(document.documentElement).data('view-xmlid'),
                'lang': website.get_context().lang,
            }).then(function (translations) {
                self.translations = translations;
                self.processTranslatableNodes();
                // Disable non translatable t-fields
                $('[data-oe-type][data-oe-translate="0"]').removeAttr('data-oe-type');
            });
        },
        processTranslatableNodes: function () {
            var self = this;
            var source_attr = 'data-oe-source-id';
            var $editables = $('[data-oe-model="ir.ui.view"]')
                    .not('link, script')
                    .not('.oe_snippets,.oe_snippet, .oe_snippet *, .navbar-toggle')
                    .not('[data-oe-type]');

            $editables.each(function () {
                var $node = $(this);
                var source_id = $node.parents('[' + source_attr + ']:first').attr(source_attr)|0;
                var view_id = $node.attr('data-oe-source-id') || source_id || $node.attr('data-oe-id');
                self.transNode(this, view_id|0);
            });
            $('.oe_translatable_text').on('paste', function () {
                var node = $(this);
                setTimeout(function () {
                    self.sanitizeNode(node);
                }, 0);
            });
            $(document).on('blur keyup paste', '.oe_translatable_text[contenteditable]', function(ev) {
                var $node = $(this);
                setTimeout(function () {
                    // Doing stuff next tick because paste and keyup events are
                    // fired before the content is changed
                    if (ev.type == 'paste') {
                        self.sanitizeNode($node[0]);
                    }
                    if (self.getInitialContent($node[0]) !== $node.text()) {
                        $node.addClass('oe_dirty').removeClass('oe_translatable_todo oe_translatable_inprogress');
                    }
                }, 0);
            });
        },
        getInitialContent: function (node) {
            return this.initial_content[node.attributes['data-oe-nodeid'].value];
        },
        sanitizeNode: function (node) {
            node.text(node.text());
        },
        isTextNode: function (node) {
            return node.nodeType === 3 || node.nodeType === 4;
        },
        isTranslatable: function (text) {
            return text && _.str.trim(text) !== '';
        },
        markTranslatableNode: function (node, view_id) {
            // TODO: link nodes with same content
            node.className += ' oe_translatable_text';
            node.setAttribute('data-oe-translation-view-id', view_id);
            var content = $(node).html().trim();
            var trans = this.translations.filter(function (t) {
                return t.res_id === view_id && t.value.trim() === content;
            });
            if (trans.length) {
                node.setAttribute('data-oe-translation-id', trans[0].id);
                if(trans[0].gengo_translation && (trans[0].state == 'inprogress' || trans[0].state == 'to_translate')){
                        node.className += ' oe_translatable_inprogress';
                }
            } else {
                node.className += this.do_not_translate.indexOf(node.textContent.trim()) ? ' oe_translatable_todo' : '';
            }
            node.contentEditable = true;
            var nid = _.uniqueId();
            $(node).attr('data-oe-nodeid', nid);
            this.initial_content[nid] = content;
        },
        save: function () {
            var self = this;
            var mysuper = this._super;
            var trans = {};
            // this._super.apply(this, arguments);
            $('.oe_translatable_text.oe_dirty').each(function () {
                var $node = $(this);
                var data = $node.data();
                if (!trans[data.oeTranslationViewId]) {
                    trans[data.oeTranslationViewId] = [];
                }
                trans[data.oeTranslationViewId].push({
                    initial_content: self.getInitialContent(this),
                    new_content: $node.html(),
                    translation_id: data.oeTranslationId || null
                });
            });
            openerp.jsonRpc('/website/set_translations', 'call', {
                'data': trans,
                'lang': website.get_context()['lang'],
            }).then(function () {
                mysuper.call(self);
            }).fail(function () {
                // TODO: bootstrap alert with error message
                alert("Could not save translation");
            });
        },
        transNode: function (node, view_id) {
            // Mostly handling text and cdata nodes here
            // so avoid jquery usage in this function
            if (node.attributes['data-oe-type']) {
                if (node.attributes['data-oe-translate'].value == '1') {
                    node.className += ' oe_translatable_field';
                }
            } else if (node.childNodes.length === 1
                    && this.isTextNode(node.childNodes[0])
                    && !node.getAttribute('data-oe-model')) {
                this.markTranslatableNode(node, view_id);
            } else {
                for (var i = 0, l = node.childNodes.length; i < l; i ++) {
                    var n = node.childNodes[i];
                    if (this.isTextNode(n)) {
                        if (this.isTranslatable(n.data)) {
                            var container = document.createElement('span');
                            node.insertBefore(container, n);
                            container.appendChild(n);
                            this.markTranslatableNode(container, view_id);
                        }
                    } else {
                        this.transNode(n, view_id);
                    }
                }
            }
        },
    });

    website.RTE.include({
        start: function () {
            this._super.apply(this, arguments);
            this.$el.hide();
        },
        fetch_editables: function (root) {
            $(root).click(function (ev) {
                ev.preventDefault();
            });
            return $('[data-oe-translate="1"]');
        }
    });

    website.TranslatorDialog = openerp.Widget.extend({
        events: _.extend({}, website.EditorBar.prototype.events, {
            'hidden.bs.modal': 'destroy',
            'click button[data-action=activate]': function (ev) {
                this.trigger('activate');
            },
        }),
        template: 'website.TranslatorDialog',
        start: function () {
            this.$el.modal();
        },
    });
})();