[ADD] salesperson_button_in_pos: added Salesperson selection button in POS UI

- Created a new module salesperson button in pos
- Added  salesperson id field in posorder model to track salesperson
- Created a new button Select Salesperson in POS frontend
- Implemented the button in controlbutton xml
- Developed  select salesperson button js as an OWL component
- Patched  ControlButtons to include the Salesperson button in POS
- Registered assets properly in  manifest py for POS UI
- Debugged and tested visibility of the button in POS UI

Author: agir-odoo

salesperson_button_in_pos/__init__.py

@@ -0,0 +1 @@
+from . import models

salesperson_button_in_pos/__manifest__.py

@@ -0,0 +1,22 @@
+{
+    'name': 'Salesperson button in POS',
+    'version': '1.0',
+    'summary': 'Adding a salesperson button in pos',
+    'description': """
+        Adding salesperson button in pos
+    """,
+    'author': 'Raghav Agiwal',
+    'depends': ['point_of_sale', 'hr'],
+    'data': [
+        'views/pos_order_view.xml',
+        'views/employee_form_view.xml',
+    ],
+    'assets': {
+        'point_of_sale._assets_pos': [
+            'salesperson_button_in_pos/static/src/app/**/*',
+        ],
+    },
+    'installable': True,
+    'application': True,
+    'license': 'LGPL-3'
+}

salesperson_button_in_pos/models/__init__.py

@@ -0,0 +1,3 @@
+from . import pos_order
+from . import pos_session
+from . import hr_employee

salesperson_button_in_pos/models/hr_employee.py

@@ -0,0 +1,5 @@
+from odoo import models
+
+
+class HrEmployee(models.Model):
+    _inherit = "hr.employee"

salesperson_button_in_pos/models/pos_order.py

@@ -0,0 +1,7 @@
+from odoo import models, fields
+
+
+class PosOrder(models.Model):
+    _inherit = 'pos.order'
+
+    salesperson_id = fields.Many2one('hr.employee', string='Salesperson')

salesperson_button_in_pos/models/pos_session.py

@@ -0,0 +1,11 @@
+from odoo import api, models
+
+
+class PosSession(models.Model):
+    _inherit = "pos.session"
+
+    @api.model
+    def _load_pos_data_models(self, config_id):
+        data = super()._load_pos_data_models(config_id)
+        data.append("hr.employee")
+        return data

salesperson_button_in_pos/static/src/app/salesperson_list/salesperson_list.js

@@ -0,0 +1,93 @@
+import { Component, useState } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { Dialog } from "@web/core/dialog/dialog";
+import { Input } from "@point_of_sale/app/generic_components/inputs/input/input";
+import { usePos } from "@point_of_sale/app/store/pos_hook";
+import { _t } from "@web/core/l10n/translation";
+import { unaccent } from "@web/core/utils/strings";
+import { fuzzyLookup } from "@web/core/utils/search";
+import { useHotkey } from "@web/core/hotkeys/hotkey_hook";
+import { makeActionAwaitable } from "@point_of_sale/app/store/make_awaitable_dialog";
+
+
+export class SalespersonList extends Component {
+    static template = "salesperson_button_in_pos.SalespersonList";
+    static components = {Dialog, Input };
+    static props = {
+        getPayload: { type: Function },
+        close: { type: Function },
+        currentSelectedSalesperson: { type: Object },
+    };
+
+    setup(){
+        this.pos = usePos();
+        this.dialog = useService("dialog");
+        this.action=useService("action");
+        this.ui = useState(useService("ui"));
+        this.notification = useService("notification");
+        this.allSalesperson = this.pos.models["hr.employee"]?.getAll();
+        this.state = useState({
+            query: "",
+            selectedSalesPerson: null
+        });
+        useHotkey("enter", () => this.onEnter());
+        this.loadSalespeople();
+    }
+
+    async loadSalespeople() {
+        this.state.salespeople = await this.getSalespersons();
+    }
+
+    async editSalesperson(salesperson = false) {
+        try {
+            const actionProps = salesperson && salesperson.id ? { resId: salesperson.id } : {};
+    
+            await this.env.services.action.doAction("salesperson_button_in_pos.action_salesperson_create_form_view", {
+                props: actionProps,
+                onClose: async () => {
+                    await this.loadSalespeople(); 
+                    this.props.close();             
+                },
+            });
+        } catch (error) {
+            console.error("Error opening salesperson form:", error);
+        }
+    }
+    
+    get filteredSalespersons() {
+        if (!this.state.query) {
+            return this.allSalesperson;
+        }
+        return fuzzyLookup(
+            this.state.query,
+            this.allSalesperson,
+            (salesperson) => unaccent(salesperson.name)
+        );
+    }
+
+    getSalespersons() {
+        const users = this.pos.models["res.users"].getAll();
+        const query = this.state.query?.toLowerCase() || "";
+        return users.filter((u) => u.name?.toLowerCase().includes(query));
+    }
+
+    selectSalesperson(salesperson) {
+        const currentOrder = this.pos.get_order();
+        if (!currentOrder) return;
+
+        if (this.props.currentSelectedSalesperson?.id === salesperson.id) {
+            this.props.getPayload(null);
+        } else {
+            this.props.getPayload(salesperson);
+        }
+    this.props.close();
+    }
+
+    onEnter() {
+        this.notification.add(_t('No more customer found for "%s".', this.state.query),300);
+    }
+    
+    onSearchInput(event) {
+        this.state.query = event?.target?.value;
+    }
+}

