odoo-addon-shopfloor-mobile 16.0.1.0.0.6__py3-none-any.whl

odoo/addons/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/mixins.js

@@ -0,0 +1,130 @@
+/**
+ * Copyright 2020 Camptocamp SA (http://www.camptocamp.com)
+ * @author Simone Orsi <simahawk@gmail.com>
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+ */
+/* eslint-disable strict */
+/* eslint-disable no-implicit-globals */
+import {PickingDetailMixin} from "../detail/detail_picking.js";
+
+// Maybe worth to move it to its own file
+export var ListActionsConsumerMixin = {
+    methods: {
+        _get_list_item_actions(to_enable) {
+            const actions = [];
+            const avail_list_item_actions = this._get_available_list_item_actions();
+            to_enable.forEach(function (action) {
+                if (
+                    typeof action === "string" &&
+                    !_.isUndefined(avail_list_item_actions[action])
+                ) {
+                    actions.push(avail_list_item_actions[action]);
+                } else {
+                    // We might get an action description object straight
+                    actions.push(action);
+                }
+            });
+            return actions;
+        },
+        _get_available_list_item_actions() {
+            return [];
+        },
+        _get_list_options(opt_key_path) {
+            const opts = _.defaults({}, _.result(this.$props, opt_key_path, {}), {
+                list_item_actions: this._get_list_item_actions(
+                    _.result(
+                        this.$props,
+                        opt_key_path + ".list_item_options.actions",
+                        []
+                    )
+                ),
+            });
+            // _.defaults is not recursive
+            opts.list_item_options = _.defaults(
+                {},
+                _.result(this.$props, opt_key_path + ".list_item_options", {}),
+                {
+                    // More options here if needed
+                }
+            );
+            return opts;
+        },
+    },
+};
+
+export var PickingDetailSelectMixin = {
+    mixins: [PickingDetailMixin, ListActionsConsumerMixin],
+    props: {
+        /**
+         * TODO: this flag seems not to be used anymore, shall we get rid of it?
+         * And since the value is always false, probably we don't need the picking at all.
+         * We can always use detail-picking explicitily.
+         * As a consequence, maybe, "picking" should be remove from the name
+         * and we should have something like `MoveLineDetailSelect|List`
+         * (which is what we need for zone picking for instance).
+         *
+         * */
+
+        show_picking_info: {
+            type: Boolean,
+            default: false,
+        },
+        select_records: Array,
+        select_records_grouped: Array,
+        select_options: Object,
+    },
+    methods: {
+        select_opts() {
+            const opts = _.defaults({}, this._get_list_options("select_options"), {
+                showActions: false,
+                list_item_component: "picking-select-line-content",
+            });
+            return opts;
+        },
+    },
+    template: `
+<div class="detail-picking-select" v-if="!_.isEmpty(record)">
+
+    <detail-picking :record="record" v-if="show_picking_info" />
+
+    <manual-select
+        :records="select_records || record.move_lines"
+        :grouped_records="select_records_grouped"
+        :options="select_opts()"
+        />
+</div>
+`,
+};
+
+export var PickingDetailListMixin = {
+    mixins: [PickingDetailMixin, ListActionsConsumerMixin],
+    props: {
+        show_picking_info: {
+            type: Boolean,
+            default: false,
+        },
+        records: Array,
+        records_grouped: Array,
+        list_options: Object,
+    },
+    methods: {
+        list_opts() {
+            const opts = _.defaults({}, this._get_list_options("list_options"), {
+                showCounters: false,
+            });
+            return opts;
+        },
+    },
+    template: `
+<div class="detail-picking-list" v-if="!_.isEmpty(record)">
+
+    <detail-picking :record="record" v-if="show_picking_info" />
+
+    <list
+        :records="records || record.move_lines"
+        :grouped_records="records_grouped"
+        :options="list_opts()"
+        />
+</div>
+`,
+};

odoo/addons/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_select.js

