odoo-addon-shopfloor-delivery-shipment-mobile 18.0.1.0.0.3__py3-none-any.whl

odoo/addons/shopfloor_delivery_shipment_mobile/static/src/demo/demo.delivery_shipment.esm.js

@@ -0,0 +1,128 @@
+/**
+ * Copyright 2021 Camptocamp SA (http://www.camptocamp.com)
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+ */
+
+import {demotools} from "/shopfloor_mobile_base/static/src/demo/demo.core.esm.js";
+
+const pick = demotools.makePicking();
+const pack = demotools.makePack();
+const shipment = {
+    id: 1,
+    name: "SA/OUT/0000001",
+    state: "confirmed",
+    dock: {
+        id: 1,
+        name: "Dock 01",
+    },
+};
+
+const lading = [];
+for (let i = 0; i < 5; i++) {
+    lading.push(
+        demotools.makePicking({
+            load_state: _.sample(["all", "partial", "none"]),
+            loaded_pickings_count: _.random(0, 5),
+            loaded_packages_count: _.random(0, 5),
+            total_packages_count: _.random(5, 10),
+            loaded_bulk_lines_count: _.random(0, 5),
+            total_bulk_lines_count: _.random(5, 10),
+            loaded_weight: _.random(100, 500),
+        })
+    );
+}
+
+const on_dock = [];
+for (let i = 0; i < 4; i++) {
+    on_dock.push(
+        demotools.makePicking({
+            load_state: _.sample(["all", "partial", "none"]),
+            loaded_pickings_count: _.random(0, 5),
+            loaded_packages_count: _.random(0, 5),
+            total_packages_count: _.random(5, 10),
+            loaded_bulk_lines_count: _.random(0, 5),
+            total_bulk_lines_count: _.random(5, 10),
+            loaded_weight: _.random(100, 500),
+        })
+    );
+}
+
+const DELIVERY_SHIPMENT_CASE = {
+    scan_dock: {
+        next_state: "scan_document",
+        data: {
+            scan_document: {
+                shipment_advice: _.cloneDeep(shipment),
+            },
+        },
+    },
+    scan_document: {
+        OP1: {
+            next_state: "scan_document",
+            message: {
+                message_type: "info",
+                body: "Operation found",
+            },
+            data: {
+                scan_document: {
+                    picking: _.cloneDeep(pick),
+                    shipment_advice: _.cloneDeep(shipment),
+                },
+            },
+        },
+        PACK1: {
+            next_state: "scan_document",
+            message: {
+                message_type: "info",
+                body: "Pack found",
+            },
+            data: {
+                scan_document: {
+                    shipment_advice: _.cloneDeep(shipment),
+                    packaging: _.cloneDeep(pack),
+                },
+            },
+        },
+        next_state: "loading_list",
+        data: {
+            loading_list: {
+                shipment_advice: _.cloneDeep(shipment),
+                lading: lading,
+                on_dock: on_dock,
+            },
+        },
+    },
+    loading_list: {
+        next_state: "validate",
+        data: {
+            validate: {
+                shipment_advice: _.cloneDeep(shipment),
+                lading: lading[0],
+                loaded_weight: 100,
+                on_dock: on_dock,
+            },
+        },
+    },
+    // TODO: this should be improved to use real data from submitted request.
+    validate: {
+        next_state: "scan_dock",
+        message: {
+            message_type: "info",
+            body: "Shipment ABC has been validated",
+        },
+        data: {
+            scan_dock: {},
+        },
+    },
+};
+
+const menuitem_id = demotools.addAppMenu(
+    {
+        name: "Delivery shipment 1",
+        scenario: "delivery_shipment",
+        picking_types: [{id: 27, name: "Random type"}],
+    },
+    "delivery_shipment_1"
+);
+
+demotools.add_case("delivery_shipment", menuitem_id, DELIVERY_SHIPMENT_CASE);

odoo/addons/shopfloor_delivery_shipment_mobile/static/src/scenario/delivery_shipment.esm.js

