initial commit 2

4 files changed, 903 insertions, 0 deletions

diff --git a/addons/website_forum/static/src/js/tours/website_forum.js b/addons/website_forum/static/src/js/tours/website_forum.js
new file mode 100644
index 00000000..55f57457
--- /dev/null
+++ b/addons/website_forum/static/src/js/tours/website_forum.js
@@ -0,0 +1,67 @@
+odoo.define("website_forum.tour_forum", function (require) {
+    "use strict";
+
+    var core = require("web.core");
+    var tour = require("web_tour.tour");
+
+    var _t = core._t;
+
+    tour.register("question", {
+        url: "/forum/1",
+    }, [{
+        trigger: ".o_forum_ask_btn",
+        position: "left",
+        content: _t("Create a new post in this forum by clicking on the button."),
+    }, {
+        trigger: "input[name=post_name]",
+        position: "top",
+        content: _t("Give your post title."),
+    }, {
+        trigger: ".note-editable p",
+        extra_trigger: "input[name=post_name]:not(:propValue(\"\"))",
+        content: _t("Put your question here."),
+        position: "bottom",
+        run: "text",
+    }, {
+        trigger: ".select2-choices",
+        extra_trigger: ".note-editable p:not(:containsExact(\"<br>\"))",
+        content: _t("Insert tags related to your question."),
+        position: "top",
+        run: function (actions) {
+            actions.auto("input[id=s2id_autogen2]");
+        },
+    }, {
+        trigger: "button:contains(\"Post\")",
+        extra_trigger: "input[id=s2id_autogen2]:not(:propValue(\"Tags\"))",
+        content: _t("Click to post your question."),
+        position: "bottom",
+    }, {
+        extra_trigger: 'div.modal.modal_shown',
+        trigger: ".modal-header button.close",
+        auto: true,
+    },
+    {
+        trigger: "a:contains(\"Answer\").collapsed",
+        content: _t("Click to answer."),
+        position: "bottom",
+    },
+    {
+        trigger: ".note-editable p",
+        content: _t("Put your answer here."),
+        position: "bottom",
+        run: "text",
+    }, {
+        trigger: "button:contains(\"Post Answer\")",
+        extra_trigger: ".note-editable p:not(:containsExact(\"<br>\"))",
+        content: _t("Click to post your answer."),
+        position: "bottom",
+    }, {
+        extra_trigger: 'div.modal.modal_shown',
+        trigger: ".modal-header button.close",
+        auto: true,
+    }, {
+        trigger: ".o_wforum_validate_toggler[data-karma=\"20\"]:first",
+        content: _t("Click here to accept this answer."),
+        position: "right",
+    }]);
+});
diff --git a/addons/website_forum/static/src/js/website_forum.editor.js b/addons/website_forum/static/src/js/website_forum.editor.js
new file mode 100644
index 00000000..74072c59
--- /dev/null
+++ b/addons/website_forum/static/src/js/website_forum.editor.js
@@ -0,0 +1,144 @@
+odoo.define('website_forum.editor', function (require) {
+"use strict";
+
+var core = require('web.core');
+var WebsiteNewMenu = require('website.newMenu');
+var Dialog = require('web.Dialog');
+
+var _t = core._t;
+
+var ForumCreateDialog = Dialog.extend({
+    xmlDependencies: Dialog.prototype.xmlDependencies.concat(
+        ['/website_forum/static/src/xml/website_forum_templates.xml']
+    ),
+    template: 'website_forum.add_new_forum',
+    events: _.extend({}, Dialog.prototype.events, {
+        'change input[name="privacy"]': '_onPrivacyChanged',
+    }),
+
+    /**
+     * @override
+     * @param {Object} parent
+     * @param {Object} options
+     */
+    init: function (parent, options) {
+        options = _.defaults(options || {}, {
+            title: _t("New Forum"),
+            size: 'medium',
+            buttons: [
+                {
+                    text: _t("Create"),
+                    classes: 'btn-primary',
+                    click: this.onCreateClick.bind(this),
+                },
+                {
+                    text: _t("Discard"),
+                    close: true
+                },
+            ]
+        });
+        this._super(parent, options);
+    },
+    start: function () {
+        var self = this;
+        return this._super.apply(this, arguments).then(function () {
+            var $input = self.$('#group_id');
+            $input.select2({
+                width: '100%',
+                allowClear: true,
+                formatNoMatches: false,
+                multiple: false,
+                selection_data: false,
+                fill_data: function (query, data) {
+                    var that = this;
+                    var tags = {results: []};
+                    _.each(data, function (obj) {
+                        if (that.matcher(query.term, obj.display_name)) {
+                            tags.results.push({id: obj.id, text: obj.display_name});
+                        }
+                    });
+                    query.callback(tags);
+                },
+                query: function (query) {
+                    var that = this;
+                    // fetch data only once and store it
+                    if (!this.selection_data) {
+                        self._rpc({
+                            model: 'res.groups',
+                            method: 'search_read',
+                            args: [[], ['display_name']],
+                        }).then(function (data) {
+                            that.fill_data(query, data);
+                            that.selection_data = data;
+                        });
+                    } else {
+                        this.fill_data(query, this.selection_data);
+                    }
+                }
+            });
+        });
+    },
+    onCreateClick: function () {
+        var $dialog = this.$el;
+        var $forumName = $dialog.find('input[name=forum_name]');
+        if (!$forumName.val()) {
+            $forumName.addClass('border-danger');
+            return;
+        }
+        var $forumPrivacyGroup = $dialog.find('input[name=group_id]');
+        var forumPrivacy = $dialog.find('input:radio[name=privacy]:checked').val();
+        if (forumPrivacy === 'private' && !$forumPrivacyGroup.val()) {
+            this.$("#group-required").removeClass('d-none');
+            return;
+        }
+        var addMenu = ($dialog.find('input[type="checkbox"]').is(':checked'));
+        var forumMode = $dialog.find('input:radio[name=mode]:checked').val();
+        return this._rpc({
+            route: '/forum/new',
+            params: {
+                forum_name: $forumName.val(),
+                forum_mode: forumMode,
+                forum_privacy: forumPrivacy,
+                forum_privacy_group: $forumPrivacyGroup.val(),
+                add_menu: addMenu || "",
+            },
+        }).then(function (url) {
+            window.location.href = url;
+            return new Promise(function () {});
+        });
+    },
+    /**
+     * @private
+     */
+    _onPrivacyChanged: function (ev) {
+        this.$('.show_visibility_group').toggleClass('d-none', ev.target.value !== 'private');
+    },
+});
+
+WebsiteNewMenu.include({
+    actions: _.extend({}, WebsiteNewMenu.prototype.actions || {}, {
+        new_forum: '_createNewForum',
+    }),
+
+    //--------------------------------------------------------------------------
+    // Actions
+    //--------------------------------------------------------------------------
+
+    /**
+     * Asks the user information about a new forum to create, then creates it
+     * and redirects the user to this new forum.
+     *
+     * @private
+     * @returns {Promise} Unresolved if there is a redirection
+     */
+    _createNewForum: function () {
+        var self = this;
+        var def = new Promise(function (resolve) {
+            var dialog = new ForumCreateDialog(self, {});
+            dialog.open();
+            dialog.on('closed', self, resolve);
+        });
+        return def;
+    },
+});
+});
diff --git a/addons/website_forum/static/src/js/website_forum.js b/addons/website_forum/static/src/js/website_forum.js
new file mode 100644
index 00000000..e65d8944
--- /dev/null
+++ b/addons/website_forum/static/src/js/website_forum.js
@@ -0,0 +1,593 @@
+odoo.define('website_forum.website_forum', function (require) {
+'use strict';
+
+const dom = require('web.dom');
+var core = require('web.core');
+var weDefaultOptions = require('web_editor.wysiwyg.default_options');
+var wysiwygLoader = require('web_editor.loader');
+var publicWidget = require('web.public.widget');
+var session = require('web.session');
+var qweb = core.qweb;
+
+var _t = core._t;
+
+publicWidget.registry.websiteForum = publicWidget.Widget.extend({
+    selector: '.website_forum',
+    xmlDependencies: ['/website_forum/static/src/xml/website_forum_share_templates.xml'],
+    events: {
+        'click .karma_required': '_onKarmaRequiredClick',
+        'mouseenter .o_js_forum_tag_follow': '_onTagFollowBoxMouseEnter',
+        'mouseleave .o_js_forum_tag_follow': '_onTagFollowBoxMouseLeave',
+        'mouseenter .o_forum_user_info': '_onUserInfoMouseEnter',
+        'mouseleave .o_forum_user_info': '_onUserInfoMouseLeave',
+        'mouseleave .o_forum_user_bio_expand': '_onUserBioExpandMouseLeave',
+        'click .flag:not(.karma_required)': '_onFlagAlertClick',
+        'click .vote_up:not(.karma_required), .vote_down:not(.karma_required)': '_onVotePostClick',
+        'click .o_js_validation_queue a[href*="/validate"]': '_onValidationQueueClick',
+        'click .o_wforum_validate_toggler:not(.karma_required)': '_onAcceptAnswerClick',
+        'click .o_wforum_favourite_toggle': '_onFavoriteQuestionClick',
+        'click .comment_delete': '_onDeleteCommentClick',
+        'click .js_close_intro': '_onCloseIntroClick',
+        'submit .js_wforum_submit_form:has(:not(.karma_required).o_wforum_submit_post)': '_onSubmitForm',
+    },
+
+    /**
+     * @override
+     */
+    start: function () {
+        var self = this;
+
+        this.lastsearch = [];
+
+        // float-left class messes up the post layout OPW 769721
+        $('span[data-oe-model="forum.post"][data-oe-field="content"]').find('img.float-left').removeClass('float-left');
+
+        // welcome message action button
+        var forumLogin = _.string.sprintf('%s/web?redirect=%s',
+            window.location.origin,
+            escape(window.location.href)
+        );
+        $('.forum_register_url').attr('href', forumLogin);
+
+        // Initialize forum's tooltips
+        this.$('[data-toggle="tooltip"]').tooltip({delay: 0});
+        this.$('[data-toggle="popover"]').popover({offset: 8});
+
+        $('input.js_select2').select2({
+            tags: true,
+            tokenSeparators: [',', ' ', '_'],
+            maximumInputLength: 35,
+            minimumInputLength: 2,
+            maximumSelectionSize: 5,
+            lastsearch: [],
+            createSearchChoice: function (term) {
+                if (_.filter(self.lastsearch, function (s) {
+                    return s.text.localeCompare(term) === 0;
+                }).length === 0) {
+                    //check Karma
+                    if (parseInt($('#karma').val()) >= parseInt($('#karma_edit_retag').val())) {
+                        return {
+                            id: '_' + $.trim(term),
+                            text: $.trim(term) + ' *',
+                            isNew: true,
+                        };
+                    }
+                }
+            },
+            formatResult: function (term) {
+                if (term.isNew) {
+                    return '<span class="badge badge-primary">New</span> ' + _.escape(term.text);
+                } else {
+                    return _.escape(term.text);
+                }
+            },
+            ajax: {
+                url: '/forum/get_tags',
+                dataType: 'json',
+                data: function (term) {
+                    return {
+                        query: term,
+                        limit: 50,
+                    };
+                },
+                results: function (data) {
+                    var ret = [];
+                    _.each(data, function (x) {
+                        ret.push({
+                            id: x.id,
+                            text: x.name,
+                            isNew: false,
+                        });
+                    });
+                    self.lastsearch = ret;
+                    return {results: ret};
+                }
+            },
+            // Take default tags from the input value
+            initSelection: function (element, callback) {
+                var data = [];
+                _.each(element.data('init-value'), function (x) {
+                    data.push({id: x.id, text: x.name, isNew: false});
+                });
+                element.val('');
+                callback(data);
+            },
+        });
+
+        _.each($('textarea.o_wysiwyg_loader'), function (textarea) {
+            var $textarea = $(textarea);
+            var editorKarma = $textarea.data('karma') || 0; // default value for backward compatibility
+            var $form = $textarea.closest('form');
+            var hasFullEdit = parseInt($("#karma").val()) >= editorKarma;
+            // Warning: Do not activate any option that adds inline style.
+            // Because the style is deleted after save.
+            var toolbar = [
+                ['style', ['style']],
+                ['font', ['bold', 'italic', 'underline', 'clear']],
+                ['para', ['ul', 'ol', 'paragraph']],
+                ['table', ['table']],
+            ];
+            if (hasFullEdit) {
+                toolbar.push(['insert', ['link', 'picture']]);
+            }
+            toolbar.push(['history', ['undo', 'redo']]);
+
+            var options = {
+                height: 200,
+                minHeight: 80,
+                toolbar: toolbar,
+                styleWithSpan: false,
+                styleTags: _.without(weDefaultOptions.styleTags, 'h1', 'h2', 'h3'),
+                recordInfo: {
+                    context: self._getContext(),
+                    res_model: 'forum.post',
+                    res_id: +window.location.pathname.split('-').pop(),
+                },
+                disableFullMediaDialog: true,
+                disableResizeImage: true,
+            };
+            if (!hasFullEdit) {
+                options.plugins = {
+                    LinkPlugin: false,
+                    MediaPlugin: false,
+                };
+            }
+            wysiwygLoader.load(self, $textarea[0], options).then(wysiwyg => {
+                // float-left class messes up the post layout OPW 769721
+                $form.find('.note-editable').find('img.float-left').removeClass('float-left');
+                // o_we_selected_image has not always been removed when
+                // saving a post so we need the line below to remove it if it is present.
+                $form.find('.note-editable').find('img.o_we_selected_image').removeClass('o_we_selected_image');
+                $form.on('click', 'button, .a-submit', () => {
+                    $form.find('.note-editable').find('img.o_we_selected_image').removeClass('o_we_selected_image');
+                    wysiwyg.save();
+                });
+            });
+        });
+
+        _.each(this.$('.o_wforum_bio_popover'), authorBox => {
+            $(authorBox).popover({
+                trigger: 'hover',
+                offset: 10,
+                animation: false,
+                html: true,
+            }).popover('hide').data('bs.popover').tip.classList.add('o_wforum_bio_popover_container');
+        });
+
+        this.$('#post_reply').on('shown.bs.collapse', function (e) {
+            const replyEl = document.querySelector('#post_reply');
+            const scrollingElement = dom.closestScrollable(replyEl.parentNode);
+            dom.scrollTo(replyEl, {
+                forcedOffset: $(scrollingElement).innerHeight() - $(replyEl).innerHeight(),
+            });
+        });
+
+        return this._super.apply(this, arguments);
+    },
+
+    //--------------------------------------------------------------------------
+    // Handlers
+    //--------------------------------------------------------------------------
+
+    /**
+     *
+     * @override
+     * @param {Event} ev
+     */
+    _onSubmitForm: function (ev) {
+        let validForm = true;
+
+        let $form = $(ev.currentTarget);
+        let $title = $form.find('input[name=post_name]');
+        let $textarea = $form.find('textarea[name=content]');
+        // It's not really in the textarea that the user write at first
+        let textareaContent = $form.find('.o_wysiwyg_wrapper .note-editable.panel-body').text().trim();
+
+        if ($title.length && $title[0].required) {
+            if ($title.val()) {
+                $title.removeClass('is-invalid');
+            } else {
+                $title.addClass('is-invalid');
+                validForm = false;
+            }
+        }
+
+        // Because the textarea is hidden, we add the red or green border to its container
+        if ($textarea[0] && $textarea[0].required) {
+            let $textareaContainer = $form.find('.o_wysiwyg_wrapper .note-editor.panel.panel-default');
+            if (!textareaContent.length) {
+                $textareaContainer.addClass('border border-danger rounded-top');
+                validForm = false;
+            } else {
+                $textareaContainer.removeClass('border border-danger rounded-top');
+            }
+        }
+
+        if (validForm) {
+            // Stores social share data to display modal on next page.
+            if ($form.has('.oe_social_share_call').length) {
+                sessionStorage.setItem('social_share', JSON.stringify({
+                    targetType: $(ev.currentTarget).find('.o_wforum_submit_post').data('social-target-type'),
+                }));
+            }
+        } else {
+            ev.preventDefault();
+            setTimeout(function() {
+                var $buttons = $(ev.currentTarget).find('button[type="submit"], a.a-submit');
+                _.each($buttons, function (btn) {
+                    let $btn = $(btn);
+                    $btn.find('i').remove();
+                    $btn.prop('disabled', false);
+                });
+            }, 0);
+        }
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onKarmaRequiredClick: function (ev) {
+        var $karma = $(ev.currentTarget);
+        var karma = $karma.data('karma');
+        var forum_id = $('#wrapwrap').data('forum_id');
+        if (!karma) {
+            return;
+        }
+        ev.preventDefault();
+        var msg = karma + ' ' + _t("karma is required to perform this action. ");
+        var title = _t("Karma Error");
+        if (forum_id) {
+            msg += '<a class="alert-link" href="/forum/' + forum_id + '/faq">' + _t("Read the guidelines to know how to gain karma.") + '</a>';
+        }
+        if (session.is_website_user) {
+            msg = _t("Sorry you must be logged in to perform this action");
+            title = _t("Access Denied");
+        }
+        this.call('crash_manager', 'show_warning', {
+            message: msg,
+            title: title,
+        }, {
+            sticky: false,
+        });
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onTagFollowBoxMouseEnter: function (ev) {
+        $(ev.currentTarget).find('.o_forum_tag_follow_box').stop().fadeIn().css('display', 'block');
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onTagFollowBoxMouseLeave: function (ev) {
+        $(ev.currentTarget).find('.o_forum_tag_follow_box').stop().fadeOut().css('display', 'none');
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onUserInfoMouseEnter: function (ev) {
+        $(ev.currentTarget).parent().find('.o_forum_user_bio_expand').delay(500).toggle('fast');
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onUserInfoMouseLeave: function (ev) {
+        $(ev.currentTarget).parent().find('.o_forum_user_bio_expand').clearQueue();
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onUserBioExpandMouseLeave: function (ev) {
+        $(ev.currentTarget).fadeOut('fast');
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onFlagAlertClick: function (ev) {
+        var self = this;
+        ev.preventDefault();
+        var $link = $(ev.currentTarget);
+        this._rpc({
+            route: $link.data('href') || ($link.attr('href') !== '#' && $link.attr('href')) || $link.closest('form').attr('action'),
+        }).then(function (data) {
+            if (data.error) {
+                var message;
+                if (data.error === 'anonymous_user') {
+                    message = _t("Sorry you must be logged to flag a post");
+                } else if (data.error === 'post_already_flagged') {
+                    message = _t("This post is already flagged");
+                } else if (data.error === 'post_non_flaggable') {
+                    message = _t("This post can not be flagged");
+                }
+                self.call('crash_manager', 'show_warning', {
+                    message: message,
+                    title: _t("Access Denied"),
+                }, {
+                    sticky: false,
+                });
+            } else if (data.success) {
+                var elem = $link;
+                if (data.success === 'post_flagged_moderator') {
+                    elem.data('href') && elem.html(' Flagged');
+                    var c = parseInt($('#count_flagged_posts').html(), 10);
+                    c++;
+                    $('#count_flagged_posts').html(c);
+                } else if (data.success === 'post_flagged_non_moderator') {
+                    elem.data('href') && elem.html(' Flagged');
+                    var forumAnswer = elem.closest('.forum_answer');
+                    forumAnswer.fadeIn(1000);
+                    forumAnswer.slideUp(1000);
+                }
+            }
+        });
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onVotePostClick: function (ev) {
+        var self = this;
+        ev.preventDefault();
+        var $btn = $(ev.currentTarget);
+        this._rpc({
+            route: $btn.data('href'),
+        }).then(function (data) {
+            if (data.error) {
+                var message;
+                if (data.error === 'own_post') {
+                    message = _t('Sorry, you cannot vote for your own posts');
+                } else if (data.error === 'anonymous_user') {
+                    message = _t('Sorry you must be logged to vote');
+                }
+                self.call('crash_manager', 'show_warning', {
+                    message: message,
+                    title: _t("Access Denied"),
+                }, {
+                    sticky: false,
+                });
+            } else {
+                var $container = $btn.closest('.vote');
+                var $items = $container.children();
+                var $voteUp = $items.filter('.vote_up');
+                var $voteDown = $items.filter('.vote_down');
+                var $voteCount = $items.filter('.vote_count');
+                var userVote = parseInt(data['user_vote']);
+
+                $voteUp.prop('disabled', userVote === 1);
+                $voteDown.prop('disabled', userVote === -1);
+
+                $items.removeClass('text-success text-danger text-muted o_forum_vote_animate');
+                void $container[0].offsetWidth; // Force a refresh
+
+                if (userVote === 1) {
+                    $voteUp.addClass('text-success');
+                    $voteCount.addClass('text-success');
+                    $voteDown.removeClass('karma_required');
+                }
+                if (userVote === -1) {
+                    $voteDown.addClass('text-danger');
+                    $voteCount.addClass('text-danger');
+                    $voteUp.removeClass('karma_required');
+                }
+                if (userVote === 0) {
+                    if (!$voteDown.data('can-downvote')) {
+                        $voteDown.addClass('karma_required');
+                    }
+                    if (!$voteUp.data('can-upvote')) {
+                        $voteUp.addClass('karma_required');
+                    }
+                }
+                $voteCount.html(data['vote_count']).addClass('o_forum_vote_animate');
+            }
+        });
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onValidationQueueClick: function (ev) {
+        ev.preventDefault();
+        var $link = $(ev.currentTarget);
+        $link.parents('.post_to_validate').hide();
+        $.get($link.attr('href')).then(() => {
+            var left = $('.o_js_validation_queue:visible').length;
+            var type = $('h2.o_page_header a.active').data('type');
+            $('#count_post').text(left);
+            $('#moderation_tools a[href*="/' + type + '_"]').find('strong').text(left);
+            if (!left) {
+                this.$('.o_caught_up_alert').removeClass('d-none');
+            }
+        }, function () {
+            $link.parents('.o_js_validation_queue > div').addClass('bg-danger text-white').css('background-color', '#FAA');
+            $link.parents('.post_to_validate').show();
+        });
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onAcceptAnswerClick: function (ev) {
+        ev.preventDefault();
+        var $link = $(ev.currentTarget);
+        var target = $link.data('target');
+
+        this._rpc({
+            route: $link.data('href'),
+        }).then(data => {
+            if (data.error) {
+                if (data.error === 'anonymous_user') {
+                    var message = _t("Sorry, anonymous users cannot choose correct answer.");
+                }
+                this.call('crash_manager', 'show_warning', {
+                    message: message,
+                    title: _t("Access Denied"),
+                }, {
+                    sticky: false,
+                });
+            } else {
+                _.each(this.$('.forum_answer'), answer => {
+                    var $answer = $(answer);
+                    var isCorrect = $answer.is(target) ? data : false;
+                    var $toggler = $answer.find('.o_wforum_validate_toggler');
+                    var newHelper = isCorrect ? $toggler.data('helper-decline') : $toggler.data('helper-accept');
+
+                    $answer.toggleClass('o_wforum_answer_correct', isCorrect);
+                    $toggler.tooltip('dispose')
+                            .attr('data-original-title', newHelper)
+                            .tooltip({delay: 0});
+                });
+            }
+        });
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onFavoriteQuestionClick: function (ev) {
+        ev.preventDefault();
+        var $link = $(ev.currentTarget);
+        this._rpc({
+            route: $link.data('href'),
+        }).then(function (data) {
+            $link.toggleClass('o_wforum_gold fa-star', data)
+                 .toggleClass('fa-star-o text-muted', !data);
+        });
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onDeleteCommentClick: function (ev) {
+        ev.preventDefault();
+        var $link = $(ev.currentTarget);
+        var $container = $link.closest('.o_wforum_post_comments_container');
+
+        this._rpc({
+            route: $link.closest('form').attr('action'),
+        }).then(function () {
+            $link.closest('.o_wforum_post_comment').remove();
+
+            var count = $container.find('.o_wforum_post_comment').length;
+            if (count) {
+                $container.find('.o_wforum_comments_count').text(count);
+            } else {
+                $container.find('.o_wforum_comments_count_header').remove();
+            }
+        });
+    },
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onCloseIntroClick: function (ev) {
+        ev.preventDefault();
+        document.cookie = 'forum_welcome_message = false';
+        $('.forum_intro').slideUp();
+        return true;
+    },
+});
+
+publicWidget.registry.websiteForumSpam = publicWidget.Widget.extend({
+    selector: '.o_wforum_moderation_queue',
+    xmlDependencies: ['/website_forum/static/src/xml/website_forum_share_templates.xml'],
+    events: {
+        'click .o_wforum_select_all_spam': '_onSelectallSpamClick',
+        'click .o_wforum_mark_spam': 'async _onMarkSpamClick',
+        'input #spamSearch': '_onSpamSearchInput',
+    },
+
+    /**
+     * @override
+     */
+    start: function () {
+        this.spamIDs = this.$('.modal').data('spam-ids');
+        return this._super.apply(this, arguments);
+    },
+
+    //--------------------------------------------------------------------------
+    // Handlers
+    //--------------------------------------------------------------------------
+
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onSelectallSpamClick: function (ev) {
+        var $spamInput = this.$('.modal .tab-pane.active input');
+        $spamInput.prop('checked', true);
+    },
+
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onSpamSearchInput: function (ev) {
+        var self = this;
+        var toSearch = $(ev.currentTarget).val();
+        return this._rpc({
+            model: 'forum.post',
+            method: 'search_read',
+            args: [
+                [['id', 'in', self.spamIDs],
+                    '|',
+                    ['name', 'ilike', toSearch],
+                    ['content', 'ilike', toSearch]],
+                ['name', 'content']
+            ],
+            kwargs: {}
+        }).then(function (o) {
+            _.each(o, function (r) {
+                r.content = $('<p>' + $(r.content).html() + '</p>').text().substring(0, 250);
+            });
+            self.$('div.post_spam').html(qweb.render('website_forum.spam_search_name', {
+                posts: o,
+            }));
+        });
+    },
+
+    /**
+     * @private
+     * @param {Event} ev
+     */
+    _onMarkSpamClick: function (ev) {
+        var key = this.$('.modal .tab-pane.active').data('key');
+        var $inputs = this.$('.modal .tab-pane.active input.custom-control-input:checked');
+        var values = _.map($inputs, function (o) {
+            return parseInt(o.value);
+        });
+        return this._rpc({model: 'forum.post',
+            method: 'mark_as_offensive_batch',
+            args: [this.spamIDs, key, values],
+        }).then(function () {
+            window.location.reload();
+        });
+    },
+});
+
+});
diff --git a/addons/website_forum/static/src/js/website_forum.share.js b/addons/website_forum/static/src/js/website_forum.share.js
new file mode 100644
index 00000000..68a2b8f3
--- /dev/null
+++ b/addons/website_forum/static/src/js/website_forum.share.js
@@ -0,0 +1,99 @@
+odoo.define('website_forum.share', function (require) {
+'use strict';
+
+var core = require('web.core');
+var publicWidget = require('web.public.widget');
+
+var qweb = core.qweb;
+
+// FIXME There is no reason to inherit from socialShare here
+var ForumShare = publicWidget.registry.socialShare.extend({
+    selector: '',
+    xmlDependencies: publicWidget.registry.socialShare.prototype.xmlDependencies
+        .concat(['/website_forum/static/src/xml/website_forum_share_templates.xml']),
+    events: {},
+
+    /**
+     * @override
+     * @param {Object} parent
+     * @param {Object} options
+     * @param {string} targetType
+     */
+    init: function (parent, options, targetType) {
+        this._super.apply(this, arguments);
+        this.targetType = targetType;
+    },
+    /**
+     * @override
+     */
+    start: function () {
+        var def = this._super.apply(this, arguments);
+        this._onMouseEnter();
+        return def;
+    },
+
+    //--------------------------------------------------------------------------
+    // Private
+    //--------------------------------------------------------------------------
+
+    /**
+     * @private
+     */
+    _bindSocialEvent: function () {
+        this._super.apply(this, arguments);
+        $('.oe_share_bump').click($.proxy(this._postBump, this));
+    },
+    /**
+     * @private
+     */
+    _render: function () {
+        var $question = this.$('article.question');
+        if (!this.targetType) {
+            this._super.apply(this, arguments);
+        } else if (this.targetType === 'social-alert') {
+            $question.before(qweb.render('website.social_alert', {medias: this.socialList}));
+        } else {
+            $('body').append(qweb.render('website.social_modal', {
+                medias: this.socialList,
+                target_type: this.targetType,
+                state: $question.data('state'),
+            }));
+            $('#oe_social_share_modal').modal('show');
+        }
+    },
+    /**
+     * @private
+     */
+    _postBump: function () {
+        this._rpc({ // FIXME
+            route: '/forum/post/bump',
+            params: {
+                post_id: this.element.data('id'),
+            },
+        });
+    },
+});
+
+publicWidget.registry.websiteForumShare = publicWidget.Widget.extend({
+    selector: '.website_forum',
+
+    /**
+     * @override
+     */
+    start: function () {
+        // Retrieve stored social data
+        if (sessionStorage.getItem('social_share')) {
+            var socialData = JSON.parse(sessionStorage.getItem('social_share'));
+            (new ForumShare(this, false, socialData.targetType)).attachTo($(document.body));
+            sessionStorage.removeItem('social_share');
+        }
+        // Display an alert if post has no reply and is older than 10 days
+        var $questionContainer = $('.oe_js_bump');
+        if ($questionContainer.length) {
+            new ForumShare(this, false, 'social-alert').attachTo($questionContainer);
+        }
+
+        return this._super.apply(this, arguments);
+    },
+});
+});