Enable Dark Mode!
how-to-show-hide-a-button-in-odoo-16-pos.jpg
By: Aneesh Akramannil

How to Show/Hide a Button in Odoo 16 POS

Technical Odoo 16

Everything in Odoo POS is specified in terms of screens. The Point of Sale interface has been made simpler in Odoo version 16 when compared to the previous one. All Point of Sale screens have undergone numerous usability enhancements to make them simpler to use.

This blog will demonstrate how to display or conceal any buttons on the POS product screen depending on the user's access privileges.

The POS ProductScreen is nothing more than a screen with buttons such as Discount, Info, Refund, Reward, etc. We can find out how to make any of these buttons invisible to a certain user. To do that, we can look at the definition of a button on the product screen. For instance, we may examine the RefundButton.js file in the 'point_of_sale' module to see how it is defined. It is created by extending the POS component, and after that, it is added to the product screen as shown below:

ProductScreen.addControlButton({
   component: RefundButton,
   condition: function () {
   return true;
},});
This code explains that the RefundButton was added to the product screen as a control button. Then a condition function is included, returning true. This indicates that it is dependent on the condition that has been set, and the button will only appear when the condition is satisfied.
Since no condition is specified in this case, true is returned without testing anything. Therefore, it will come back each time we open the screen.
Now that we know how to add our condition inside of it, we can check. In order to accomplish that, we must add the boolean field hide_refund_button to the res.users model and load the field into the PoS session, as shown below.


class AccessRightsUsers(models.Model):
""" Adding fields in to res users """
    _inherit = "res.users"
    _description = "Adding the field in in res.user that helps to manage the button show & hide in pos session"
    show_refund_button = fields.Boolean("Show refund Button", default=False)
class PosSession(models.Model):
    """Load fields into pos session."""
    _inherit = "pos.session"
    _description = "Load the added fields in res users to pos session for accessing the value of that field in pos"
    def _pos_ui_models_to_load(self):
        """Load res.users model into pos session"""
        result = super()._pos_ui_models_to_load()
        result += [
            'res.users',
        ]
        return result
    def _loader_params_res_users(self):
        """Load the fields in to the pos session"""
        return {
            'search_params': {
                'domain': [('id', '=', self.env.user.id)],
                'fields': ['show_refund_button']
            }
        }
    def _get_pos_ui_res_users(self, params):
        return self.env['res.users'].search_read(**params['search_params'])


<?xml version="1.0" encoding="utf-8" ?>
<odoo>
   <record id="res_users_form" model="ir.ui.view">
       <field name="name">res_users_form</field>
       <field name="model">res.users</field>
       <field name="inherit_id" ref="base.view_users_form"/>
       <field name="arch" type="xml">

           <xpath expr="//page[@name='access_rights']" position="inside">
               <group>
                   <group>
                       <field name="show_payment_button"/>
                   </group>
               </group>
           </xpath>
       </field>
   </record>
</odoo>

This will result us a view like below from this we can control the button visibility.

how-to-show-hide-a-button-in-odoo-16-pos-cybrosys

The next step is to base the refund button's criteria on the user who is currently logged in.

ProductScreen.addControlButton({
      component: RefundButton,
      condition: function () {
          return this.env.pos.user[0].show_refund_button;
      },
  });
On every button on the product screen, commonly referred to as the POS screen, the security conditions can be set similarly to the example above. This is how we show/hide a button on Odoo 16 PoS based on users.


If you need any assistance in odoo, we are online, please chat with us.



0
Comments



Leave a comment



whatsapp
location

Calicut

Cybrosys Technologies Pvt. Ltd.
Neospace, Kinfra Techno Park
Kakkancherry, Calicut
Kerala, India - 673635

location

Kochi

Cybrosys Technologies Pvt. Ltd.
1st Floor, Thapasya Building,
Infopark, Kakkanad,
Kochi, India - 682030.

location

Bangalore

Cybrosys Techno Solutions
The Estate, 8th Floor,
Dickenson Road,
Bangalore, India - 560042

Send Us A Message