From 5fc5e8c05a6b6ce8d2c1837c29b3b2724aad49ea Mon Sep 17 00:00:00 2001
From: MohamedAliSmk <mohamedalismk@cgmail.com>
Date: Wed, 25 Mar 2026 15:26:06 +0200
Subject: [PATCH 1/3] Hide POS Actions & print When Shift is Closed

---
 POS/src/components/pos/POSHeader.vue |  4 +-
 POS/src/pages/POSSale.vue            | 55 ++++++++++++++++++++++++----
 2 files changed, 49 insertions(+), 10 deletions(-)

diff --git a/POS/src/components/pos/POSHeader.vue b/POS/src/components/pos/POSHeader.vue
index bcb2edf8..cdc97830 100644
--- a/POS/src/components/pos/POSHeader.vue
+++ b/POS/src/components/pos/POSHeader.vue
@@ -214,8 +214,8 @@
 						</div>
 					</div>
 
-					<!-- Printer - Hidden on small screens -->
-					<div class="hidden md:block relative">
+					<!-- Printer - Visible only while shift is open -->
+					<div v-if="hasOpenShift" class="hidden md:block relative">
 						<ActionButton
 							:icon="printerIcon"
 							:title="silentPrintEnabled ? (qzConnected ? __('Silent Print: Connected') : __('Silent Print: Disconnected')) : __('Print Invoice')"
diff --git a/POS/src/pages/POSSale.vue b/POS/src/pages/POSSale.vue
index 20a7664b..aa338ce6 100644
--- a/POS/src/pages/POSSale.vue
+++ b/POS/src/pages/POSSale.vue
@@ -27,7 +27,7 @@
 				:silent-print-enabled="posSettingsStore.silentPrint"
 				:qz-connected="qzConnected"
 				@sync-click="handleSyncClick"
-				@printer-click="uiStore.showHistoryDialog = true"
+				@printer-click="openHistoryDialog"
 				@refresh-click="handleRefresh"
 				@clear-cache="handleClearCache"
 				@logout="uiStore.showLogoutDialog = true"
@@ -54,7 +54,8 @@
 						<span>{{ __("View Shift") }}</span>
 					</button>
 					<button
-						@click="uiStore.showDraftDialog = true"
+						v-if="canAccessShiftActions"
+						@click="openDraftDialog"
 						class="w-full text-start px-4 py-2.5 text-sm text-gray-700 hover:bg-purple-50 flex items-center gap-3 transition-colors relative"
 					>
 						<svg
@@ -79,7 +80,8 @@
 						</span>
 					</button>
 					<button
-						@click="uiStore.showHistoryDialog = true"
+						v-if="canAccessShiftActions"
+						@click="openHistoryDialog"
 						class="w-full text-start px-4 py-2.5 text-sm text-gray-700 hover:bg-indigo-50 flex items-center gap-3 transition-colors"
 					>
 						<svg
@@ -126,7 +128,8 @@
 						</span>
 					</button>
 					<button
-						@click="uiStore.showReturnDialog = true"
+						v-if="canAccessShiftActions"
+						@click="openReturnDialog"
 						class="w-full text-start px-4 py-2.5 text-sm text-gray-700 hover:bg-red-50 flex items-center gap-3 transition-colors"
 					>
 						<svg
@@ -167,6 +170,7 @@
 				</template>
 				<template #additional-actions>
 					<button
+						v-if="canAccessShiftActions"
 						@click="handleCloseShift()"
 						class="w-full text-start px-4 py-2.5 text-sm text-gray-700 hover:bg-orange-50 flex items-center gap-3 transition-colors"
 					>
@@ -367,10 +371,10 @@
 								@update-uom="cartStore.changeItemUOM"
 								@edit-item="handleEditItem"
 								@view-shift="uiStore.showOpenShiftDialog = true"
-								@show-drafts="uiStore.showDraftDialog = true"
-								@show-history="uiStore.showHistoryDialog = true"
-								@show-return="uiStore.showReturnDialog = true"
-								@close-shift="handleCloseShift()"
+								@show-drafts="openDraftDialog"
+								@show-history="openHistoryDialog"
+								@show-return="openReturnDialog"
+								@close-shift="handleCloseShift"
 							/>
 						</div>
 					</keep-alive>
@@ -1166,6 +1170,8 @@ const profileWarehouses = computed(() => {
 	return [];
 });
 
