1 files changed, 71 insertions, 0 deletions
diff --git a/addons/mail/static/src/models/device/device.js b/addons/mail/static/src/models/device/device.js
new file mode 100644
index 00000000..29e664d3
--- /dev/null
+++ b/addons/mail/static/src/models/device/device.js
@@ -0,0 +1,71 @@
+odoo.define('mail/static/src/models/device/device.js', function (require) {
+'use strict';
+
+const { registerNewModel } = require('mail/static/src/model/model_core.js');
+const { attr } = require('mail/static/src/model/model_field.js');
+
+function factory(dependencies) {
+
+    class Device extends dependencies['mail.model'] {
+
+        /**
+         * @override
+         */
+        _created() {
+            const res = super._created(...arguments);
+            this._refresh();
+            this._onResize = _.debounce(() => this._refresh(), 100);
+            return res;
+        }
+
+        /**
+         * @override
+         */
+        _willDelete() {
+            window.removeEventListener('resize', this._onResize);
+            return super._willDelete(...arguments);
+        }
+
+        //----------------------------------------------------------------------
+        // Public
+        //----------------------------------------------------------------------
+
+        /**
+         * Called when messaging is started.
+         */
+        start() {
+            // TODO FIXME Not using this.env.browser because it's proxified, and
+            // addEventListener does not work on proxified window. task-2234596
+            window.addEventListener('resize', this._onResize);
+        }
+
+        //----------------------------------------------------------------------
+        // Private
+        //----------------------------------------------------------------------
+
+        /**
+         * @private
+         */
+        _refresh() {
+            this.update({
+                globalWindowInnerHeight: this.env.browser.innerHeight,
+                globalWindowInnerWidth: this.env.browser.innerWidth,
+                isMobile: this.env.device.isMobile,
+            });
+        }
+    }
+
+    Device.fields = {
+        globalWindowInnerHeight: attr(),
+        globalWindowInnerWidth: attr(),
+        isMobile: attr(),
+    };
+
+    Device.modelName = 'mail.device';
+
+    return Device;
+}
+
+registerNewModel('mail.device', factory);
+
+});