Timesheet edit

The fields displayed in the edit form will depend to a large extent upon the specific user using the screen.

If this is a new timesheet then a selection of possible 'time periods' will be displayed. These will be for a total of the current and last 9 weeks, making a total of 10 possible time periods being possible. This number is currently hard coded and not a configuration option. It is expected that timesheets would be entered on a historic basis, since it is not possible to predict what a person would be spending their time doing in advance.

Figure 2.23. User Timesheet Edit

User Timesheet Edit

The approvers edit screen is shown below. Similar to the User screen only we have a data field for the approval date, a field for approvers comments and a button to approve the timesheet.

[Note]Note

The approver does have the ability to modify the grid data, although this is not expected to be a common task for an approver. It does however permit them to re-assign time to different tasks, such as when an account code changes but the user has already submitted their timesheet using an 'old' code that is subsequently disabled.

Figure 2.24. Approvers Timesheet Edit Screen

Approvers Timesheet Edit Screen

There are two separate parts of the edit screen, the general settings and the 'grid' itself. The 'sheet settings such as username, and user id are obtained from the entering user. The time period is selectable on a new 'timesheet' but is read only upon an edit. Time periods are usually unique although this depend upon the component settings. Some fields will only be displayed depending upon the 'editing user' If a timesheet approver, editing a timesheet of another user is using the system then some additional 'approval' and administrative remarks fields will be displayed.

The grid itself is populated (or filled out) on the users local machine. There is no interaction with the Joomla server at all until the complete Joomla form is submitted. Javascript is used to provide the grid editing, which includes populating the fields, selecting the appropriate code, searching within the grid etc. Totals, for each account code and for each day, are automatically updated as each 'grid row' is completed (or filled in).

The bottom bar of the grid displays buttons to perform the 'common' activities required to edit the grid rows. There are Add, Edit,Cancel and Save button in Bottom left of navigation bar. When a user selects a Row from grid (while selecting the row get highlighted), they may Click the Edit button from the Bottom bar, or if they have performed a double click upon a row, the Row become Editable and the Save and Cancel button in the bottom navigation bar become active. Once editing is complete the user presses the save button in the grid bottom navigation bar.

On the navigation these buttons/icons are on the bottom left hand side. These are used to perform most of the common actions upon the grid. Most icons are self explanatory. The 'dustbin' is for removal of a highlighted line. The 'plus' icon is for adding a new line to the grid, the 'pen' icon is to write the changes to local memory, a restore grid button to reset the users position upon the grid and a search icon to display an additional line at the top of the grid permitting searching in the different grid columns. As mentioned above double clicking on a specific column/row will highlight that specific row and permit a value to be changed. The Tab key can be used to move between columns on the row and pressing the keyboard return key will also save the data to local memory, as an alternative to pressing the navigation bar save key, except on the 'Notes' field where it acts as a carriage return for text within the entered comment.

Go To Top

Joomla! Debug Console

Session

Profile Information

Memory Usage

Database Queries