SignInSheet.vue

This page renders the Sign-In App (nav-item: None, only accessible by link from the Copyright Logo in the footer). Will redirect to Login page if the user is not logged in.

📄 View source on GitHub

Used Components

• 1️⃣ MemberSignIn
• 2️⃣ SignInTable
• 3️⃣ SignInTableGuest
• 4️⃣ SignInSheetHeader
• 5️⃣ GuestsSignIn
• 6️⃣ Sales
• 7️⃣ SalesTable
• 8️⃣ ScanQrCode
• 9️⃣ SellItem
• 🔟 Reports

Used Stores

• useThisRunStore
• useConnectivityStore
• useSignInMembersStore
• useSignInGuestsStore
• useOnsiteSalesStore
• useCashExpensesStore

Used Utils

• usePageContent — called with autoMount: false so the page can await getPageContent() inside its own onMounted before starting the background sync. A filterFn is passed to restrict tabs based on the isHare and isOnCash user roles.

Functions

handleVisibilityChange

Handles visibility change events on the page and evaluates the conditions for background synchronization (document visibility, online status, and no pending sync tasks). This ensures that the background synchronization process is started / stopped when the page becomes visible or hidden.

completeSync

Completes the background synchronization process for the Sign-In App. This asynchronous function logs the current time and initiates the process of fetching updated registration data from the backend, specifically for members, guests, and onsite sales associated with the current run date. The function exits early if no valid run date is available from thisRunsStore. It ensures that member and guest registration data, and onsite sales data are up-to-date by calling their respective fetch methods.

evaluateSyncConditions

Evaluates the conditions to determine if the background synchronization should be started or stopped.
The conditions are:
1. The user is online
2. There are no pending sync tasks; if we do not check this stores will be dehydrated!
3. The document is visible
If all conditions are met, the background synchronization is started. Otherwise, it is stopped.

isValidWednesday

Checks if the given string is date string and a valid Wednesday in the format YYYY-MM-DD

Parameters:

• dateString: - The date string to check

Reactivity

(anonymous) (watch)

Function ensures that restriction for the 'hare' user are properly applied. If user logs in as 'hare' the page content needs to be reloaded in order to constrain the page content to 'MemberSignIn' and 'GuestsSignIn'

(anonymous) (watch)

Function ensures that restriction for the 'OnCash' user are properly applied. If user logs in as 'OnCash' the page content needs to be reloaded in order to add the 'Reports' tab to the page content

(anonymous) (watch)

Watch for changes in connectivity conditions (isOnline and hasPendingSyncTasks) and evaluate the background sync conditions