Adaptive Web Components Documentation

📅 Planner Components

1. adaptive-day-planner

A detailed view for managing tasks on a specific day.

| Attribute | Type | Default | Description | | :--- | :--- | :--- | :--- | | date | string | "" | ISO date string. Defaults to today. | | view | string | "jobs" | The type of data to display. | | view-style | string | "list" | Layout mode (e.g., list vs grid). | | dynamic-scrollbar | boolean | false | Enables adaptive scrollbar logic. | | show-tooltips | boolean | true | Toggles hover tooltips. |

2. adaptive-week-planner

A 7-day overview of the schedule.

| Attribute | Type | Default | Description | | :--- | :--- | :--- | :--- | | date | string | "" | The starting date for the week view. | | src | string | "" | API endpoint for week data. | | token | string | "123" | Auth token for requests. |

3. adaptive-month-planner

A high-level monthly calendar view.

• Current Restriction: This component currently defaults to March 2020 based on internal hardcoded props.
• Supported Attributes: src, token, view.

📊 Schedule Components

adaptive-jobs-schedule

A comprehensive timeline for tracking jobs, machines, and stoppages.

Visual Attributes

• background-color: Main background of the schedule (Default: #f0f0f0).
• axes-background-color: Background for time/resource axes (Default: #f8f8f8).
• bar-roundedness: Corner radius for job bars (Default: 7).
• row-spacing: Vertical spacing between resource rows (Default: .5em).

Indicators & Grid Lines

• now-line: Style for the current time marker (Default: 2px #ff0000 solid).
• vertical-line: General vertical grid lines.
• v-major-line: Primary interval lines.
• machine-line: Horizontal separator between machines.

Toggle Settings

• show-jobs: Toggle job bar visibility.
• show-stoppages: Toggle machine downtime visibility.
• show-machines: Toggle resource labels.
• show-hover-selection: Highlights items on mouse hover.