@@ -0,0 +1,135 @@
+/**
+ * Copyright 2020 Camptocamp SA (http://www.camptocamp.com)
+ * @author Simone Orsi <simahawk@gmail.com>
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+ */
+/* eslint-disable strict */
+/* eslint-disable no-implicit-globals */
+import {PickingDetailSelectMixin} from "./mixins.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+
+Vue.component("detail-picking-select", {
+    mixins: [PickingDetailSelectMixin],
+    methods: {
+        _get_available_list_item_actions() {
+            // TODO: we should probably make the 1st class citizens w/ their own object class.
+            return {
+                action_qty_edit: {
+                    comp_name: "edit-action",
+                    get_record: function (rec, action) {
+                        return rec;
+                    },
+                    get_options: function (rec, action) {
+                        return {click_event: "qty_edit"};
+                    },
+                    enabled: function (rec, action) {
+                        return true;
+                    },
+                },
+            };
+        },
+    },
+});
+
+Vue.component("picking-select-line-content", {
+    mixins: [ItemDetailMixin],
+    props: {
+        index: Number,
+        count: Number,
+    },
+    methods: {
+        with_pack_list_item_options(record) {
+            let fields = [];
+            // Display detail fields on demand if the package contains only 1 line
+            if (
+                this.options.show_oneline_package_content &&
+                record.package_dest.move_line_count == 1
+            ) {
+                fields = [
+                    {path: "product.display_name", label: "Product"},
+                    {path: "lot.name", label: "Lot"},
+                ];
+            }
+            return {
+                main: true,
+                show_title: true,
+                loud_title: true,
+                key_title: "package_dest.name",
+                title_action_field: {action_val_path: "package_dest.name"},
+                fields: fields,
+            };
+        },
+        without_pack_list_item_options(record) {
+            const opts = this.utils.wms.move_line_product_detail_options(record);
+            const action_val_path = record.product.barcode
+                ? "product.barcode"
+                : "product.default_code";
+            opts.title_action_field = {action_val_path: action_val_path};
+            opts.show_title = true;
+            opts.loud_title = true;
+            return opts;
+        },
+        get_wrapper_klass(record) {
+            return "";
+        },
+    },
+    computed: {
+        pack_list_item_options() {
+            if (this.record.package_dest) {
+                return this.with_pack_list_item_options(this.record);
+            }
+            return this.without_pack_list_item_options(this.record);
+        },
+    },
+    template: `
+    <div>
+        <div :class="[record.package_dest ? 'has-pack' : 'no-pack', get_wrapper_klass(record)]">
+            <list-item v-bind="$props" :options="pack_list_item_options" />
+        </div>
+    </div>
+  `,
+});
+
+Vue.component("picking-select-package-content", {
+    props: {
+        record: Object,
+        options: Object,
+        index: Number,
+        count: Number,
+    },
+    methods: {
+        get_wrapper_klass(record) {
+            return "";
+        },
+    },
+    // TODO: We should update the layout of this component so that it's in line
+    // with the refactor done to "picking-select-line-content":
+    // https://github.com/OCA/wms/pull/583
+    template: `
+    <div>
+        <div :class="[record.package_dest ? 'has-pack' : 'no-pack', get_wrapper_klass(record)]">
+            <span class="record-name">{{ record.product.display_name }}</span>
+            <div class="lot" v-if="record.lot">
+                <span class="label">Lot:</span> <span>{{ record.lot.name }}</span>
+            </div>
+            <div class="qty done">
+                <span class="label">Taken:</span>
+                <packaging-qty-picker-display
+                    :key="make_component_key(['qty-picker-widget', 'taken', record.id])"
+                    v-bind="utils.wms.move_line_qty_picker_props(record, {qtyInit: record.qty_done})"
+                    />
+            </div>
+            <div class="qty requested">
+                <span class="label">Requested:</span>
+                <packaging-qty-picker-display
+                    :key="make_component_key(['qty-picker-widget', 'requested', record.id])"
+                    v-bind="utils.wms.move_line_qty_picker_props(record, {qtyInit: record.quantity})"
+                    />
+            </div>
+            <div class="vendor-code">
+                <span class="label">Vendor code:</span> <span>{{ record.product.supplier_code }}</span>
+            </div>
+        </div>
+    </div>
+  `,
+});

odoo/addons/shopfloor_mobile/static/wms/src/components/scenario_picking_detail/picking_summary.js

