[ADD] pos_salesperson: Added Salesperson button in POS

- Added salesperson_id field in pos.order model pointing to hr.employee.
- Displayed salesperson field in POS order list and form views.
- Implemented button in POS UI for selecting a salesperson per order.
- Created OWL components with search and fuzzy match functionality.
- Loaded hr.employee model into POS using pos_available_models registry.
- Extended pos.session to include HR employee data during POS loading.

Author: mamg-odoo

pos_salesperson/__init__.py

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

pos_salesperson/__manifest__.py

@@ -0,0 +1,11 @@
+{
+    "name": "pos_salesperson",
+    "depends": ["base", "hr", "point_of_sale"],
+    "data": ["views/pos_order_view_inherit.xml"],
+    "assets": {
+        "point_of_sale._assets_pos": [
+            "pos_salesperson/static/src/app/**/*",
+        ],
+    },
+    "license": "LGPL-3",
+}

pos_salesperson/models/__init__.py

@@ -0,0 +1,2 @@
+from . import pos_order
+from . import pos_session

pos_salesperson/models/pos_order.py

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

pos_salesperson/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 += ["hr.employee"]
+        return data

pos_salesperson/static/src/app/SalesPersonLine/SalesPersonLine.js

@@ -0,0 +1,19 @@
+import { Component } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { Dropdown } from "@web/core/dropdown/dropdown";
+
+export class SalesPersonLine extends Component {
+  static template = "pos_salesperson.SalesLine";
+  static components = { Dropdown };
+  static props = [
+    "close",
+    "salesperson",
+    "isSelected",
+    "onClickUnselect",
+    "onClickSalesPerson",
+  ];
+
+  setup() {
+    this.ui = useService("ui");
+  }
+}

pos_salesperson/static/src/app/SalesPersonLine/SalesPersonLine.xml

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="pos_salesperson.SalesLine">
+        <t t-if="ui.isSmall">
+            <div class="partner-info d-flex flex-column p-1 border-bottom" t-att-class="{'bg-primary-subtle': props.isSelected}" t-att-data-id="props.salesperson.id" t-on-click="() => this.props.onClickSalesPerson(props.salesperson)">
+                <div class="d-flex justify-content-between align-items-center p-1">
+                    <div>
+                        <b t-esc="props.salesperson.name or ''" />
+                        <div class="company-field text-bg-muted" t-esc="props.salesperson.parent_name or ''" />
+                    </div>
+                </div>
+                <div class="partner-line-adress p-1" t-if="props.salesperson?.work_contact_id?.contact_address" t-esc="props.salesperson?.work_contact_id?.contact_address" />
+                <div class="partner-line-email p-1">
+                    <div class="mb-1" t-if="props.salesperson?.work_contact_id?.phone">
+                        <i class="fa fa-fw fa-phone me-2" />
+                        <t t-esc="props.salesperson?.work_contact_id?.phone" />
+                    </div>
+                    <div class="mb-1" t-if="props.salesperson?.work_contact_id?.mobile">
+                        <i class="fa fa-fw fa-mobile me-2" />
+                        <t t-esc="props.salesperson?.work_contact_id?.mobile" />
+                    </div>
+                    <div t-if="props.salesperson?.work_contact_id?.email" class="email-field mb-1">
+                        <i class="fa fa-fw fa-paper-plane-o me-2" />
+                        <t t-esc="props.salesperson?.work_contact_id?.email" />
+                    </div>
+                </div>
+                <div class="d-flex justify-content-between align-items-center p-1">
+                    <button t-if="props.isSelected" t-on-click.stop="props.onClickUnselect" class="unselect-tag-mobile d-inline-block d-lg-none btn btn-light border ms-2">
+                        <i class="fa fa-times me-1"></i>
+                        <span>UNSELECT</span>
+                    </button>
+                </div>
+            </div>
+        </t>
+        <t t-else="">
+            <tr class="partner-line partner-info" t-att-class="{'selected': props.isSelected}" t-att-data-id="props.salesperson.id" t-on-click="() => this.props.onClickSalesPerson(props.salesperson)">
+                <td>
+                    <b t-esc="props.salesperson.name or ''" />
+                    <div class="company-field text-bg-muted" t-esc="props.salesperson.parent_name or ''" />
+                </td>
+                <td>
+                    <div class="partner-line-adress" t-if="props.salesperson?.work_contact_id?.contact_address" t-esc="props.salesperson?.work_contact_id?.contact_address" />
+                </td>
+                <td class="partner-line-email ">
+                    <div t-if="props.salesperson?.work_contact_id?.phone">
+                        <i class="fa fa-fw fa-phone me-2"/>
+                        <t t-esc="props.salesperson?.work_contact_id?.phone"/>
+                    </div>
+                    <div t-if="props.salesperson?.work_contact_id?.mobile">
+                        <i class="fa fa-fw fa-mobile me-2"/>
+                        <t t-esc="props.salesperson?.work_contact_id?.mobile"/>
+                    </div>
+                    <div t-if="props.salesperson?.work_contact_id?.email" class="email-field">
+                        <i class="fa fa-fw fa-paper-plane-o me-2"/>
+                        <t t-esc="props.salesperson?.work_contact_id?.email" />
+                    </div>
+                </td>
+
+                <td class="edit-partner-button-cell align-middle pe-0">
+                    <button t-if="props.isSelected" t-on-click.stop="props.onClickUnselect" class="unselect-tag d-lg-inline-block d-none btn btn-link btn-lg mt-1 float-end">
+                        <i class="fa fa-check"/>
+                    </button>
+                </td>
+                <td class="edit-partner-button-cell align-middle">
+                    <Dropdown>
+                        <button class="btn btn-light btn-lg lh-lg border float-end">
+                            <i class="fa fa-fw fa-bars"/>
+                        </button>
+                        <t t-set-slot="content">
+                        </t>
+                    </Dropdown>
+                </td>
+            </tr>
+        </t>
+    </t>
+
+</templates>

