diff --git a/static/src/css/pos.css b/static/src/css/pos.css index c6f6e10..9276402 100644 --- a/static/src/css/pos.css +++ b/static/src/css/pos.css @@ -1,3 +1,24 @@ .ows-sidebar { width: 220px; } .order-entry:hover { cursor: pointer; } .order-entry.selected { background-color: #007bff; color: white; } + +.sidebar-line { + display: flex; + justify-content: space-between; + gap: 0.5em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 0.2em 0; +} + +.sidebar-date { + flex-shrink: 0; + } + +.sidebar-name { + flex-shrink: 1; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; +} diff --git a/static/src/js/ows_pos_customer_sidebar.js b/static/src/js/ows_pos_customer_sidebar.js index e650f48..ff69dca 100644 --- a/static/src/js/ows_pos_customer_sidebar.js +++ b/static/src/js/ows_pos_customer_sidebar.js @@ -5,7 +5,7 @@ import { useService } from "@web/core/utils/hooks"; import { usePos } from "@point_of_sale/app/store/pos_hook"; import { _t } from "@web/core/l10n/translation"; import { ConfirmPopup } from "@point_of_sale/app/utils/confirm_popup/confirm_popup"; - +import { deserializeDateTime, formatDateTime, parseDateTime } from "@web/core/l10n/dates"; export class OwsPosCustomerSidebar extends Component { static template = "open_workshop.OwsPosCustomerSidebar"; @@ -19,6 +19,7 @@ export class OwsPosCustomerSidebar extends Component { addOrder() { this.pos.add_new_order(); // neue Order wird aktive Order this.pos.selectPartner(); + this.env.bus.trigger('partner-changed'); // ✅ korrektes Event feuern } async removeCurrentOrder() { @@ -47,6 +48,7 @@ export class OwsPosCustomerSidebar extends Component { } // Hinweis: Weitere Funktionen wie Sync mit Server (siehe ticket_screen.js) können hier ergänzt werden. + this.env.bus.trigger('partner-changed'); // ✅ korrektes Event feuern } openTicketScreen() { @@ -58,10 +60,15 @@ export class OwsPosCustomerSidebar extends Component { } getDate(order) { - const date = new Date(order.creationDate || order.creation_date || Date.now()); - return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); + const date = new Date(order.date_order); + const dd = String(date.getDate()).padStart(2, '0'); + const mm = String(date.getMonth() + 1).padStart(2, '0'); + const hh = String(date.getHours()).padStart(2, '0'); + const mi = String(date.getMinutes()).padStart(2, '0'); + return `${dd}.${mm}. ${hh}:${mi}`; } + getPartner(order) { return order.get_partner()?.name || "Kein Kunde"; } diff --git a/static/src/xml/ows_pos_customer_sidebar.xml b/static/src/xml/ows_pos_customer_sidebar.xml index b530d78..31f5e35 100644 --- a/static/src/xml/ows_pos_customer_sidebar.xml +++ b/static/src/xml/ows_pos_customer_sidebar.xml @@ -15,7 +15,10 @@ t-att-class="order === pos.get_order() ? 'bg-primary text-white' : 'bg-white'" t-on-click="() => selectOrder(order)"-->
-
+