+const canAccessShiftActions = computed(() => shiftStore.hasOpenShift);
+
 // Resize state
 let resizeState = null;
 let bodyStyleSnapshot = null;
@@ -1436,7 +1442,12 @@ watch(
 	(value) => {
 		if (value && typeof window !== "undefined") {
 			updateLayoutBounds();
+			return;
 		}
+
+		uiStore.showDraftDialog = false;
+		uiStore.showHistoryDialog = false;
+		uiStore.showReturnDialog = false;
 	}
 );
 
@@ -2181,9 +2192,37 @@ async function handleOptionSelected(option) {
 }
 
 function handleCloseShift() {
+	if (!canAccessShiftActions.value) {
+		return;
+	}
+
 	uiStore.showCloseShiftDialog = true;
 }
 
+function openDraftDialog() {
+	if (!canAccessShiftActions.value) {
+		return;
+	}
+
+	uiStore.showDraftDialog = true;
+}
+
+function openHistoryDialog() {
+	if (!canAccessShiftActions.value) {
+		return;
+	}
+
+	uiStore.showHistoryDialog = true;
+}
+
+function openReturnDialog() {
+	if (!canAccessShiftActions.value) {
+		return;
+	}
+
+	uiStore.showReturnDialog = true;
+}
+
 function formatCurrency(amount) {
 	return Number.parseFloat(amount || 0).toFixed(2);
 }

From 87bea126d5a0c786e29c5f60293ef14ac13b2c1b Mon Sep 17 00:00:00 2001
From: MohamedAliSmk <mohamedalismk@cgmail.com>
Date: Thu, 26 Mar 2026 16:25:09 +0200
Subject: [PATCH 2/3] Add "Switch To Desk" button functionality in POS Sale
 page

- Introduced a new button to switch to the desk view, conditionally rendered based on user permissions.
- Implemented the switchToDesk function to handle navigation to the desk view when the button is clicked.
---
 POS/src/pages/POSSale.vue | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/POS/src/pages/POSSale.vue b/POS/src/pages/POSSale.vue
index aa338ce6..2b197f6d 100644
--- a/POS/src/pages/POSSale.vue
+++ b/POS/src/pages/POSSale.vue
@@ -147,6 +147,26 @@
 						</svg>
 						<span>{{ __("Return Invoice") }}</span>
 					</button>
+					<button
+						v-if="canAccessShiftActions"
+						@click="switchToDesk"
+						class="w-full text-start px-4 py-2.5 text-sm text-gray-700 hover:bg-emerald-50 flex items-center gap-3 transition-colors"
+					>
+						<svg
+							class="w-5 h-5 text-emerald-600"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M3 7h18M3 12h18M3 17h18"
+							/>
+						</svg>
+						<span>{{ __("Switch To Desk") }}</span>
+					</button>
 					<hr class="my-1 border-gray-100">
 					<button
 						@click="lockSession()"
@@ -2223,6 +2243,14 @@ function openReturnDialog() {
 	uiStore.showReturnDialog = true;
 }
 
+function switchToDesk() {
+	if (!canAccessShiftActions.value || typeof window === "undefined") {
+		return;
+	}
+
+	window.location.assign("/app");
+}
+
 function formatCurrency(amount) {
 	return Number.parseFloat(amount || 0).toFixed(2);
 }

From 98806804e47f262bb03b97a8095f929f7adec53c Mon Sep 17 00:00:00 2001
From: MohamedAliSmk <mohamedalismk@cgmail.com>
Date: Thu, 26 Mar 2026 16:31:56 +0200
Subject: [PATCH 3/3] PN-39 Hide POS Actions When Shift is Closed

---
 POS/src/pages/POSSale.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/POS/src/pages/POSSale.vue b/POS/src/pages/POSSale.vue
index 2b197f6d..8da876f8 100644
--- a/POS/src/pages/POSSale.vue
+++ b/POS/src/pages/POSSale.vue
@@ -167,7 +167,7 @@
 						</svg>
 						<span>{{ __("Switch To Desk") }}</span>
 					</button>
-					<hr class="my-1 border-gray-100">
+					<hr class="my-1 border-gray-100"> 
 					<button
 						@click="lockSession()"
 						class="w-full text-start px-4 py-2.5 text-sm text-gray-700 hover:bg-amber-50 flex items-center gap-3 transition-colors"