[IMP] point_of_sale,pos_*: top bar improvements and ticket list

The following changes are made in this task:

1. Remove order tabs and replace with ticket list.
2. Top bar color change.
3. Search bar in the product screen is moved in the top bar.
4. List of sub-categories are now in the same line as the category
breadcrumbs.

closes odoo/odoo#55100

Task-id: 2276678
Signed-off-by: pimodoo <pimodoo@users.noreply.github.com>

1 files changed, 33 insertions, 0 deletions

diff --git a/addons/pos_restaurant/static/src/js/ChromeWidgets/TicketButton.js b/addons/pos_restaurant/static/src/js/ChromeWidgets/TicketButton.js
new file mode 100644
index 00000000000..1e66bf91352
--- /dev/null
+++ b/addons/pos_restaurant/static/src/js/ChromeWidgets/TicketButton.js
@@ -0,0 +1,33 @@
+odoo.define('pos_restaurant.TicketButton', function (require) {
+    'use strict';
+
+    const TicketButton = require('point_of_sale.TicketButton');
+    const Registries = require('point_of_sale.Registries');
+    const { posbus } = require('point_of_sale.utils');
+
+    const PosResTicketButton = (TicketButton) =>
+        class extends TicketButton {
+            mounted() {
+                posbus.on('table-set', this, this.render);
+            }
+            willUnmount() {
+                posbus.off('table-set', this);
+            }
+            /**
+             * If no table is set to pos, which means the current main screen
+             * is floor screen, then the order count should be based on all the orders.
+             */
+            get count() {
+                if (!this.env.pos || !this.env.pos.config) return 0;
+                if (this.env.pos.config.iface_floorplan && !this.env.pos.table) {
+                    return this.env.pos.get('orders').models.length;
+                } else {
+                    return super.count;
+                }
+            }
+        };
+
+    Registries.Component.extend(TicketButton, PosResTicketButton);
+
+    return TicketButton;
+});