Home Screen

Created on Aug 01, 2025 | By sakshigore
Last Updated on Aug 01, 2025
< All Topics
Print

Home Screen

Purpose

  • This is the post-login landing screen.
  • Informative banners will be displayed for announcements or updates.
  • Users can quickly access their individual records through key options:
    • My Attendance – View daily/monthly attendance logs
    • My Leaves – Check leave balance and history
    • My Remote Work – Track approved remote work entries
    • Official Trip – Access travel or field visit records
    • Tapping any option navigates to its respective section.
  1. My Attendance 

Purpose 

Displays the logged-in user’s daily attendance records, including check-in, check-out times and attendance status.

Navigation 

Home Screen > My Attendance 

Navigates to the user’s attendance summary from the main dashboard.

  • Users can select any month to review their attendance records.
  • Daily entries show check-in and check-out times and break durations.
  • Tapping on a day expands detailed logs for clarity.
  • A summary bar at the bottom displays counts for :
  • Present, Absent, Leave, Holiday, Week Off, Official Trip, and Remote Work
  • Each category is interactive – users can tap to view specific entries.

My Punch

Purpose 

Allows the user to view and manage their daily check-in and check-out records.

Navigation:

Home Screen > My Attendance > My Punch—Opens the user’s punch details directly from the main My Attendance section.

  • Accessible under the ‘My Attendance’ menu.
  • Displays check-in/check-out and break records for the selected month.
  • Users can view detailed punch data by date.
  • A bottom summary bar shows togglable counts for Attendance, Lunch, Break, Official Break, and Remote Work Break

My Timesheet

Purpose 

Shows a detailed view of the user’s daily work hours, breaks, and total hours logged over a selected period.

Navigation:

Home Screen >My Attendance > My Timesheet – Opens the user’s timesheet details directly from the main My Attendance Section.

  • Users can review status for each day in a calendar-style format.
  • Bottom section displays toggleable counts for :
    • Present 
    • Absent
    • Leave
    • Holiday
    • Week Off
    • Official Trip
    • Remote Work.

My Leaves 

  • Purpose 
  • Displays leave status and history for the selected month, and future months are restricted from selection.
  • Navigation 
  • Home Screen > My Leaves
  • Navigates to the user’s leave summary from the main dashboard.
  • New leave requests can be submitted directly from this page.
  • Users can toggle between pending, approved, declined, and cancelled leave requests.
  • Add New Leave 
  • To apply for leave, the user must provide the following details:
  • Leave type: Dropdown to select the type of leave (e.g., casual, sick, or annual).
  • Start Date : The date when the leave begins.
  • Select Duration:Indicate if the day is full or half.
  • End Date: The date when the leave ends.
  • Select Duration: Choose if the end day is a full day or the first half.
  • Number of Days: Automatically calculates and displays total leave days based on the selected dates and durations.
  • Reason : Text field to enter the reason for applying for leave.
  • Attachment : Option to upload supporting documents.

Action Button 

  • Submit : Saves and submits the leave request for approval.
  • Discard : Cancels the entry and resets the form without saving.

Filter

User will be able to filter data based on below fields : 

  • Leave Type 
  • Start/End Date
  • Leave Duration 
  • Start and End day count

My Remote Work

Displays remote work history for the selected month. Future months cannot be selected.

Navigation 

Home Screen > My Remote Work

Navigates to the user’s remote work summary from the main dashboard.

  • New remote work requests can be submitted directly from this page.
  • Users can switch views between pending, approved, declined, and cancelled requests.

New Remote Work  

  • Start Date:
    • The date when the remote work is scheduled to begin.
  • End Date:
    • The date when the remote work is scheduled to end.
  • Reason:
    • Text field to specify the reason for requesting remote work.
  • Attachment:
    • Option to upload supporting documents, if required.
  • Action Buttons
    • Submit:
      • Submits the remote work request for review and approval.
    • Discard:
      • Cancels the request and clears the entered information

Official Trip

  • Accessible from the Home screen of the app.
  • Displays official trip applications and their statuses for the selected month. Future month selection is not allowed.
  • Option to submit new official trip requests is available directly on this page.
  • Users can toggle between Pending, Approved, Declined, and Cancelled requests.

New Official Trip 

  • Work Type:
    • Dropdown to select the type of official work (e.g., Client Visit, Training, Conference).
  • Start Date:
    • The date the official trip is scheduled to begin.
  • End Date:
    • The date the official trip is scheduled to end.
  • Trip Location:
    • Enter the city or location of the trip.
  • Reason:
    • Description of the purpose or objective of the trip.
  • Attachment:
    • Option to upload supporting documents such as travel approvals or invitations.
  • Action Buttons
    • Submit:
      • Submits the official trip request for approval.
    • Discard:
      • Cancels the form and clears all entered information.

Filter 

  • Trip Type:
    • Filters the list based on the selected type of official trip (e.g., Client Visit, Training).
  • Start Date:
  • End Date:
  • Official Trip Duration:
    • Filters records based on the total duration of the official trip
Table of Contents