You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
2.4 KiB
HTML
56 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Schedule Grid Editor</title>
|
|
<link rel="stylesheet" href="main.css" type="text/css">
|
|
<script type="module" src="./app.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="header" class="forms noprint">
|
|
<p id="browserVersionWarning">
|
|
This website requires
|
|
<a href="https://www.google.com/chrome/">Google Chrome 86+</a>
|
|
and does not work in Firefox due to using the
|
|
<a href="https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API">File System Access API</a>
|
|
to store the schedule data locally on your computer. Apologies for the
|
|
inconvenience.
|
|
</p>
|
|
<div id="loadButtons">
|
|
<button id="openDir" style="display: none;">Choose data directory</button>
|
|
<button id="reopenDir" style="display: none;">Reload recent schedule</button>
|
|
<button id="closeDir" style="display: none;">Close data directory</button>
|
|
</div>
|
|
</div>
|
|
<div id="scheduleSettings" class="forms noprint">
|
|
<div id="selectScheduleDiv">
|
|
<label>Schedule: <select id="schedules"></select></label>
|
|
</div>
|
|
<div id="clone">
|
|
<label>New schedule name: <input id="cloneName" pattern="[-_ a-zA-Z0-9]+" disabled></label>
|
|
<button id="cloneSch" disabled>Clone to New Schedule</button>
|
|
<button id="cloneSchNoAssignments" disabled>Clone to New Schedule without Assignments</button>
|
|
</div>
|
|
<div id="backupsSettings">
|
|
<label>Load backup: <select id="backups"></select></label><br>
|
|
<label>Backup name: <input id="backupName" pattern="[-_ a-zA-Z0-9]+"></label>
|
|
<button id="createBackup">Create Backup</button>
|
|
</div>
|
|
<div id="scheduleMetadata">
|
|
<label>Title: <input id="title"></label>
|
|
<button id="changeTitle">Change Title</button><br>
|
|
<label>Name: <input id="person"></label>
|
|
<button id="addTeacher">Add Teacher</button>
|
|
<button id="addStaff">Add Staff</button>
|
|
<button id="addStudent">Add Student</button><br>
|
|
<select id="removeStaff" disabled></select>
|
|
<button id="delStaff" disabled>Delete Staff Person</button><br>
|
|
<select id="removeStudent" disabled></select>
|
|
<button id="delStudent" disabled>Delete Student</button><br>
|
|
</div>
|
|
</div>
|
|
<div id="allSchedules">
|
|
</div>
|
|
</body>
|
|
</html>
|