Merge pull request #397 from hpatelserpentcs/13_web_widget_multi_image

[ADD][IMP][13.0] Web Widget Multiple Image
JayVora-SerpentCS · Dec 7, 2019 · 9812501 · 9812501
2 parents 2b0663f + 3858426
commit 9812501
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 1 deletion.
diff --git a/web_widget_multi_image/static/src/js/multi_image.js b/web_widget_multi_image/static/src/js/multi_image.js
@@ -3,6 +3,8 @@ odoo.define('web_widget_multi_image.MultiImage', function(require) {
 
     var core = require('web.core');
     var FieldOne2Many = require('web.relational_fields').FieldOne2Many;
+    var ControlPanelView = require('web.ControlPanelView');
+    var Pager = require('web.Pager');
     var dataset = require('web.data');
     var Dialog = require('web.Dialog');
     var QWeb = core.qweb;
@@ -193,5 +195,54 @@ odoo.define('web_widget_multi_image.MultiImage', function(require) {
             $(curr_id).closest('table.hoverbox').parent().remove();
         },
 
+        _renderControlPanel: function () {
+            if (!this.view) {
+                return Promise.resolve();
+            }
+            var self = this;
+
+            var defs = [];
+            var controlPanelView = new ControlPanelView({
+                template: 'X2ManyControlPanel',
+                withSearchBar: false,
+                context: {'widget': self.attrs.widget}
+            });
+            var cpDef = controlPanelView.getController(this).then(function (controlPanel) {
+                self._controlPanel = controlPanel;
+                return self._controlPanel.prependTo(self.$el);
+            });
+            this.pager = new Pager(this, this.value.count, this.value.offset + 1, this.value.limit, {
+                single_page_hidden: true,
+                withAccessKey: false,
+                validate: function () {
+                    var isList = self.view.arch.tag === 'tree';
+                    // TODO: we should have some common method in the basic renderer...
+                    return isList ? self.renderer.unselectRow() : Promise.resolve();
+                },
+            });
+            this.pager.on('pager_changed', this, function (new_state) {
+                self.trigger_up('load', {
+                    id: self.value.id,
+                    limit: new_state.limit,
+                    offset: new_state.current_min - 1,
+                    on_success: function (value) {
+                        self.value = value;
+                        self._render();
+                    },
+                });
+            });
+            this._renderButtons();
+            defs.push(this.pager.appendTo($('<div>'))); // start the pager
+            defs.push(cpDef);
+            return Promise.all(defs).then(function () {
+                self._controlPanel.updateContents({
+                    cp_content: {
+                        $buttons: self.$buttons,
+                        $pager: self.pager.$el,
+                    }
+                });
+            });
+        },
+
     });
 });
diff --git a/web_widget_multi_image/static/src/xml/image_multi.xml b/web_widget_multi_image/static/src/xml/image_multi.xml
@@ -29,7 +29,7 @@
 
     <t t-extend="X2ManyControlPanel">
         <t t-jquery=".o_cp_buttons" t-operation="before">
-            <table>
+            <table t-if="widget.context.widget == 'image_multi'">
                 <tr style="background:white;">
                     <td style="padding: 10px 250px 15px 250px;">
                         <button class="fa fa-search oe-image-preview btn btn-sm oe_form_binary btn-primary" type="button" title="Preview">