perelman/schedule-grid-js
1
0
Fork 0
Code Issues Pull Requests Activity

Compare commits

base: perelman:e97a42973dfac42e270b3071276e21afdf2e8e3c
Branches Tags
perelman:main
..
compare: perelman:25d50c9385a64869745416fca9436a3cbb703114
Branches Tags
perelman:main

No commits in common. "e97a42973dfac42e270b3071276e21afdf2e8e3c" and "25d50c9385a64869745416fca9436a3cbb703114" have entirely different histories.
e97a42973d ... 25d50c9385

2 changed files with 19 additions and 96 deletions
Show Stats Expand all files Collapse all files

110
www/app.js
View File

@ -9,35 +9,9 @@ import * as utils from './utils.js';
const openDirButton = document.getElementById('openDir');
const reopenDirButton = document.getElementById('reopenDir');
const closeDirButton = document.getElementById('closeDir');
const importButton = document.getElementById('import');
const importFileInput = document.getElementById('importFile');
const exportButton = document.getElementById('export');
const schedulesDiv = document.getElementById('allSchedules');
const scheduleSettingsDiv = document.getElementById('scheduleSettings');
const displaySettingsDiv = document.getElementById('displaySettings');
const displayDays = document.getElementById('displayDays');
const displayPeople = document.getElementById('displayPeople');
const assignmentFormDiv = document.getElementById('assignmentFormDiv');
const assignmentForm = document.getElementById('assignmentForm');
const assignmentSelector = assignmentForm.assignments;
const peopleTable = document.getElementById('peopleTable');
let peopleCheckboxes = undefined;
let selectedAssignment = undefined;
const personInfoDiv = document.getElementById('personInfo');
const personStartTime = document.getElementById('person_start_time');
const personEndTime = document.getElementById('person_end_time');
const personDays = document.getElementById('person_days');
const warningsSection = document.getElementById('warningsSection');
const warningsDiv = document.getElementById('warnings');
let dirHandle = null;
let backupsDir = null;
let fileHandle = null;
@ -171,64 +145,6 @@ document.getElementById('restoreBackup').addEventListener('click', async e => {
restoreBackup();
});
function download(filename, text, mimeType) {
const element = document.createElement('a');
element.setAttribute('href', 'data:' + mimeType + ',' + encodeURIComponent(text));
element.setAttribute('download', filename);
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
}
async function exportToFile() {
const name = basefileHandle.name.slice(0, -5);
const dateName = new Date().toISOString().replaceAll(':', '-');
download(name + '-' + dateName + '.json',
JSON.stringify(schedule.asJsonObject(), null, 2),
'application/json');
}
async function importFromFile() {
const fileList = importFileInput.files;
const file = fileList[0];
const reader = new FileReader();
if (hash.backup) {
// swap back to base file...
await loadFile(basefileHandle, false);
}
// ... create a new backup...
await createBackup(true);
reader.onload = async (e) => {
const json = e.target.result;
schedule = new Schedule(JSON.parse(json));
schedule.lastModified = file.lastModified;
await saveSchedule();
await loadFile(basefileHandle, false);
}
reader.readAsText(file);
}
exportButton.addEventListener('click', async e => {
exportToFile();
});
importButton.addEventListener('click', async e => {
importFileInput.click();
});
importFileInput.addEventListener('change', async e => {
importFromFile();
});
async function cloneSchedule(includeAssignments) {
let name = document.getElementById('cloneName').value;
if (name.length === 0) {
@ -465,11 +381,6 @@ if (window.showDirectoryPicker) {
}
});
}
else {
// Can't use real file system, so use OPFS instead.
await loadDir(await navigator.storage.getDirectory());
closeDirButton.addEventListener('click', e => closeDir());
}
function displayFullSchedule() {
(hash.day ? [hash.day] : schedule.all_days)
@ -521,6 +432,9 @@ function displayIndividualSchedule(person) {
}
}
const displaySettingsDiv = document.getElementById('displaySettings');
const displayDays = document.getElementById('displayDays');
const displayPeople = document.getElementById('displayPeople');
function updateDisplayOptions() {
utils.clearChildren(displayDays);
for (const day of [undefined, ...schedule.all_days]) {
@ -576,6 +490,8 @@ async function refreshDisplay() {
displaySchedule();
}
const warningsSection = document.getElementById('warningsSection');
const warningsDiv = document.getElementById('warnings');
function displayWarnings() {
utils.clearChildren(warningsDiv);
@ -624,6 +540,10 @@ function displayWarnings() {
}
}
const personInfoDiv = document.getElementById('personInfo');
const personStartTime = document.getElementById('person_start_time');
const personEndTime = document.getElementById('person_end_time');
const personDays = document.getElementById('person_days');
function displayPersonInfoDiv() {
const singlePerson = hash.person && hash.person.name;
personInfoDiv.style.display = singlePerson ? '' : 'none';
@ -893,9 +813,8 @@ document.getElementById('renameStaff').addEventListener('click', async e => {
});
function updateToTeacherButtons() {
const staffOptions = document.getElementById('removeStaff').selectedOptions;
const isTeacher = staffOptions.length > 0 && schedule.all_teachers.includes(
staffOptions[0].value);
const isTeacher = schedule.all_teachers.includes(
document.getElementById('removeStaff').selectedOptions[0].value);
document.getElementById('toTeacher').style.display = isTeacher ? 'none' : '';
document.getElementById('toStaff').style.display = isTeacher ? '' : 'none';
@ -924,6 +843,13 @@ document.getElementById('toStaff').addEventListener('click', async e => {
updateToTeacherButtons();
});
const assignmentFormDiv = document.getElementById('assignmentFormDiv');
const assignmentForm = document.getElementById('assignmentForm');
const assignmentSelector = assignmentForm.assignments;
const peopleTable = document.getElementById('peopleTable');
let peopleCheckboxes = undefined;
let selectedAssignment = undefined;
assignmentSelector.addEventListener('change', e => {
initializeAssignmentForm(e.target.selectedOptions[0].assignment);
});

5
www/index.html
View File

@ -9,7 +9,7 @@
<body>
<div id="header" class="forms noprint">
<p id="browserVersionWarning">
Working with local directories requires
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>
@ -25,9 +25,6 @@
<div id="scheduleSettings" class="forms noprint" style="display: none">
<div id="selectScheduleDiv">
<label>Schedule: <select id="schedules"></select></label>
<input type="file" id="importFile" accept="application/json" style="display:none" />
<button id="import">Import from file</button>
<button id="export">Export to file</button>
</div>
<div id="clone">
<label>New schedule name: <input id="cloneName" pattern="[-_ a-zA-Z0-9]+"></label>