Planner with Bootstrap

Plan out and visualize your project with a planner for your team.

Hourly Planner

The following planner is a chart that shows who is working which hours. This office is open at 9:00 AM and closes at 6:00 PM. You will notice that there is a striped bar between work-shifts to show the employee's scheduled lunch break.

5 schedules found
Employee Name
9
10
11
12
1
2
3
4
5
6
Leslie Knope
9:00 AM — 1:00 PM
2:00 PM — 6:00 PM
Ann Perkins
9:00 AM — 12:00 PM
1:00 PM — 6:00 PM
Ben Wyatt
10:00 AM — 1:00 PM
3:00 PM — 6:00 PM
Ron Swanson
10:00 AM — 5:00 PM
April Ludgate
9:00 AM — 3:00 PM
4:00 PM — 6:00 PM

Resource Planning

The same method can also be used to repesent system resources. Striped bars for this context represent unavailable resources.

4 systems online, 1 offline
Resource
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
Bandwidth
20%
Email Accounts
3,170 / 10,000
Domains
10 / Unlimited
SSL Certificates
7 / 10
Galactic Server
OFFLINE

Daily Planning

This office is planning a long term project for the end of the current month. You will notice the striped bar to show the employee is not available for any tasks. Some tasks below also provide links to the documentation required for completion. To access a file, click on the task, then click on the link.

4 schedules found
Employee Name
25
26
27
28
29
30
Michael Scott
Invoices
Time & Labor
Final Close-Out
Submit Envelope
Pam Beesly
Jim Halpert
Lead Conversion Report
Commission Spreadsheet
Corrections Only
Dwight Schrute
Pre Close-Out
Final Close-Out
Hold all Accounts

Smart Planning

Planners can also be as intuitive as you need. Taken from the first example above, click on Ben's schedule to see what options he has.

5 schedules found
Employee Name
9
10
11
12
1
2
3
4
5
6
Leslie Knope
9:00 AM — 1:00 PM
2:00 PM — 6:00 PM
Ann Perkins
9:00 AM — 12:00 PM
1:00 PM — 6:00 PM
Ben Wyatt
10:00 AM — 1:00 PM
3:00 PM — 6:00 PM
Ron Swanson
10:00 AM — 5:00 PM
April Ludgate
9:00 AM — 3:00 PM
4:00 PM — 6:00 PM

Copyright Josh Ashmore 2021. All Rights Reserved.