From cb73de58ee9e5dca289d2a41d308cbcfe0c5848d Mon Sep 17 00:00:00 2001
From: Pierre Paridans <app@odoo.com>
Date: Fri, 20 Aug 2021 08:44:12 +0000
Subject: [PATCH] [FIX] web: backport mobile OS detection support
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
This commit backports the mobile OS detection support, and specifically
Android & iOS one to allow more specific targeting of edge cases (i.e.
disabling native date picker in the mobile iOS app only).
opw-2613810
closes odoo/odoo#75455
Related: odoo/enterprise#20402
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
---
addons/web/static/src/js/services/config.js | 27 +++++++++++++++++++++
1 file changed, 27 insertions(+)
diff --git a/addons/web/static/src/js/services/config.js b/addons/web/static/src/js/services/config.js
index 60a3dea28d4a..515a846bd4fd 100644
--- a/addons/web/static/src/js/services/config.js
+++ b/addons/web/static/src/js/services/config.js
@@ -16,6 +16,11 @@ if (debugParam !== undefined) {
debug = debugParam === 'assets' ? 'assets' : true;
}
+var maxTouchPoints = navigator.maxTouchPoints || 1;
+var isAndroid = /Android/i.test(navigator.userAgent);
+var isIOS = /(iPad|iPhone|iPod)/i.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && maxTouchPoints > 1);
+var isOtherMobileDevice = /(webOS|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
+
var config = {
/**
* debug can be either a boolean, or the special value 'assets'
@@ -38,6 +43,20 @@ var config = {
* @type Number
*/
size_class: null,
+ /**
+ * Mobile OS (Android) device detection using userAgent.
+ * This flag doesn't depend on the size/resolution of the screen.
+ *
+ * @return Boolean
+ */
+ isAndroid: isAndroid,
+ /**
+ * Mobile OS (iOS) device detection using userAgent.
+ * This flag doesn't depend on the size/resolution of the screen.
+ *
+ * @return Boolean
+ */
+ isIOS: isIOS,
/**
* A frequent use case is to have a different render in 'mobile' mode,
* meaning when the screen is small. This flag (boolean) is true when
@@ -46,6 +65,14 @@ var config = {
* @type Boolean
*/
isMobile: null,
+ /**
+ * Mobile device detection using userAgent.
+ * This flag doesn't depend on the size/resolution of the screen.
+ * It targets mobile devices which suggests that there is a virtual keyboard.
+ *
+ * @return {boolean}
+ */
+ isMobileDevice: isAndroid || isIOS || isOtherMobileDevice,
/**
* Mapping between the numbers 0,1,2,3,4,5,6 and some descriptions
*/
--
GitLab