[ADD] pos_salesperson: salesperson selection and display in POS

pos_salesperson/__init__.py

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

pos_salesperson/__manifest__.py

@@ -0,0 +1,17 @@
+{
+    'name': 'Pos Salesperson',
+    'version': '1.0',
+    'category': 'Sales/Point of Sale',
+    'summary': 'Allow selecting salesperson for pos order',
+    'depends': ['point_of_sale', 'hr'],
+    'installable': True,
+    'data': [
+        'views/pos_order_view.xml'
+    ],
+    'assets': {
+        'point_of_sale._assets_pos': [
+            'pos_salesperson/static/src/**/*',
+        ],
+    },
+    '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,6 @@
+from odoo import models, fields
+
+
+class InheritedPosOrder(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 models, api
+
+
+class InheritedPosSession(models.Model):
+    _inherit = "pos.session"
+
+    @api.model
+    def _load_pos_data_models(self, config_id):
+        data_models = super()._load_pos_data_models(self.config_id.id)
+        data_models.append('hr.employee')
+        return data_models

pos_salesperson/static/src/models/hr_employee.js

@@ -0,0 +1,19 @@
+import { Base } from "@point_of_sale/app/models/related_models";
+import { registry } from "@web/core/registry";
+
+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/overrides/control_button.js

@@ -0,0 +1,7 @@
+import { patch } from "@web/core/utils/patch";
+import { SalespersonButton } from "../salesperson_button/salesperson_button";
+import { ControlButtons } from "@point_of_sale/app/screens/product_screen/control_buttons/control_buttons";
+
+patch(ControlButtons.components, {
+    SalespersonButton
+})

pos_salesperson/static/src/overrides/control_buttons.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates id="template" xml:space="preserve">
+    <t t-inherit="point_of_sale.ControlButtons" t-inherit-mode="extension">
+        <xpath expr="//button[hasclass('more-btn')]" position="before">
+            <SalespersonButton t-if="!props.showRemainingButtons" />
+        </xpath>
+    </t>
+</templates>

pos_salesperson/static/src/overrides/pos_order.js

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

pos_salesperson/static/src/overrides/pos_store.js

@@ -0,0 +1,26 @@
+import { makeAwaitable } from "@point_of_sale/app/store/make_awaitable_dialog";
+import { PosStore } from "@point_of_sale/app/store/pos_store";
+import { patch } from "@web/core/utils/patch";
+import { SalespersonList } from "../salesperson_list/salesperson_list";
+
+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,
+            getPayload: (newSalesperson) => {
+                currentOrder.set_salesperson(newSalesperson)
+            },
+        });
+        if (payload) {
+            currentOrder.set_salesperson(payload);
+        } else {
+            currentOrder.set_salesperson(false);
+        }
+        return currentSalesperson;
+    }
+})

pos_salesperson/static/src/salesperson_button/salesperson_button.js

@@ -0,0 +1,13 @@
+import { Component, markRaw } from "@odoo/owl";
+import { usePos } from "@point_of_sale/app/store/pos_hook";
+
+export class SalespersonButton extends Component {
+    static template = 'pos_salesperson.SelectSalespersonButton';
+    setup() {
+        this.pos = usePos();
+    }
+
+    get salesperson() {
+        return this.pos.get_order()?.get_salesperson();
+    }
+}

pos_salesperson/static/src/salesperson_button/salesperson_button.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="pos_salesperson.SelectSalespersonButton">
+        <button class="btn btn-light btn-lg lh-lg flex-grow-1" t-on-click="() => this.pos.selectSalesperson()">
+            <div t-if="this.salesperson" t-esc="this.salesperson?.name" class="text-truncate text-action" />
+            <t t-else="">Salesperson</t>
+        </button>
+    </t>
+</templates>

pos_salesperson/static/src/salesperson_list/sales_person_list.scss

@@ -0,0 +1,59 @@
+.salesperson-list {
+    tr {
+        border: $border-width solid $border-color;
+
+        &:hover {
+            cursor: pointer;
+        }
+
+        &:active {
+            background-color: $o-component-active-bg;
+        }
+    }
+}
+
+.salesperson-list table {
+    border-collapse: separate;
+    border-spacing: 0 8px;
+    margin-top: -8px;
+
+    td {
+        border: $border-width solid $border-color;
+        border-style: solid none;
+        padding: map-get($spacers, 3);
+    }
+
+    tr.selected td {
+        border-color: $o-component-active-border;
+    }
+
+    td:first-child {
+        border-left-style: solid;
+        border-top-left-radius: $border-radius-lg;
+        border-bottom-left-radius: $border-radius-lg;
+    }
+
+    td:last-child {
+        border-right-style: solid;
+        border-bottom-right-radius: $border-radius-lg;
+        border-top-right-radius: $border-radius-lg;
+    }
+}
+
+@include media-breakpoint-down(lg) {
+    .salesperson-list {
+        table {
+            border: transparent;
+        }
+
+        .salesperson-list {
+            thead {
+                display: none;
+            }
+
+            td {
+                padding: 0;
+            }
+        }
+    }
+}

pos_salesperson/static/src/salesperson_list/salesperson_line/salesperson_line.js

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

pos_salesperson/static/src/salesperson_list/salesperson_line/salesperson_line.scss

@@ -0,0 +1,47 @@
+@include media-breakpoint-down(lg) {
+
+    .salesperson-line {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        padding: 12px 24px;
+        border-bottom: 1px solid $o-gray-300;
+
+        td {
+            border: 0;
+            flex-basis: 100%;
+            padding: 5px;
+            background-color: transparent;
+        }
+    }
+
+    .salesperson-line .pos-right-align {
+        text-align: left;
+    }
+
+    .edit-salesperson-button-cell {
+        order: 4;
+    }
+}
+
+.salesperson-line {
+    &:hover i.oi-chevron-right {
+        transition: $transition-base;
+        transform: translateX(.5rem);
+        color: $o-main-link-color;
+    }
+
+    &.selected {
+        background-color: $o-component-active-bg;
+        border: $border-width solid $o-component-active-border;
+    }
+
+    &.selected .btn.btn-link:hover .fa-check {
+        display: none;
+    }
+
+    &.selected .btn.btn-link:hover::after {
+        content: "\e852";
+        font-family: 'odoo_ui_icons';
+    }
+}

pos_salesperson/static/src/salesperson_list/salesperson_line/salesperson_line.xml

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="pos_salesperson.SalespersonLine">
+        <t t-if="ui.isSmall">
+            <div class="salesperson-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="salesperson-line-email p-1">
+                    <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="salesperson-line salesperson-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 class="salesperson-line-email ">
+                    <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-salesperson-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>
+            </tr>
+        </t>
+    </t>
+
+</templates>