One secure space for your people, attendance, and everyday HR operations.
01 Employee directory
02 Time, leave & attendance
03 Secure access
HELEN & SONS
Demo mode is ready. To use real employee accounts, add the Supabase URL and publishable key in js/config.js.
WELCOME TO YOUR WORKSPACE
Sign in to HRIS
Enter your work email and password to continue.
OR EXPLORE WITHOUT SETUP
Demo previews do not use passwords. Admin assigns Employee, HR Manager or Administrator preview roles; only HR Manager reviews approvals. No real emails are sent.
ACCOUNT RECOVERY
Reset your password
We will email a secure password-reset link to your registered work address.
SECURE YOUR ACCOUNT
Set a new password
Use at least 10 characters. This updates your real account when Supabase is connected.
HELEN & SONS
Workspace / Overview
Demo preview
HS
AdministratorAdmin
DEMO PREVIEWEmployee profiles, attendance corrections, leave requests, and approvals are stored in this browser only. This is not a shared or secure production HR database.
HELEN & SONS / PEOPLE OPERATIONS
Managing ✳ your team and workflows.
A thoughtful space for your people, leave requests and everyday HR.
HRIS STUDIO ✳ 2026
YOUR PEOPLE, AT A GLANCE
Good morning
Here is today's HR overview.
WORKFLOW AT A GLANCE
Leave application pipeline
Current status of submitted requests
Pending0
Approved0
Rejected0
YOUR ATTENDANCE TODAY
Clock IN / Clock OUT
Recorded in Gulf Standard Time (GST · UTC+4)
NOT CLOCKED IN
--:--:----
IN TIME--:--
OUT TIME--:--
HOURS WORKED—
Clock-in and clock-out times are generated automatically.
ATTENDANCE ALERTS
Late attendance notifications
Late check-ins based on employee attendance rules
0 alerts
Today's attendance
IN and OUT times for your visible team
EMPLOYEE
IN TIME
OUT TIME
STATUS
WORKFORCE TRACKING
Attendance
Clearly recorded clock-in and clock-out times.
FINGERPRINT ATTENDANCELive ZKTeco scan monitor
Read-only synchronized scan events (requires secure Supabase sign-in and an office connector).
Leave workflows are available in the browser demo. Connected database leave support will be added separately.
NEW APPLICATION
Apply for leave
Send a request directly to the HR Manager approval inbox.
MY LEAVE OVERVIEW
Your requests
Track pending and completed decisions.
Submitted0
Pending0
Approved0
ANNUAL BALANCE——
SICK BALANCE——
Demo allowances count calendar days; weekends and public holidays are not excluded. Confirm your company leave rules before real use.
How approval works
Submit your dates and reason. Only the HR Manager can approve or reject your request. Your status appears in your personal leave history. You can cancel a pending request.
My leave history
Applications, decision notes, and dates
Personal requests
LEAVE TYPE
DATES
DAYS
STATUS
REVIEW NOTE
ACTION
HR DECISION CENTER
Leave approvals
Only the HR Manager can approve or reject staff leave applications.
0 pending
Approval actions are in demo mode only until the Supabase leave tables and server-side authorization are implemented.
Awaiting review0
Approved0
Rejected0
Pending applications
Approve or reject applications from your team
Action required
✉ HR Manager inbox:0 employee leave request(s) awaiting your approval. These in-app notifications are visible only to the HR Manager demo login.
Decision history
Previously reviewed leave requests
EMPLOYEE
LEAVE
DATES
DECISION
REVIEWER
ATTENDANCE INTELLIGENCE
Late notifications
Monitor late check-ins against the company's shift policy.
GST · Asia/Dubai
DEMO ATTENDANCE POLICY
Based on each employee’s assigned shift
Each roster includes its own start time, working days, and grace period. Late check-ins are calculated per scheduled shift; notifications stay inside this demo.
◷
Late check-ins today0
Alerts to review0
Total logged alerts0
Late attendance feed
Automatically created from attendance IN times
ATTENDANCE ACCURACY
Time corrections
Request a missing or incorrect punch change; the HR Manager reviews it before the record is updated.
0 pending
Time corrections are currently demo-only. Connected Supabase accounts require a database migration and server-side approval functions.
EMPLOYEE REQUEST
Request an attendance correction
Select your recorded shift, enter the corrected local times (GST), and explain the change.
MY CORRECTION STATUS
Your applications
0Awaiting review
0Approved
0Rejected
Approval safeguard
Your original punches are retained in an approval history. Employees cannot overwrite their own attendance directly.
My correction history
All submitted requests and HR decisions
ATTENDANCE DATE
REQUESTED IN → OUT
STATUS
REVIEW NOTE
ACTION
HR Manager correction approval queue
Approve the proposed time changes or reject with a reason.
0 awaiting review
HR OPERATIONS INSIGHTS
Reports & exports
Review your demo workforce records and download CSV reports for Excel.
Attendance records0
Leave applications0
Time corrections0
◷
Attendance register
Punches, corrected records, hours, late minutes.
▦
Leave summary
Applications, dates, balances, statuses, and review decisions.
⇄
Correction audit
Requested changes, original times, corrected times, decisions and reviewers.
♙
Employee directory
Employee IDs, roles, departments, managers.
ⓘ
Demo data only
Exports contain only data visible to your current preview role and are generated locally in your browser. Avoid putting real confidential HR information in the demo.
YOUR WORKFORCE
Employee profiles
Employee numbers, departments, reporting managers, joining dates, and employment status.
Employee directory
Browse team members
EMPLOYEE
STAFF ID
DEPARTMENT
POSITION
ACCESS ROLE
STATUS
ACTION
ⓘ
Adding new users
In connected mode, administrators invite employees by email. Each employee receives a secure link to set their password. No administrator can see an employee's password.
COMPANY PROPERTY & ALLOCATIONS
Company assets
Keep track of company mobile phones, SIM cards, and laptops issued to employees.
Asset register
Track company devices and their current assignees.
ASSET
ASSET TAG
ASSIGNED TO
IMEI / SERIAL / ICCID
STATUS
ACTIONS
ⓘ
Company equipment records
This demonstration saves asset records in your browser. A secure backend is needed before entering real company IMEI, ICCID or serial numbers.
PERSONAL SETTINGS
My account
Manage your profile and account security.
HS
JPG, PNG or WebP · Up to 5 MB · Saved in this browser only.
Photo uploading is available in the HTML demo only. A secure storage service is needed for real employee accounts.
Administrator
admin@example.com
ROLEAdmin
DEPARTMENTHuman Resources
POSITIONAdministrator
ACCOUNT SECURITY
Change password
Update your password securely. Passwords are managed by Supabase in connected mode.
COMPANY EQUIPMENT
My assigned assets
Devices currently allocated to your employee account.
EMPLOYEE MANAGEMENT
Create employee account
Administrators can create Employee, HR Manager, or Administrator preview accounts and manage their access roles. Default system accounts and your own account cannot be changed here. Real login roles require secure server-side authorization.
LEAVE APPROVAL
Reject leave application
Please enter a reason. The employee will see this note in their leave history.
ATTENDANCE REVIEW
Reject correction
Give the employee a clear reason for rejecting this time correction.
ADMINISTRATOR · COMPANY ASSETS
Register company asset
Only the Administrator can register or edit asset identifiers, including IMEI, laptop serial numbers and SIM ICCID.
COMPANY EQUIPMENT
Asset details
ASSET RECOVERY · ADMINISTRATOR
Record asset return
Confirm that the device has been received back from the employee.
HELEN & SONSHUMAN RESOURCE INFORMATION SYSTEM