@@ -0,0 +1,212 @@
+/**
+ * Copyright 2020 Camptocamp SA (http://www.camptocamp.com)
+ * @author Simone Orsi <simahawk@gmail.com>
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+ */
+
+/* eslint-disable strict */
+/* eslint-disable no-implicit-globals */
+import {PickingDetailListMixin} from "./mixins.js";
+import {ItemDetailMixin} from "/shopfloor_mobile_base/static/wms/src/components/detail/detail_mixin.js";
+
+Vue.component("picking-summary", {
+    mixins: [PickingDetailListMixin],
+    props: {
+        // Take control of which package key (source or destination) is used
+        // to cancel the line when cancel line action is available.
+        action_cancel_package_key: {
+            type: String,
+            default: "package_dest",
+        },
+    },
+    methods: {
+        list_opts() {
+            const opts = _.defaults(
+                {},
+                this.$super(PickingDetailListMixin).list_opts(),
+                {
+                    showCounters: true,
+                    list_item_component: "picking-summary-content",
+                    group_color: this.utils.colors.color_for("screen_step_done"),
+                }
+            );
+            return opts;
+        },
+        _get_available_list_item_actions() {
+            // TODO: we should probably make the 1st class citizens w/ their own object class.
+            const self = this;
+            return {
+                action_change_pkg: {
+                    comp_name: "edit-action",
+                    get_record: function (rec, action) {
+                        /**
+                         * Here we can get records grouped.
+                         * If lines have a dest package or not
+                         * we don't care for a simple reason:
+                         * if the pack is there then all grouped lines
+                         * have the same package.
+                         * The edit action will check by itself
+                         * if the pkg is there or not and pick the right record.
+                         * Hence -> always return the move line.
+                         */
+                        if (rec.records) {
+                            return rec.records[0];
+                        }
+                        return rec;
+                    },
+                    get_options: function (rec, action) {
+                        return {click_event: "pkg_change_type"};
+                    },
+                    enabled: function (rec, action) {
+                        // Exclude for non-packaged records.
+                        // NOTE: `pack` is available only if records are grouped.
+                        // See `utils.group_by_pack`.
+                        return !_.isUndefined(rec.pack);
+                    },
+                },
+                action_cancel_line: {
+                    comp_name: "cancel-move-line-action",
+                    get_options: function (rec, action) {
+                        return {
+                            package_cancel_key: self.$props.action_cancel_package_key,
+                        };
+                    },
+                    get_record: function (rec, action) {
+                        if (rec.records) {
+                            // Lines grouped, get real line
+                            return rec.records[0];
+                        }
+                        return rec;
+                    },
+                    enabled: function (rec, action) {
+                        return true;
+                    },
+                },
+            };
+        },
+    },
+});
+
+Vue.component("picking-summary-content", {
+    mixins: [ItemDetailMixin],
+    props: {
+        record: Object,
+        options: Object,
+        index: Number,
+        count: Number,
+    },
+    data: function () {
+        return {
+            panel: [],
+        };
+    },
+    watch: {
+        panel: {
+            handler: function (newVal, oldVal) {
+                // The panel is opened
+                $(this.$parent.$el).toggleClass("inner-panel-expanded", newVal == 0);
+            },
+        },
+    },
+    methods: {
+        get_group_title: function (record, pkg_type) {
+            return this.options.group_header_title_key
+                ? pkg_type.records[0].product[this.options.group_header_title_key]
+                : record.title;
+        },
+    },
+    template: `
+    <div :class="['summary-content', record.key.startsWith('raw') ? 'no-pack' : 'has-pack']">
+        <v-expansion-panels v-if="record.key != 'no-pack' && record.records_by_pkg_type" flat v-model="panel">
+            <v-expansion-panel v-for="pkg_type in record.records_by_pkg_type" :key="make_component_key(['pkg', index])">
+                <v-expansion-panel-header>
+                    <div class="expansion-panel-header">
+                        <span class="item-counter">
+                            <span>{{ index + 1 }} / {{ count }}</span>
+                        </span>
+                        <strong>
+                            {{ get_group_title(record, pkg_type) }}
+                        </strong>
+                        <div v-for="(field, index) in options.header_fields">
+                            <span v-if="field.label" class="label">{{ field.label }}:</span>
+                            <component
+                                v-if="field.render_component"
+                                :is="field.render_component"
+                                :options="field.render_options ? field.render_options(record) : {}"
+                                :record="record"
+                                :key="make_component_key([field.render_component, 'list', index, record.id])"
+                            />
+                            <span v-else>
+                                {{ render_field_value(record, field) }}
+                            </span>
+                        </div>
+                    </div>
+                </v-expansion-panel-header>
+                <v-expansion-panel-content>
+                    <strong class="pkg-type-name mb-2">{{ pkg_type.title }}</strong>
+                    <picking-summary-product-detail
+                        v-for="(prod, i) in pkg_type.records"
+                        :record="prod"
+                        :index="i"
+                        :options="options"
+                        :key="make_component_key(['pkg', index, i, prod.id])"
+                        :count="pkg_type.records.length"
+                        />
+                </v-expansion-panel-content>
+            </v-expansion-panel>
+        </v-expansion-panels>
+        <div v-else v-for="(subrec, i) in record.records">
+            <picking-summary-product-detail :record="subrec" :index="index" :count="count" :options="options" :key="make_component_key(['raw', index, subrec.id, i])" />
+        </div>
+    </div>
+    `,
+});
+
+Vue.component("picking-summary-product-detail", {
+    mixins: [ItemDetailMixin],
+    props: {
+        record: Object,
+        index: Number,
+        count: Number,
+        options: Object,
+    },
+    template: `
+        <div class="summary-content-item">
+            <v-list-item-title v-if="options.show_title">
+                <span class="item-counter">
+                    <span>{{ index + 1 }} / {{ count }}</span>
+                </span>
+                {{ record.product.display_name }}
+            </v-list-item-title>
+            <template v-if="_.isEmpty(options.fields)">
+                <v-list-item-subtitle>
+                    <div class="lot" v-if="record.lot">
+                        <span class="label">Lot:</span> <span>{{ record.lot.name }}</span>
+                    </div>
+                    <div class="qty">
+                        <span class="label">Qty:</span>
+                        <packaging-qty-picker-display
+                            :key="make_component_key(['picking-summary', 'qty-picker-widget', 'done', record.id])"
+                            v-bind="utils.wms.move_line_qty_picker_props(record, {qtyInit: record.qty_done})"
+                            />
+                    </div>
+                </v-list-item-subtitle>
+            </template>
+            <template v-else>
+                <v-list-item-subtitle v-for="(field, index) in options.fields">
+                    <span v-if="field.label" class="label">{{ field.label }}:</span>
+                    <component
+                        v-if="field.render_component"
+                        :is="field.render_component"
+                        :options="field.render_options ? field.render_options(record) : {}"
+                        :record="record"
+                        :key="make_component_key([field.render_component, 'list', index, record.id])"
+                    />
+                    <span v-else>
+                        {{ render_field_value(record, field) }}
+                    </span>
+                </v-list-item-subtitle>
+            </template>
+        </div>
+    `,
+});

