[IMP] website_slides: create channel in frontend

This commit provides the abilty to create channel from the website
instead of creating a slide. To do so, the user still have the "upload"
button on the channel home page.
The new modal allow user to set title, description, type and channel
tags. We prevent channel tag and group tag creation on the fly, as it
can impact the UI (coming in a future commits).

Task-1938643

1 files changed, 83 insertions, 36 deletions

diff --git a/addons/website_slides/static/src/js/website_slides.editor.js b/addons/website_slides/static/src/js/website_slides.editor.js
index 2d4f0ee8992..40513e785e2 100644
--- a/addons/website_slides/static/src/js/website_slides.editor.js
+++ b/addons/website_slides/static/src/js/website_slides.editor.js
@@ -8,12 +8,83 @@ var WebsiteNewMenu = require('website.newMenu');
 
 var _t = core._t;
 
+
+var ChannelCreateDialog = Dialog.extend({
+    template: 'website.slide.channel.create',
+    /**
+     * @override
+     * @param {Object} parent
+     * @param {Object} options
+     */
+    init: function (parent, options) {
+        options = _.defaults(options || {}, {
+            title: _t("New Channel Slide"),
+            size: 'medium',
+            buttons: [{
+                text: _t("Create"),
+                classes: 'btn-primary',
+                click: this._onClickFormSubmit.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.$('#tag_ids');
+            $input.select2({
+                width: '100%',
+                allowClear: true,
+                formatNoMatches: false,
+                multiple: true,
+                selection_data: false,
+                fill_data: function (query, data) {
+                    var that = this,
+                        tags = {results: []};
+                    _.each(data, function (obj) {
+                        if (that.matcher(query.term, obj.name)) {
+                            tags.results.push({id: obj.id, text: obj.name});
+                        }
+                    });
+                    query.callback(tags);
+                },
+                query: function (query) {
+                    var that = this;
+                    // fetch data only once and store it
+                    if (!this.selection_data) {
+                        self._rpc({
+                            route: '/slides/channel/tag/search_read',
+                            params: {
+                                fields: ['name'],
+                                domain: [],
+                            }
+                        }).then(function (data) {
+                            that.can_create = data.can_create;
+                                that.fill_data(query, data.read_results);
+                                that.selection_data = data.read_results;
+                        });
+                    } else {
+                        this.fill_data(query, this.selection_data);
+                    }
+                }
+            });
+        });
+    },
+    _onClickFormSubmit: function (ev) {
+        var $form = this.$("#slide_channel_add_form");
+        $form.submit()
+    },
+});
+
 WebsiteNewMenu.include({
     actions: _.extend({}, WebsiteNewMenu.prototype.actions || {}, {
-        new_slide: '_createNewSlide',
+        new_slide_channel: '_createNewSlideChannel',
     }),
     xmlDependencies: WebsiteNewMenu.prototype.xmlDependencies.concat(
-        ['/website_slides/static/src/xml/website_slides.xml']
+        ['/website_slides/static/src/xml/website_slides_channel.xml']
     ),
 
     //--------------------------------------------------------------------------
@@ -21,44 +92,20 @@ WebsiteNewMenu.include({
     //--------------------------------------------------------------------------
 
     /**
-     * Asks the user information about in which channel to create a new slide,
-     * and redirects the user to this channel with the "new slide" popup open.
+     * Displays the popup to create a new slide channel,
+     * and redirects the user to this channel.
      *
      * @private
      * @returns {Deferred} Unresolved if there is a redirection
      */
-    _createNewSlide: function () {
-        var self = this;
-        return this._rpc({
-            model: 'slide.channel',
-            method: 'list_all',
-            args: [[]],
-        }).then(function (data) {
-            var def = $.Deferred();
-            new Dialog(self, {
-                title: _t("New slide"),
-                subtitle: _t("On which channel do you want to add a slide?"),
-                size: 'medium',
-                $content: QWeb.render('website.slide.create', data),
-                buttons: [{
-                    text: _t("Select"),
-                    classes: 'btn-primary',
-                    click: function () {
-                        var channel_url = this.$("option:selected").val();
-                        if (channel_url) {
-                            window.location.href = channel_url + '?enable_slide_upload';
-                        } else {
-                            def.reject();
-                        }
-                    }
-                }, {
-                    text: _t("Cancel"), close: true
-                },]
-            }).open()
-                .on('closed', def.resolve.bind(def));
-
-            return def;
+     _createNewSlideChannel: function () {
+        var def = $.Deferred();
+        var dialog = new ChannelCreateDialog(this, {});
+        dialog.open();
+        dialog.on('closed', this, function() {
+            def.resolve();
         });
-    },
+        return def;
+     },
 });
 });