shopfloor_mobile: use stars to display picking priority

OCA · Nov 22, 2023 · 7e16296 · 7e16296
1 parent 4278a38
commit 7e16296
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/shopfloor_mobile/static/wms/src/scenario/checkout.js b/shopfloor_mobile/static/wms/src/scenario/checkout.js
@@ -293,7 +293,20 @@ const Checkout = {
                         {path: "origin"},
                         {path: "carrier.name", label: "Carrier"},
                         {path: "move_line_count", label: "Lines"},
-                        {path: "priority", label: "Priority"},
+                        {
+                            path: "priority",
+                            render_component: "priority-widget",
+                            render_options: function (record) {
+                                const priority = parseInt(record.priority);
+                                // We need to pass the label to the component as an option instead of using "display_no_value"
+                                // because pickings with no priority will still have a string value of "0"
+                                // and the label would always be displayed.
+                                return {
+                                    priority,
+                                    label: priority ? "Priority: " : null,
+                                };
+                            },
+                        },
                     ],
                 },
             };

diff --git a/shopfloor_mobile_base/static/wms/src/components/priority-widget.js b/shopfloor_mobile_base/static/wms/src/components/priority-widget.js
@@ -18,6 +18,7 @@ export var PriorityWidget = Vue.component("priority-widget", {
     },
     template: `
 <div :class="[$options._componentTag, opts.mode ? 'mode-' + opts.mode: '', 'd-inline']">
+    <span v-if="opts.label">{{ opts.label }}</span>
     <span v-for="n in _.range(1, opts.priority + 1)" v-if="opts.priority" :class="['priority-' + n]">
         <v-icon color="amber accent-2">mdi-star</v-icon>
     </span>