odoo-addon-stock-barcodes 16.0.1.1.0.10__py3-none-any.whl → 16.0.2.0.0__py3-none-any.whl

odoo/addons/stock_barcodes/static/src/scss/stock.scss

@@ -0,0 +1,285 @@
+@mixin margin-form-edit-sm($margin) {
+    @include media-breakpoint-down(sm) {
+        margin: $margin !important;
+    }
+}
+
+.oe_stock_scan_button {
+    border: none !important;
+    background: none !important;
+    box-shadow: none !important;
+}
+
+.oe_stock_barcodes_bottombar {
+    bottom: 0;
+    background-color: $o-view-background-color;
+    border-width: 1px 0 0 0 solid $border-color;
+    box-shadow: 0 -3px 10px #c9ccd2;
+    height: 60px !important;
+}
+
+// Avoid too big small buttons from core
+.o_web_client.o_touch_device {
+    .oe_stock_barcordes_form {
+        .btn {
+            &,
+            .btn-sm {
+                padding: 0.25rem 0.5rem;
+            }
+        }
+    }
+}
+
+.oe_stock_barcordes_form {
+    padding: 0 !important;
+    height: 100%;
+    // Recover useless space
+    div[name="_barcode_scanned"] {
+        min-height: 0 !important;
+    }
+
+    div[name="package_id"],
+    div[name="product_id"],
+    div[name="lot_id"] {
+        width: 90% !important;
+    }
+
+    div[name="product_id"],
+    div[name="package_id"],
+    div[name="lot_name"] {
+        @include margin-form-edit-sm(0 0 0 1%);
+    }
+
+    div[name="location_dest_id"] {
+        @include margin-form-edit-sm(0 0 1% 1%);
+    }
+
+    div.widget_numeric_step {
+        font-size: 1.5rem !important;
+    }
+
+    input#location_id,
+    input#location_dest_id,
+    input#package_id,
+    input#product_id,
+    input#lot_id_1,
+    input#lot_name {
+        border-radius: 0.5rem !important;
+        padding: 0.375rem 0.75rem !important;
+        height: 40px !important;
+        font-size: 1.5rem !important;
+
+        & + ul.o-autocomplete--dropdown-menu {
+            li {
+                font-size: 1.5rem !important;
+            }
+        }
+    }
+
+    div[name="candidate_picking_ids"] {
+        div.oe_kanban_color_alert {
+            padding: 0 !important;
+            margin: 0 !important;
+        }
+
+        div.o_kanban_ungrouped.o_kanban_renderer {
+            margin: 0 !important;
+            padding: 0 !important;
+        }
+
+        @include media-breakpoint-down(sm) {
+            div.o_kanban_renderer {
+                margin: 2% 1% 2% 1% !important;
+            }
+        }
+    }
+
+    div.scan_fields {
+        width: 100% !important;
+        margin: 0 !important;
+
+        div.o-autocomplete.dropdown {
+            + a.o_dropdown_button {
+                display: none !important;
+            }
+        }
+
+        @include media-breakpoint-down(sm) {
+            padding: 0 2% 0 2% !important;
+            width: 100% !important;
+        }
+
+        > div.o_inner_group.grid.col-lg-6 {
+            div.o_cell {
+                width: 100% !important;
+            }
+        }
+
+        div.mt4.col-lg-6 {
+            @include media-breakpoint-down(sm) {
+                margin-bottom: 1.5rem !important;
+            }
+        }
+
+        &:has(button[name="action_clean_lot"]) {
+            div[name="lot_name"] {
+                width: 88% !important;
+                @include media-breakpoint-down(sm) {
+                    width: 90% !important;
+                }
+            }
+            button[name="action_clean_lot"] {
+                margin-left: 5px !important;
+            }
+        }
+    }
+
+    .o_group .scan_fields {
+        &.o_inner_group {
+            margin-bottom: 0 !important;
+        }
+
+        @include media-breakpoint-down(sm) {
+            padding: 2% 0 2% 0 !important;
+        }
+        margin: 0 !important;
+    }
+
+    .o_form_sheet,
+    .o_form_sheet_bg {
+        padding: 0 !important;
+        margin: 0 !important;
+        max-width: 100% !important;
+        border: 0 !important;
+    }
+
+    // In Odoo 16 the flat input styling lacks proper usability
+    .o_field_widget {
+        margin-bottom: 1px !important;
+
+        .o_input {
+            border-radius: 3px;
+            border-width: 1px;
+            background-color: white;
+        }
+
+        .o_x2m_control_panel {
+            margin: 0px !important;
+        }
+    }
+
+    .o_kanban_record {
+        flex-basis: 100%;
+
+        .btn-full-width {
+            margin: -9px;
+            width: calc(100% + 18px);
+            height: calc(100% + 18px);
+        }
+
+        &.o_kanban_ghost {
+            display: none;
+        }
+    }
+
+    .alert {
+        //position: fixed;
+        top: 0;
+        width: 100%;
+        border-radius: 0;
+        padding: 0;
+        min-height: 50px;
+        z-index: 999;
+    }
+
+    .oe_stock_barcordes_content {
+        overflow-y: overlay !important;
+
+        div.g-col-sm-2 {
+            &:has(div.o_horizontal_separator) {
+                display: none !important;
+            }
+        }
+
+        div.o_inner_group.grid.px-3 {
+            padding: 0 !important;
+        }
+
+        div[name="picking_id"] {
+            > a.o_form_uri {
+                span {
+                    color: white !important;
+                }
+            }
+        }
+
+        div[name="action_unlock_picking"] {
+            span {
+                color: white !important;
+            }
+        }
+    }
+
+    div[name="info"] {
+        div.alert {
+            display: flex !important;
+            @include media-breakpoint-down(sm) {
+                display: block !important;
+                text-align: center !important;
+            }
+        }
+
+        div.barcode-danger {
+            background-color: #dc3545 !important;
+        }
+    }
+}
+
+.o_kanban_barcode {
+    .o_kanban_record.oe_kanban_details {
+        @extend .btn;
+        @extend .btn-secondary;
+        padding: 0.6em 0;
+        margin-bottom: 0.5em;
+    }
+}
+
+.oe_kanban_action_button:focus {
+    background-color: lightgray;
+}
+
+// Left icon in small screens
+.oe_span_small_icon {
+    width: 25px;
+    text-align: center;
+}
+
+// Display 100% all menu elements
+.oe_kanban_card_full_width {
+    width: 100% !important;
+}
+
+// The kanban view adds some pre-styles that we want to be able to tweak
+div[name="menu_actions"] {
+    div[role="article"] {
+        margin-top: 10px !important;
+    }
+}
+
+// Dropdown that is desactivated at lg width
+@media (min-width: 992px) {
+    .d-lg-flex-no-dropdown {
+        position: relative !important;
+        display: flex !important;
+        border: none;
+        box-shadow: none;
+        bottom: auto !important;
+        transform: none !important;
+    }
+}
+
+.dropdown-menu.d-lg-flex-no-dropdown {
+    .d-flex {
+        margin-bottom: 5px;
+    }
+}