pos_salesperson/static/src/app/SalesPersonList/SalesPersonList.js

@@ -0,0 +1,59 @@
+import { _t } from "@web/core/l10n/translation";
+import { useService } from "@web/core/utils/hooks";
+import { fuzzyLookup } from "@web/core/utils/search";
+import { Dialog } from "@web/core/dialog/dialog";
+import { usePos } from "@point_of_sale/app/store/pos_hook";
+import { Input } from "@point_of_sale/app/generic_components/inputs/input/input";
+import { Component, useState } from "@odoo/owl";
+import { unaccent } from "@web/core/utils/strings";
+import { SalesPersonLine } from "../SalesPersonLine/SalesPersonLine";
+
+export class SalesPersonList extends Component {
+  static template = "pos_salesperson.SalesList";
+  static components = { SalesPersonLine, Dialog, Input };
+  static props = {
+    salesperson: {
+      optional: true,
+      type: [{ value: null }, Object],
+    },
+    getPayload: { type: Function },
+    close: { type: Function },
+  };
+  setup() {
+    this.pos = usePos();
+    this.ui = useState(useService("ui"));
+    // this.dialog = useService("dialog");
+    this.state = useState({
+      query: null,
+    });
+  }
+
+  getSalesPerson() {
+    const searchWord = unaccent((this.state.query || "").trim(), false);
+    const salesperson = this.pos.models["hr.employee"].getAll();
+    const exactMatches = salesperson.filter(
+      (person) => (person.name || "").toLowerCase() === searchWord.toLowerCase()
+    );
+
+    if (exactMatches.length > 0) {
+      return exactMatches;
+    }
+    const availableSalesPerson = searchWord
+      ? fuzzyLookup(searchWord, salesperson, (sale) =>
+          unaccent(sale.searchString || "", false)
+        )
+      : salesperson.slice(0, 100).toSorted((a, b) => {
+          if (this.props.salesperson && this.props.salesperson.id === a.id) {
+            return -1;
+          }
+          return (a.name || "").localeCompare(b.name || "");
+        });
+
+    return availableSalesPerson;
+  }
+
+  clickSalesPerson(salesperson) {
+    this.props.getPayload(salesperson);
+    this.props.close();
+  }
+}

pos_salesperson/static/src/app/SalesPersonList/SalesPersonList.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="pos_salesperson.SalesList">
+        <Dialog bodyClass="'partner-list overflow-y-auto'" contentClass="'h-100'">
+            <t t-set-slot="header">
+
+                <Input tModel="[state, 'query']" class="'ms-auto'" isSmall="ui.isSmall" placeholder.translate="Search SalesPerson..." icon="{type: 'fa', value: 'fa-search'}" autofocus="true" debounceMillis="100" />
+            </t>
+            <table class="table table-hover">
+                <thead t-if="!ui.isSmall">
+                    <tr>
+                        <th class="py-2">Name</th>
+                        <th class="py-2">Address</th>
+                        <th class="partner-line-email py-2">Contact</th>
+                        <th class="pos-right-align py-2" t-if="isBalanceDisplayed">Balance</th>
+                        <th class="py-2"></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <t t-foreach="getSalesPerson()" t-as="salesperson" t-key="salesperson.id">
+                        <SalesPersonLine close="props.close" salesperson="salesperson" isSelected="props.salesperson?.id === salesperson.id" onClickUnselect.bind="() => this.clickSalesPerson()" onClickSalesPerson.bind="clickSalesPerson"/>
+                    </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">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="() => this.clickSalesPerson(this.props.salesperson)">Discard</button>
+                </div>
+            </t>
+        </Dialog>
+    </t>
+
+</templates>

