Masterplan Optimiser

Calendar Interface Overview

The Calendar Web App is the end-user interface where persons view their published schedules. It runs in any modern web browser and can be installed as a Progressive Web App (PWA) on mobile devices.

Calendar Grid

The main view is an hourly timeline grid covering 6 AM to midnight. Each task is shown as a coloured block positioned at its scheduled time, using the colour of its task type. Navigate between days using the arrow buttons or by swiping on touch devices.

The calendar grid showing tasks as coloured blocks on an hourly timeline
The hourly calendar grid.

List View

Toggle between the calendar grid and a flat list using the view switcher in the header. The list view shows all tasks for the selected day in chronological order, making it easy to scan a full day at a glance.

Person Filter & Highlights

A person filter lets you focus on specific people. Combined with a highlight mode, tasks belonging to other people are de-emphasised so your schedule stands out.

Highlight modes include off (no filtering), opacity, greyed-out and hatched.

Keyboard & Touch

On desktop devices, keyboard shortcuts speed up navigation:

  • Left / Right arrow - Previous / next day.
  • Escape - Close the task detail panel.

On touch devices, swipe left or right to change day. Tap a task block to open its details.

Installing as a PWA

The calendar app can be added to the home screen on mobile devices for a native app-like experience. Use the browser's "Add to Home Screen" option. Once installed, the app opens in full-screen mode and supports push notifications.