salesperson_button_in_pos/static/src/app/salesperson_list/salesperson_list.xml

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="salesperson_button_in_pos.SalespersonList">
+        <Dialog bodyClass="'salesperson-list overflow-y-auto'" contentClass="'h-100'">
+            <t t-set-slot="header">
+                <button t-if="!ui.isSmall" class="btn btn-primary btn-lg lh-lg" role="img" aria-label="Add a salesperson"
+                        t-on-click="() => this.editSalesperson()"
+                        title="Add a salesperson">
+                Create
+                </button>
+                <Input tModel="[state, 'query']" class="'ms-auto'" isSmall="ui.isSmall" placeholder.translate="Search Salespersons..." icon="{type: 'fa', value: 'fa-search'}" autofocus="true" debounceMillis="100" t-on-input="onSearchInput" />
+            </t>
+            <table class="table table-hover">
+                <thead>
+                    <tr>
+                        <th class="py-2">Name</th>
+                        <th class="py-2">Contact</th>
+                        <th class="py-2"></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <t t-if="filteredSalespersons.length !== 0">
+                        <t t-foreach="filteredSalespersons" t-as="salesperson" t-key="salesperson.id">
+                            <tr t-on-click="() => this.selectSalesperson(salesperson)" style="cursor: pointer;">
+                                <td>
+                                    <b t-esc="salesperson.name or ''"/>
+                                    <div class="company-field text-bg-muted"/>
+                                </td>
+                                <td t-esc="salesperson?.work_contact_id?.email"/>
+                                <td class="salesperson-line-email">
+                                </td>
+                                <td>
+                                    <t t-if="this.props.currentSelectedSalesperson?.id === salesperson?.id">
+                                        <button t-on-click="() => this.selectSalesperson(salesperson)" class="btn btn-transparent text-danger">
+                                            <i class="fa fa-times text-danger"/>
+                                        </button>
+                                    </t>
+                                </td>
+                            </tr>
+                        </t>
+                    </t>
+                    <t t-else="">
+                        <tr>
+                            <td colspan="4" class="text-center py-3">No Salesperson Found</td>
+                        </tr>
+                    </t>
+                </tbody>
+            </table>
+            <div t-if="state.query" class="search-more-button d-flex justify-content-center my-2">
+                <button class="btn btn-lg btn-primary" t-on-click="onEnter">Search more</button>
+            </div>
+            <t t-set-slot="footer">
+                <div class="d-flex justify-content-start flex-wrap gap-2 w-100">
+                    <button class="btn btn-secondary btn-lg lh-lg o-default-button" t-on-click="props.close">Discard</button>
+                </div>
+            </t>
+        </Dialog>
+    </t>
+</templates>

salesperson_button_in_pos/static/src/app/screens/product_screen/control_buttons/control_button.js

@@ -0,0 +1,9 @@
+/** @odoo-module **/
+
+import { ControlButtons } from "@point_of_sale/app/screens/product_screen/control_buttons/control_buttons";
+import { SelectSalespersonButton } from "./select_salesperson_button/select_salesperson_button";
+import { patch } from "@web/core/utils/patch";
+
+patch(ControlButtons, {
+    components: { ...ControlButtons.components, SelectSalespersonButton, }
+});

salesperson_button_in_pos/static/src/app/screens/product_screen/control_buttons/control_button.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+    <t t-name="salesperson_button_in_pos.ControlButton" t-inherit="point_of_sale.ControlButtons" t-inherit-mode="extension">
+        <xpath expr="//OrderlineNoteButton"  position="after">
+            <SelectSalespersonButton/>
+        </xpath>
+    </t>
+</templates>