odoo/addons/shopfloor_mobile/static/wms/src/css/main.css

@@ -0,0 +1,73 @@
+ul.packaging {
+    list-style: none;
+}
+ul.packaging span:first-child {
+    width: 33%;
+    float: left;
+}
+
+.summary-content {
+    max-width: 100%;
+}
+.summary-content .v-list-item__title {
+    max-width: 100%;
+    white-space: normal;
+    font-size: 90%;
+    line-height: 130%;
+}
+.summary-content .v-list-item__subtitle {
+    font-size: 85%;
+    line-height: 125%;
+}
+.summary-content .summary-content-item {
+    margin-bottom: 0.4em;
+    padding-bottom: 0.4em;
+}
+.summary-content .v-expansion-panel-content .summary-content-item:not(:last-child) {
+    border-bottom: 1px dotted #ccc;
+}
+
+/* packaging-qty-picker */
+.packaging-qty-picker .v-expansion-panel-header {
+    padding: 0;
+    min-height: 0;
+}
+.packaging-qty-picker .v-expansion-panel-content {
+    border-left: 2px dashed;
+    padding-left: 7px;
+}
+.packaging-qty-picker .v-expansion-panel-content > div {
+    padding: 0;
+}
+.packaging-qty-picker input {
+    line-height: 35px;
+}
+.packaging-qty-picker .qty-done {
+    text-align: center;
+    width: 100%;
+    outline: -webkit-focus-ring-color auto 1px;
+}
+.packaging-qty-picker .qty-todo {
+    text-align: center;
+}
+.packaging-qty-picker .pkg-name {
+    line-height: 1;
+    padding-top: 2px;
+}
+.packaging-qty-picker .pkg-qty {
+    font-size: 75%;
+}
+
+/*
+TODO: this is probably to be applied to all .manual-select.
+I tested only w/ checkout/select_package for now
+ */
+.detail-picking-select .manual-select .v-list-item .v-list-item__action--stack {
+    flex-direction: column;
+}
+
+.v-list-item.location-will-be-empty .field-detail.location_will_be_empty {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+}