Skip to content

Pn 39 hide pos actions when shift is closed #212

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mahmoudhaney merged 3 commits into from
Mar 27, 2026
Merged

Pn 39 hide pos actions when shift is closed #212

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5fc5e8c
Hide POS Actions & print When Shift is Closed
Mar 25, 2026
87bea12
Add "Switch To Desk" button functionality in POS Sale page
Mar 26, 2026
9880680
PN-39 Hide POS Actions When Shift is Closed
Mar 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions POS/src/components/pos/POSHeader.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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')"
Expand Down
85 changes: 76 additions & 9 deletions POS/src/pages/POSSale.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand All @@ -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
Expand All @@ -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
Expand Down Expand Up @@ -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
Expand All @@ -144,7 +147,27 @@
</svg>
<span>{{ __("Return Invoice") }}</span>
</button>
<hr class="my-1 border-gray-100">
<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()"
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"
Expand All @@ -167,6 +190,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"
>
Expand Down Expand Up @@ -367,10 +391,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>
Expand Down Expand Up @@ -1166,6 +1190,8 @@ const profileWarehouses = computed(() => {
return [];
});

const canAccessShiftActions = computed(() => shiftStore.hasOpenShift);

// Resize state
let resizeState = null;
let bodyStyleSnapshot = null;
Expand Down Expand Up @@ -1436,7 +1462,12 @@ watch(
(value) => {
if (value && typeof window !== "undefined") {
updateLayoutBounds();
return;
}

uiStore.showDraftDialog = false;
uiStore.showHistoryDialog = false;
uiStore.showReturnDialog = false;
}
);

Expand Down Expand Up @@ -2181,9 +2212,45 @@ 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 switchToDesk() {
if (!canAccessShiftActions.value || typeof window === "undefined") {
return;
}

window.location.assign("/app");
}

function formatCurrency(amount) {
return Number.parseFloat(amount || 0).toFixed(2);
}
Expand Down
Loading