odoo/addons/stock_barcodes/static/src/utils/barcodes_models_utils.esm.js

@@ -18,6 +18,7 @@ export const barcodeModels = [
 /**
  * Helper to know if the given model is allowed
  *
+ * @param {String} modelName
  * @returns {Boolean}
  */
 export function isAllowedBarcodeModel(modelName) {

odoo/addons/stock_barcodes/static/src/views/actions/stock_barcode_main_menu.esm.js

@@ -0,0 +1,88 @@
+/** @odoo-module **/
+import {_t} from "@web/core/l10n/translation";
+import {browser} from "@web/core/browser/browser";
+import {markup} from "@odoo/owl";
+import {registry} from "@web/core/registry";
+import {useService} from "@web/core/utils/hooks";
+
+const {Component, onWillStart, useEffect} = owl;
+
+export class StockBarcodesMainMenu extends Component {
+    setup() {
+        super.setup();
+        this.actionService = useService("action");
+        this.ormService = useService("orm");
+        const busService = useService("bus_service");
+        const notification = useService("notification");
+        this.modelBarcodeAction = "stock.barcodes.action";
+        if (this.hasService("home_menu"))
+            this.homeMenuService = useService("home_menu");
+        onWillStart(async () => {
+            this.barcodeActions = await this.getBarcodeActions();
+        });
+
+        const handleNotification = ({detail: notifications}) => {
+            if (notifications && notifications.length > 0) {
+                notifications.forEach((notif) => {
+                    const {payload, type} = notif;
+                    if (type === "actions_main_menu_barcode") {
+                        if (payload.action_ok && payload.action) {
+                            this.actionService.doAction(payload.action);
+                        } else {
+                            notification.add(
+                                _t("No action found with barcode: " + payload.barcode),
+                                {
+                                    type: "danger",
+                                }
+                            );
+                        }
+                    }
+                });
+            }
+        };
+        useEffect(() => {
+            busService.addChannel("stock_barcodes_main_menu");
+            busService.addEventListener("notification", handleNotification);
+            return () => {
+                busService.deleteChannel("stock_barcodes_main_menu");
+                busService.removeEventListener("notification", handleNotification);
+            };
+        });
+    }
+
+    hasService(service) {
+        return service in this.env.services;
+    }
+
+    mainMenuHome() {
+        // Enterprise
+        if (this.hasService("home_menu")) {
+            this.homeMenuService.toggle(true);
+        } else {
+            // Community
+            this.actionService.doAction("mail.action_discuss");
+            browser.setTimeout(() => browser.location.reload(), 100);
+        }
+    }
+
+    async openAction(action_id) {
+        const action = await this.ormService.call(
+            this.modelBarcodeAction,
+            "open_action",
+            [action_id]
+        );
+        action.help = markup(_t(action.help));
+        this.actionService.doAction(action);
+    }
+
+    async getBarcodeActions() {
+        return await this.ormService.call(this.modelBarcodeAction, "search_read", [], {
+            domain: [["action_window_id", "!=", false]],
+            fields: ["id", "name", "icon_class"],
+        });
+    }
+}
+
+StockBarcodesMainMenu.template = "stock_barcodes.MainMenu";
+
+registry.category("actions").add("stock_barcodes_main_menu", StockBarcodesMainMenu);

odoo/addons/stock_barcodes/static/src/views/actions/stock_barcode_main_menu.scss

@@ -0,0 +1,74 @@
+@keyframes o_barcode_scanner_intro {
+    25% {
+        top: 75%;
+    }
+    50% {
+        top: 0;
+    }
+    75% {
+        top: 100%;
+    }
+    100% {
+        top: 50%;
+    }
+}
+
+div.o_action_manager {
+    &:has(div.stock-barcodes-main-menu) {
+        overflow-y: scroll !important;
+        background-color: $o-community-color !important;
+        @include media-breakpoint-down(sm) {
+            overflow: scroll !important;
+        }
+    }
+}
+
+div.stock-barcodes-main-menu {
+    background-color: white !important;
+    margin: 0 10% 5% 10% !important;
+    border-radius: 5px !important;
+    min-height: 90% !important;
+    @include media-breakpoint-down(sm) {
+        margin: 0 !important;
+    }
+
+    img {
+        height: 220px !important;
+    }
+
+    div.o_stock_barcode_functions {
+        margin-top: 5rem;
+        @include media-breakpoint-down(sm) {
+            margin-top: 3.6rem;
+        }
+    }
+
+    div.o_stock_barcode_buttons {
+        button {
+            padding: 1.5rem 1.5rem !important;
+        }
+    }
+
+    span.o_stock_barcode_laser {
+        @include o-position-absolute(33%, -15px, auto, -15px);
+        height: 5px;
+        background: rgba(red, 0.6);
+        box-shadow: 0 1px 10px 1px rgba(red, 0.8);
+        animation: o_barcode_scanner_intro 1s cubic-bezier(0.6, -0.28, 0.735, 0.045)
+            0.4s;
+        width: 26%;
+        margin-left: 38%;
+        @include media-breakpoint-down(sm) {
+            @include o-position-absolute(35%, -15px, auto, -15px);
+            width: 95%;
+            margin-left: 6%;
+        }
+    }
+
+    div.o_stock_barcode_header_home {
+        padding-right: 45% !important;
+        @include media-breakpoint-down(sm) {
+            padding-right: 27% !important;
+        }
+    }
+}

odoo/addons/stock_barcodes/static/src/views/actions/stock_barcode_main_menu.xml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+
+    <div
+        t-name="stock_barcodes.MainMenu"
+        class="d-flex flex-column stock-barcodes-main-menu align-items-center p-4"
+        owl="1"
+    >
+        <div
+            class="d-flex o_stock_barcode_header_home justify-content-between align-items-center w-100"
+        >
+            <a href="#" t-on-click="mainMenuHome">
+                <i class="fa fa-chevron-left fa-2x" />
+            </a>
+            <h1 class="mb-4">Barcode Scanner</h1>
+        </div>
+        <div
+            class="alert alert-info alert-dismissible fade show w-100 fs-3 o_stock_barcode_description"
+            role="alert"
+        >
+            Scan a barcode actions
+        </div>
+        <div
+            class="d-flex justify-content-center w-100 mt-3 px-2 o_stock_barcode_buttons"
+        >
+            <div class="row w-100">
+            <t
+                    t-foreach="this.barcodeActions"
+                    t-as="barcodeAction"
+                    t-key="barcodeAction.id"
+                >
+                <div class="col-12 col-md-6">
+                    <button
+                            class="btn btn-primary btn-lg w-100 mt-3 text-uppercase"
+                            t-on-click="() => this.openAction(barcodeAction.id)"
+                        >
+                        <span t-attf-class="#{barcodeAction.icon_class} mx-2" />
+                        <t t-out="barcodeAction.name" />
+            </button>
+                </div>
+            </t>
+            </div>
+        </div>
+    </div>
+</templates>

odoo/addons/stock_barcodes/static/src/views/form/form_controller.esm.js

@@ -0,0 +1,71 @@
+/** @odoo-module */
+/* Copyright 2021 Tecnativa - Alexandre D. Díaz
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */
+
+import {onMounted, useEffect} from "@odoo/owl";
+import {FormController} from "@web/views/form/form_controller";
+import {useService} from "@web/core/utils/hooks";
+
+export class StockBarcodesFormController extends FormController {
+    setup() {
+        super.setup();
+        const busService = useService("bus_service");
+        const ormService = useService("orm");
+        this.enableApplyCount = false;
+        // Adds support to use control_pannel_hidden from the
+        // context to disable the control panel
+        if (this.props.context.control_panel_hidden) {
+            this.display.controlPanel = false;
+        }
+
+        const handleNotification = ({detail: notifications}) => {
+            if (notifications && notifications.length > 0) {
+                notifications.forEach((notif) => {
+                    const {payload, type} = notif;
+                    if (type === "count_apply_inventory" && payload) {
+                        this.countApplyInventory(payload.count);
+                    }
+                });
+            }
+        };
+        useEffect(() => {
+            busService.addChannel("stock_barcodes_form_update");
+            busService.addEventListener("notification", handleNotification);
+            const $applyInventory = $("span.count_apply_inventory");
+            if ($applyInventory.length > 0) {
+                if (!this.enableApplyCount) {
+                    this.countApplyInventory(1);
+                    this.enableApplyCount = true;
+                }
+            } else {
+                this.enableApplyCount = false;
+            }
+            return () => {
+                busService.deleteChannel("stock_barcodes_form_update");
+                busService.removeEventListener("notification", handleNotification);
+            };
+        });
+
+        onMounted(async () => {
+            if (this.props.resModel === "wiz.stock.barcodes.read.inventory") {
+                const fields = ["count_inventory_quants"];
+                const countApply = await ormService.call(
+                    this.props.resModel,
+                    "read",
+                    [this.props.resId],
+                    {fields}
+                );
+                this.countApplyInventory(
+                    countApply.length > 0 ? countApply[0].count_inventory_quants : 0
+                );
+            }
+        });
+    }
+
+    countApplyInventory(countApply = 0) {
+        const $countApply = $("span.count_apply_inventory");
+        if ($countApply.length) {
+            $countApply.text(countApply);
+        }
+    }
+}

odoo/addons/stock_barcodes/static/src/views/form/form_view.esm.js

@@ -0,0 +1,14 @@
+/** @odoo-module */
+/* Copyright 2021 Tecnativa - Alexandre D. Díaz
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */
+
+import {StockBarcodesFormController} from "./form_controller.esm";
+import {formView} from "@web/views/form/form_view";
+import {registry} from "@web/core/registry";
+
+export const StockBarcodesFormView = {
+    ...formView,
+    Controller: StockBarcodesFormController,
+};
+
+registry.category("views").add("stock_barcodes_form", StockBarcodesFormView);

odoo/addons/stock_barcodes/static/src/views/kanban/kanban_record.esm.js

@@ -0,0 +1,27 @@
+/** @odoo-module */
+/* Copyright 2022 Tecnativa - Alexandre D. Díaz
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */
+
+import {KanbanRecord} from "@web/views/kanban/kanban_record";
+import {patch} from "@web/core/utils/patch";
+
+patch(KanbanRecord.prototype, "stock_barcodes.KanbanRecord", {
+    props: {
+        ...KanbanRecord.props,
+    },
+
+    setup() {
+        this._super(...arguments);
+    },
+
+    async onCustomGlobalClick() {
+        const record_barcode = $('div[name="inventory_quant_ids"]');
+        if (record_barcode.length > 0) {
+            const record = this.props.record;
+            $("div.oe_kanban_operations").addClass("d-none");
+            $("div.oe_kanban_operations-" + record.data.id).removeClass("d-none");
+            return;
+        }
+        this._super.apply(this, arguments);
+    },
+});