Order Scheduling View

Weekly Order Scheduling View

Full, Structured & End-to-End Description

What This Screen Is

This screen is the Weekly Order Scheduling View — the operational planning workspace where orders, people, or assignments are visually placed across a seven-day week.

It combines:

Time tracking
Order filtering
Monthly navigation
Weekly planning
Visual workload distribution

All in one unified interface.

This is not a configuration screen.
This is a day-to-day operational control panel.

Overall Layout Philosophy

The screen is intentionally divided into three vertical zones, each serving a different mental task:

Top Header – Work status & time tracking
Left Sidebar – Context selection (Order + Month)
Main Area – Weekly execution & visualization

This separation allows users to:

Stay aware of time and status
Choose what period they are working on
Actively manage who/what is scheduled during the week

1. Top Header Bar – Work State & Control

The top bar answers one question instantly:

“Am I currently working, and how long?”

What Lives Here

Work Status (“At work”)
Confirms the user’s current operational state.
Start Work Button (Green, Play Icon)
Starts time tracking.
This connects scheduling with real working hours.
Time Clock (00:00:00)
Live timer showing elapsed work time.

The dropdown arrow implies:
- Pause / stop
- History
- Adjustments
Green Numeric Badges (2, 2)

Attention indicators:
- Pending items
- Notifications
- Active tasks
  (Exact meaning depends on system configuration.)
Red Close (X)
Exits the scheduling view safely without affecting data.

Why This Matters

This bar ensures accountability — scheduling is tied to real working time, not just planning.

2. Left Sidebar – Order Context & Monthly Orientation

The left sidebar sets scope before action.

Order Section

At the top of the sidebar:

“Order” Title

Confirms the module you’re operating in.
Purple Gear Icon

Opens Order Settings, such as:
- Order types
- Visibility rules
- Custom fields
- “Show in top header order list”

This separation ensures:

Configuration stays separate from execution
Changes don’t disrupt live scheduling

Monthly Calendar (January 2026)

Below the Order header is a compact monthly calendar.

Its role is orientation, not execution.

What it provides:

Day-of-week headers (Sun–Sat)
Full month grid (January 2026)
Overflow days from previous month (Dec 28–31)
Highlighted current day (e.g., Jan 28)

Controls include:

Left / Right arrows → move between months
Home icon → jump back to the current month

How It’s Used

Clicking a date repositions the weekly grid
Users quickly jump to another week without scrolling
It keeps users grounded in where they are in time

3. Main Content Area – Weekly Planning Engine

This is where real work happens.

Week Navigation Controls

At the top of the main area:

Left Arrow → previous week
“Week” Button → confirms week view (or switches from Day/Month)
Right Arrow → next week

This allows fast linear movement through time.

Date Range Indicator

Example shown:

28 Dec 1969 – 03 Jan 1970

This text communicates:

The exact date range currently visible in the grid

The adjacent information (“i”) icon suggests:

Explanation of date logic
Clarification if ranges seem unexpected

⚠️ If this range doesn’t align with the sidebar month (e.g., January 2026), it indicates:

Test data
A date calculation mismatch
Or a known bug

The UI intentionally surfaces this instead of hiding it.

4. Filter Tags – Controlling What You See

Directly below week navigation is a row of filter tags.

Each tag represents:

An order type
A category
Or a logical grouping

Examples:

All
testttt
martinoz
swiggy
test update
lapin oz
test
zomato

How Filters Work

Clicking a tag → shows only matching events
Clicking All → clears all filters
Darker-colored tags → currently active filters

Each tag also has a gear icon, which opens:

Settings for that specific order type

This allows:

Real-time filtering
Immediate configuration access
No context switching

5. Weekly Scheduling Grid – Visual Execution Layer

This is the core operational canvas.

Grid Structure

7 vertical columns → Sunday to Saturday
Horizontal lanes → time slots or resources
Cells → where assignments appear

Empty days appear as light grey zones.

Event / Assignment Cards

Each scheduled item appears as a colored card with:

A label (e.g., “test”)
A person icon (indicating a user/resource)
A background color

Example Observations

Friday and Saturday contain multiple assignments
Sunday–Thursday are empty (or filtered out)

Color Meaning

Colors are semantic, not decorative.

They may represent:

Order status (confirmed, pending, internal)
Assignment type
Resource category
Priority level

For example:

Red → critical or confirmed
Pink → partial or secondary
Blue → different role or classification

This allows users to:

Read the schedule without clicking
Spot conflicts or workloads instantly

6. Interaction Flow – How a User Works Here

A typical workflow looks like this:

User starts work using Start Work
Confirms they’re in the correct month via sidebar
Uses arrows or calendar to reach the desired week
Applies filters (e.g., “lapin oz”, “test”)
Reviews assignments in the weekly grid
Clicks an event card to view or edit details
Adjusts scheduling as needed
Monitors time via the top clock
Exits safely using the red X

Everything is designed to minimize friction and maximize visibility.

7. Conceptual Role of This Screen

This view is the system’s:

Weekly command center
Resource coordination board
Operational truth layer

It turns abstract data (orders, users, dates) into a clear visual plan.

Final Summary (Plain Language)

The Weekly Order Scheduling View lets users:

Track work time
Navigate months and weeks
Filter orders instantly
Visually assign and review work
Understand workloads at a glance

It is built for speed, clarity, and daily execution, not configuration.

One-Line Executive Summary

This screen is a weekly operational dashboard that combines time tracking, order filtering, and a visual calendar grid to plan, assign, and manage work efficiently across a seven-day period.