Skip to main content

Timesheet Entry

Path: /home

Image: Farley Timesheet Entry Page

Page Sections​

Header and Controls​

At the top of the page is a control bar for selecting a date and adding new entries.

  • Select Date: A calendar for choosing a specific date. The table below will update to show entries for the selected date.
  • Add Entry Button: A button that expands to show a form for adding a new timesheet entry for the selected date.

Add Entry Form​

When the Add Entry button is clicked, a form appears with the following fields:

  • Employee Name: A dropdown menu to select an employee.
  • Hours: A field to enter the number of hours worked.
  • Job Number: A dropdown menu to select the job worked on.
  • Cancel Button: Hides the "Add Entry" form.
  • Add Entry Button: Submits the new timesheet entry.

Timesheet Table​

This is the main table that displays the timesheet entries for the selected date. The information can be viewed in two different ways using the toggle buttons in the footer.

The footer is at the bottom of the table and contains view controls and a summary.

  • View Toggles: Buttons to switch between "Summary" and "Details" views.
  • Total Hours: A display showing the sum of all hours for the selected date.

Page Actions​

Viewing Entries for a Date​

  • Click the Select Date calendar in the header and choose a date. The table will automatically load all timesheet entries for that day.

Adding a New Entry​

  1. First, select a date using the Select Date calendar.
  2. Click the Add Entry button to open the entry form.
  3. Fill in the Employee Name, Hours, and Job Number.
  4. Click the "Add Entry" button within the form to save the new record.

Changing the View​

You can switch how the data is displayed by clicking the toggle buttons in the footer.

  • Summary View: Groups all entries by employee and shows their total hours for the day.
  • Details View: Shows every single time entry as its own row.

Editing an Entry​

  • In the Details view, you can double-click the 'Hours' column on any row to change the number of hours for that entry.

Deleting an Entry​

  • In the Details view, each row has a DELETE button to remove that specific entry.