Here, users are able to observe all the created trips easily. In the calendar itself, the outer red ring represents the current date, while the inner red circle represents the selected date. Users are also able to filter the view in two ways. By clicking on the Vehicle option on the bottom left, a dropdown list will appear, allowing users to filter by Vehicle, Delivery Region or Driver to be displayed on the RHS table.
Users can also change the RHS table format of a display by clicking on the date range format shown on the top right of the picture above.
2.1.1 Creating Trips from Trip Calendar
Figure 2. Trip Calendar: Create Trip Part 1
By clicking on the “+” icon above, users will be directed to the Trips section on the sidebar, initiating the create sequence.
Users will see a back button highlighted in red box, and a “CREATE” button above. By filling in all the necessary fields, the “CREATE” button will turn from gray to blue indicating that the Clicking on the back button will exit the create sequence.
2.1.2 Editing Trips Details from Trip Calendar
By clicking on any of the existing trips, users will be directed to the Trips section to edit the selected trip.
Here, users are able to edit the trip details. The user can also move to the Jobs or Helpers tab to edit any related Jobs or Helpers for the selected trip. Once the information has been edited, clicking the “SAVE” button will finalize the data. Users can also click the back button highlighted in the red box to exit the edit sequence.
...
Users can edit any existing jobs related to the selected trip by clicking on a specific row or by clicking on the “+” button to create new jobs.
...
Figure 7. Trip Calendar: Edit Trip Part 4
Moving on to the Jobs tab, the user can choose to add related jobs here by clicking on the “+” button or edit any existing added jobs by clicking on the specific row
...
Figure 8. Trip Calendar: Edit Trip Part 5
After clicking on the “+” button, the user can choose to create a job that will be added to the trip automatically upon successful creation of the job. By filling in all the required fields, the “CREATE” button will turn blue, indicating that the job can be created and will be added to the trip.
Figure 9. Trip Calendar: Edit Trip Part 6
Users are also allowed to select existing jobs to be added directly to the selected trip. Filter can be done by selecting any of the categories above, and the existing job will be added by ticking the box.
Figure 10. Trip Calendar: Edit Trip Part 7
In the Helpers, the user can choose to add related jobs here by clicking on the “+” button or edit any existing added jobs by clicking on the specific row.
Figure 11. Trip Calendar: Edit Trip Part 8
By double-clicking the Driver Name field, a dropdown list will appear, allowing the user to select a trip driver from the driver list. After selecting a trip driver, the corresponding driver details will be displayed as above, by clicking the “CREATE” button will finish adding the trip driver.