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

<!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>