[16] [FIX] pos_access_right: enforce payment button restriction in tablet mode

pos_access_right/static/src/css/pos.css

@@ -15,3 +15,8 @@
 .pos .ticket-screen .pointer.disabled-mode:hover {
     cursor: not-allowed;
 }
+
+.pos .switchpane .btn-switchpane.disabled-mode,
+.pos .switchpane .btn-switchpane.disabled-mode:hover {
+    display: none;
+}

pos_access_right/static/src/js/MobileOrderWidget.js

@@ -0,0 +1,17 @@
+odoo.define("pos_access_right.MobileOrderWidget", function (require) {
+    "use strict";
+
+    const Registries = require("point_of_sale.Registries");
+    const MobileOrderWidget = require("point_of_sale.MobileOrderWidget");
+
+    const PosMobileOrderWidget = (OriginalMobileOrderWidget) =>
+        class extends OriginalMobileOrderWidget {
+            get hasPaymentControlRights() {
+                return this.env.pos.user.hasGroupPayment;
+            }
+        };
+
+    Registries.Component.extend(MobileOrderWidget, PosMobileOrderWidget);
+
+    return MobileOrderWidget;
+});

pos_access_right/static/src/xml/MobileOrderWidget.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates id="template" xml:space="preserve">
+
+    <t
+        t-name="MobileOrderWidget"
+        t-inherit="point_of_sale.MobileOrderWidget"
+        t-inherit-mode="extension"
+        owl="1"
+    >
+        <xpath
+            expr="div[hasclass('switchpane')]//button[hasclass('btn-switchpane')]"
+            position="attributes"
+        >
+            <attribute
+                name="t-att-class"
+            >{'disabled-mode': !hasPaymentControlRights}</attribute>
+            <attribute name="t-att-disabled">!hasPaymentControlRights</attribute>
+        </xpath>
+    </t>
+
+</templates>