pos_salesperson/static/src/app/control_button/control_button.js

@@ -0,0 +1,10 @@
+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,
+  },
+});

pos_salesperson/static/src/app/control_button/control_button.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<template xml:space="preserve">
+    <t t-name="pos_salesperson.ControlButtons" t-inherit="point_of_sale.ControlButtons" t-inherit-mode="extension">
+        <xpath expr="//button[@t-on-click='props.onClickMore']" position="before">
+            <SelectSalespersonButton/>
+        </xpath>
+    </t>
+</template>

pos_salesperson/static/src/app/model/hr_employee.js

@@ -0,0 +1,20 @@
+import { registry } from "@web/core/registry";
+import { Base } from "@point_of_sale/app/models/related_models";
+
+export class HrEmployee extends Base {
+  static pythonModel = "hr.employee";
+
+  get searchString() {
+    const fields = ["name"];
+    return fields
+      .map((field) => {
+        return this[field] || "";
+      })
+      .filter(Boolean)
+      .join(" ");
+  }
+}
+
+registry
+  .category("pos_available_models")
+  .add(HrEmployee.pythonModel, HrEmployee);

pos_salesperson/static/src/app/model/pos_order.js

@@ -0,0 +1,11 @@
+import { PosOrder } from "@point_of_sale/app/models/pos_order";
+import { patch } from "@web/core/utils/patch";
+
+patch(PosOrder.prototype, {
+  get_salesperson() {
+    return this.salesperson_id;
+  },
+  set_salesperson(salesperson) {
+    this.salesperson_id = salesperson;
+  },
+});

pos_salesperson/static/src/app/override/pos_store.js

@@ -0,0 +1,26 @@
+import { PosStore } from "@point_of_sale/app/store/pos_store";
+import { patch } from "@web/core/utils/patch";
+import { SalesPersonList } from "../SalesPersonList/SalesPersonList";
+import { makeAwaitable } from "@point_of_sale/app/store/make_awaitable_dialog";
+
+patch(PosStore.prototype, {
+  async selectSalesperson() {
+    const currentOrder = this.get_order();
+    if (!currentOrder) {
+      return false;
+    }
+    const currentSalesperson = currentOrder.get_salesperson();
+    const payload = await makeAwaitable(this.dialog, SalesPersonList, {
+      salesperson: currentSalesperson || null,
+      getPayload: (newPartner) => currentOrder.set_salesperson(newPartner),
+    });
+
+    if (payload) {
+      currentOrder.set_salesperson(payload);
+    } else {
+      currentOrder.set_salesperson(false);
+    }
+
+    return currentSalesperson;
+  },
+});

pos_salesperson/static/src/app/select_salesperson_button/select_salesperson_button.js

@@ -0,0 +1,9 @@
+import { Component, useState } from "@odoo/owl";
+import { usePos } from "@point_of_sale/app/store/pos_hook";
+
+export class SelectSalespersonButton extends Component {
+  static template = "pos_salesperson.SelectSalespersonButton";
+  setup() {
+    this.pos = usePos();
+  }
+}

pos_salesperson/static/src/app/select_salesperson_button/select_salesperson_button.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<template id='template' xml:space='preserve'>
+    <t t-name='pos_salesperson.SelectSalespersonButton'>
+        <button class="btn btn-light btn-lg lh-lg text-truncate w-auto" t-on-click="() => this.pos.selectSalesperson()">
+            <div t-if="this.pos.get_order().get_salesperson()" t-esc="this.pos.get_order().get_salesperson().name" class="text-truncate text-action" />
+            <div t-else="">Salesperson</div>
+        </button>
+    </t>
+</template>

pos_salesperson/views/pos_order_view_inherit.xml

@@ -0,0 +1,23 @@
+<?xml version="1.0"?>
+<odoo>
+    <record id="pos_order_inherit_list_view" model="ir.ui.view">
+        <field name="name">Salesperson Pos list view</field>
+        <field name="model">pos.order</field>
+        <field name="inherit_id" ref="point_of_sale.view_pos_order_tree"/>
+        <field name="arch" type="xml">
+            <xpath expr="//field[@name='partner_id']" position="after">
+                <field name="salesperson_id"/>
+            </xpath>
+        </field>
+    </record>
+    <record id="pos_order_inherit_form_view" model="ir.ui.view">
+        <field name="name">Salesperson Pos form view</field>
+        <field name="model">pos.order</field>
+        <field name="inherit_id" ref="point_of_sale.view_pos_pos_form"/>
+        <field name="arch" type="xml">
+            <xpath expr="//sheet//group//field[@name='fiscal_position_id']" position="after">
+                <field name="salesperson_id"/>
+            </xpath>
+        </field>
+    </record>
+</odoo>