@@ -0,0 +1,536 @@
+/**
+ * Copyright 2021 Camptocamp SA (http://www.camptocamp.com)
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+ */
+
+import {ScenarioBaseMixin} from "/shopfloor_mobile_base/static/src/scenario/mixins.esm.js";
+import {process_registry} from "/shopfloor_mobile_base/static/src/services/process_registry.esm.js";
+
+const DeliveryShipment = {
+    mixins: [ScenarioBaseMixin],
+    template: `
+        <Screen :screen_info="screen_info">
+            <template v-slot:header>
+                <state-display-info :info="state.display_info" v-if="state.display_info"/>
+            </template>
+            <searchbar
+                v-if="state.on_scan"
+                v-on:found="on_scan"
+                :input_placeholder="search_input_placeholder"
+                />
+
+              <v-row align="center" v-if="state_is('loading_list')">
+                <v-col class="text-center" cols="12">
+                  <v-btn-toggle mandatory v-model="filter_state">
+                    <v-btn active-class="success" value="lading" >
+                      Lading
+                    </v-btn>
+                    <v-btn active-class="warning" value="dock">
+                      On Dock
+                    </v-btn>
+                  </v-btn-toggle>
+                </v-col>
+              </v-row>
+
+            <detail-picking
+                v-if="state_is('loading_list')"
+                v-for="picking in filter_pickings(pickings())"
+                :record="picking"
+                :options="picking_options(picking)"
+                :key="make_component_key(['shipment-picking', picking.id])"
+                :card_color="utils.colors.color_for(operation_color(picking, shipment()))"
+                />
+
+            <item-detail-card
+                v-if="state_is('scan_document')"
+                :key="make_state_component_key(['delivery-shipment-dock', state.data.shipment_advice.dock.id])"
+                :record="state.data.shipment_advice.dock"
+                :options="{main: true, key_title: 'name'}"
+                :card_color="utils.colors.color_for('screen_step_done')"
+                />
+
+            <item-detail-card
+                v-if="state_is('scan_document') && !_.isEmpty(filter_location())"
+                :key="make_state_component_key(['delivery-shipment-location', filter_location().id])"
+                :record="state.data.location"
+                :options="{title_icon: 'mdi-filter-outline', main: true, key_title: 'name'}"
+                :card_color="utils.colors.color_for('screen_step_done')"
+                />
+
+            <item-detail-card
+                v-if="!_.isEmpty(picking())"
+                :key="make_state_component_key(['delivery-shipment-pick', picking().id])"
+                :record="picking()"
+                :options="{main: true, title_icon: 'mdi-filter-outline', key_title: 'name', title_action_field: {path: 'name', action_val_path: 'name'}}"
+                :card_color="utils.colors.color_for('screen_step_done')"
+                />
+
+
+            <div v-if="state_is('scan_document')" v-for="(value, name, index) in this.state.data.content">
+                <v-card color="blue lighten-1" class="detail v-card mt-5 main mb-2">
+                    <v-card-title>{{ name }}</v-card-title>
+                    <v-card-subtitle> {{ package_level_process(value.package_levels) }}</v-card-subtitle>
+                </v-card>
+                <item-detail-card
+                    v-for="packlevel in value.package_levels"
+                    :key="make_state_component_key(['shipment-pack', packlevel.id])"
+                    :record="packlevel.package_src"
+                    :options="pack_options(packlevel)"
+                    :card_color="pack_color(packlevel)"
+                    />
+                <item-detail-card
+                    v-for="line in value.move_lines"
+                    :key="make_state_component_key(['shipment-product', line.product.id])"
+                    :record="line"
+                    :options="line_options(line)"
+                    :card_color="line_color(line)"
+                    />
+            </div>
+
+            <v-card color="warning" class="detail v-card main mb-2" v-if="state_is('validate')">
+                <v-card-title>Are you sure you want to close the shipment ?</v-card-title>
+            </v-card>
+            <item-detail-card v-if="state_is('validate')"
+                :key="make_state_component_key(['lading-detail'])"
+                :record="state.data.lading"
+                :card_color="utils.colors.color_for(shipment_summary_color(state.data.lading))"
+                :options="lading_summary_options(state.data.lading)"
+                >
+                <template v-slot:title>
+                        <span>Lading</span>
+                </template>
+            </item-detail-card>
+            <item-detail-card v-if="state_is('validate')"
+                :key="make_state_component_key(['dock-detail'])"
+                :record="state.data.on_dock"
+                :card_color="utils.colors.color_for(shipment_summary_color(state.data.on_dock))"
+                :options="ondock_summary(state.data.on_dock)"
+                >
+                <template v-slot:title>
+                        <span>On Dock</span>
+                </template>
+            </item-detail-card>
+
+
+            <div class="button-list button-vertical-list full" v-if="!state_is('scan_dock')">
+                <v-row align="center" v-if="state_is('scan_document')">
+                    <v-col class="text-center" cols="12">
+                        <btn-action color="default" @click="state.on_go2loading_list">Shipment Advice</btn-action>
+                    </v-col>
+                </v-row>
+                <v-row align="center" v-if="state_is('loading_list')">
+                    <v-col class="text-center" cols="12">
+                        <btn-action color="default" @click="state.on_close_shipment">Close Shipment</btn-action>
+                    </v-col>
+                </v-row>
+                <v-row align="center" v-if="state_is('validate')">
+                    <v-col class="text-center" cols="12">
+                        <btn-action color="default" @click="state.on_confirm">Confirm</btn-action>
+                    </v-col>
+                </v-row>
+                <v-row align="center">
+                    <v-col class="text-center" cols="12">
+                        <btn-action color="default" @click="state.on_back">{{ btn_back_label() }}</btn-action>
+                    </v-col>
+                </v-row>
+            </div>
+
+        </Screen>
+        `,
+    methods: {
+        screen_title: function () {
+            if (_.isEmpty(this.state.data.shipment_advice)) {
+                return this.menu_item().name;
+            }
+            return this.state.data.shipment_advice.name;
+        },
+        btn_back_label: function () {
+            return this.state.button_back_label || "Back";
+        },
+        // The current picking
+        picking: function (from_state = "") {
+            var data = {};
+            if (from_state) {
+                data = this.state_get_data(from_state);
+            } else {
+                data = this.state.data;
+            }
+            if (_.isEmpty(data.picking)) {
+                return {};
+            }
+            return data.picking;
+        },
+        filter_location: function (from_state = "") {
+            var data = {};
+            if (from_state) {
+                data = this.state_get_data(from_state);
+            } else {
+                data = this.state.data;
+            }
+            if (_.isEmpty(data.location)) {
+                return {};
+            }
+            return data.location;
+        },
+        pickings: function () {
+            if (this.filter_state === "dock" && !_.isEmpty(this.state.data.on_dock)) {
+                return this.state.data.on_dock;
+            } else if (
+                this.filter_state === "lading" &&
+                !_.isEmpty(this.state.data.lading)
+            ) {
+                return this.state.data.lading;
+            }
+            return {};
+        },
+        filter_pickings: function (pickings) {
+            let res = pickings;
+            const nameFilter = this.state.data.filter_name;
+            if (nameFilter) {
+                res = _.filter(pickings, (pick) => {
+                    return pick.name.indexOf(nameFilter) >= 0;
+                });
+            }
+            return res;
+        },
+        shipment: function () {
+            if (_.isEmpty(this.state.data.shipment_advice)) {
+                return {};
+            }
+            return this.state.data.shipment_advice;
+        },
+        picking_options: function (picking) {
+            return {
+                main: true,
+                key_title: "name",
+                title_action_icon: "mdi-help-circle",
+                on_title_action: this.state.on_back2picking,
+                theme_dark: this.operation_color(picking, this.shipment()) === "error",
+                fields: [
+                    {path: "carrier.name", label: "Carrier"},
+                    {
+                        path: this._picking_options_package_path(picking),
+                        label: "Packages",
+                    },
+                    {
+                        path: this._picking_options_move_line_path(picking),
+                        label: "Lines",
+                    },
+                ],
+            };
+        },
+        _picking_options_package_path: function (picking) {
+            return this.filter_state === "lading" &&
+                picking.loaded_packages_progress_f < 1
+                ? "loaded_packages_progress"
+                : "package_level_count";
+        },
+        _picking_options_move_line_path: function (picking) {
+            return this.filter_state === "lading" &&
+                picking.loaded_move_lines_progress_f < 1
+                ? "loaded_move_lines_progress"
+                : "move_line_count";
+        },
+        pack_options: function (pack) {
+            const action = pack.is_done
+                ? () => {
+                      this.unload_pack(pack);
+                  }
+                : null;
+            return {
+                key_title: "name",
+                on_title_action: action,
+                title_action_icon: "mdi-upload",
+                // This helps having the transporter package fit in one line
+                title_class: "v-card__title-smaller",
+            };
+        },
+        pack_color: function (pack) {
+            const color = pack.is_done ? "screen_step_done" : "screen_step_todo";
+            return this.utils.colors.color_for(color);
+        },
+        package_level_process(package_levels) {
+            const package_level_count = package_levels.length;
+            const done_package_level_count = package_levels.reduce((acc, next) => {
+                return next.is_done ? acc + 1 : acc;
+            }, 0);
+            return `Progress: ${done_package_level_count} / ${package_level_count}`;
+        },
+        line_options: function (line) {
+            const action =
+                line.qty_done === line.quantity
+                    ? () => {
+                          this.unload_line(line);
+                      }
+                    : null;
+            return {
+                key_title: "product.display_name",
+                on_title_action: action,
+                title_action_icon: "mdi-upload",
+                fields: [
+                    {path: "lot.name", label: "Lot"},
+                    {path: "quantity", label: "Qty"},
+                ],
+            };
+        },
+        line_color: function (line) {
+            const color =
+                line.qty_done >= line.quantity
+                    ? "screen_step_done"
+                    : "screen_step_todo";
+            return this.utils.colors.color_for(color);
+        },
+        unload_line: function (line) {
+            this.wait_call(
+                this.odoo.call("unload_move_line", {
+                    shipment_advice_id: this.shipment().id,
+                    move_line_id: line.id,
+                    location_id: this.filter_location().id,
+                })
+            );
+        },
+        unload_pack: function (pack) {
+            this.wait_call(
+                this.odoo.call("unload_package_level", {
+                    shipment_advice_id: this.shipment().id,
+                    package_level_id: pack.id,
+                    location_id: this.filter_location().id,
+                })
+            );
+        },
+        operation_color: function (pick, shipment) {
+            var color = "";
+            if (pick.is_fully_loaded) {
+                color = "success";
+            } else if (pick.is_partially_loaded) {
+                color = "warning";
+            } else if (shipment.is_planned) {
+                color = "error";
+            } else {
+                color = "success";
+            }
+            return color;
+        },
+        loaded_total: function (data, key) {
+            // Return two value formatted has a fraction
+            return (
+                data["loaded_" + key].toString() + "/" + data["total_" + key].toString()
+            );
+        },
+        is_fully_loaded: function (data) {
+            // Check if the summary from last screen is fully loaded
+            // May need to know if planned or not
+            if (data.total_packages_count !== data.loaded_packages_count) {
+                return false;
+            } else if (data.total_bulk_lines_count !== data.loaded_bulk_lines_count) {
+                return false;
+            }
+            return true;
+        },
+        lading_summary_options: function (data) {
+            return {
+                theme_dark: this.shipment_summary_color(data) === "error",
+                fields: [
+                    {
+                        path: "dummy",
+                        renderer: () => {
+                            return this.state.data.shipment_advice.dock.name;
+                        },
+                        label: "Loading dock",
+                        display_no_value: true,
+                    },
+                    {
+                        path: "loaded_pickings_count",
+                        label: "Deliveries",
+                        display_no_value: true,
+                    },
+                    {
+                        path: "dummy",
+                        renderer: () => {
+                            return this.loaded_total(data, "packages_count");
+                        },
+                        label: "Packages",
+                        display_no_value: true,
+                    },
+                    {
+                        path: "dummy",
+                        renderer: () => {
+                            return this.loaded_total(data, "bulk_lines_count");
+                        },
+                        label: "Bulk moves",
+                        display_no_value: true,
+                    },
+                    {
+                        path: "loaded_weight",
+                        label: "Total load (Kg)",
+                        display_no_value: true,
+                    },
+                ],
+            };
+        },
+        ondock_summary: function (data) {
+            return {
+                theme_dark: this.shipment_summary_color(data) === "error",
+                fields: [
+                    {
+                        path: "total_pickings_count",
+                        label: "Deliveries",
+                        display_no_value: true,
+                    },
+                    {
+                        path: "total_packages_count",
+                        label: "Package",
+                        display_no_value: true,
+                    },
+                    {
+                        path: "total_bulk_lines_count",
+                        label: "Bulk moves",
+                        display_no_value: true,
+                    },
+                ],
+            };
+        },
+        shipment_summary_color: function (data) {
+            const isLading = "loaded_weight" in data;
+            var color = "";
+            if (isLading) {
+                if (this.is_fully_loaded(data)) {
+                    color = "screen_step_done";
+                } else {
+                    color = "warning";
+                }
+            } else if (data.total_pickings_count > 0) {
+                color = "error";
+            } else {
+                color = "success";
+            }
+            return color;
+        },
+    },
+    data: function () {
+        return {
+            usage: "delivery_shipment",
+            initial_state_key: "scan_dock",
+            filter_state: "dock",
+            states: {
+                scan_dock: {
+                    display_info: {
+                        title: "Start by scanning a dock",
+                        scan_placeholder: "Scan dock",
+                    },
+                    on_scan: (scanned) => {
+                        this.wait_call(
+                            this.odoo.call("scan_dock", {
+                                barcode: scanned.text,
+                                confirmation:
+                                    this.state.data.confirmation_required || "",
+                            })
+                        );
+                    },
+                },
+                scan_document: {
+                    display_info: {
+                        title: "Scan some shipment's content or a location",
+                        scan_placeholder: () => {
+                            if (_.isEmpty(this.picking())) {
+                                return "Scan a lot, a pack, an operation or a location";
+                            }
+                            return "Scan a lot, a product, a pack, an operation or a location";
+                        },
+                    },
+                    on_scan: (scanned) => {
+                        const data = {
+                            barcode: scanned.text,
+                            shipment_advice_id: this.shipment().id,
+                            picking_id: this.picking().id,
+                            location_id: this.filter_location().id,
+                        };
+                        this.wait_call(this.odoo.call("scan_document", data));
+                    },
+                    on_back: () => {
+                        if (
+                            _.isEmpty(this.filter_location()) &&
+                            _.isEmpty(this.picking())
+                        ) {
+                            // No filtering back to scan_dock
+                            this.wait_call(this.odoo.call("scan_dock", {barcode: ""}));
+                        } else {
+                            // Stay on scan_document but without filtering
+                            this.wait_call(
+                                this.odoo.call("scan_document", {
+                                    barcode: "",
+                                    shipment_advice_id: this.shipment().id,
+                                })
+                            );
+                        }
+                    },
+                    on_go2loading_list: () => {
+                        this.wait_call(
+                            this.odoo.call("loading_list", {
+                                shipment_advice_id: this.shipment().id,
+                            })
+                        );
+                    },
+                },
+                loading_list: {
+                    display_info: {
+                        title: "Filter documents",
+                        scan_placeholder: "Scan a document number",
+                    },
+                    on_scan: (scanned) => {
+                        this.state_set_data({filter_name: scanned.text});
+                    },
+                    on_back: () => {
+                        const data = {
+                            barcode: "",
+                            shipment_advice_id: this.shipment().id,
+                            picking_id: this.picking("scan_document").id,
+                            location_id: this.filter_location("scan_document").id,
+                        };
+                        this.wait_call(this.odoo.call("scan_document", data));
+                    },
+                    on_back2picking: (picking) => {
+                        this.wait_call(
+                            this.odoo.call("scan_document", {
+                                barcode: picking.name,
+                                shipment_advice_id: this.shipment().id,
+                            })
+                        );
+                    },
+                    on_close_shipment: () => {
+                        this.wait_call(
+                            this.odoo.call("validate", {
+                                shipment_advice_id: this.shipment().id,
+                            })
+                        );
+                    },
+                },
+                validate: {
+                    display_info: {
+                        title: "Shipment closure confirmation",
+                    },
+                    button_back_label: "Cancel",
+                    on_back: () => {
+                        this.wait_call(
+                            this.odoo.call("loading_list", {
+                                shipment_advice_id: this.shipment().id,
+                            })
+                        );
+                    },
+                    on_confirm: () => {
+                        this.wait_call(
+                            this.odoo.call("validate", {
+                                shipment_advice_id: this.shipment().id,
+                                confirmation: true,
+                            })
+                        );
+                    },
+                },
+            },
+        };
+    },
+};
+
+process_registry.add("delivery_shipment", DeliveryShipment);
+
+export default DeliveryShipment;