www/app.js

@@ -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 = schedule.all_teachers.includes(
-  const isTeacher = staffOptions.length > 0 && schedule.all_teachers.includes(
+    document.getElementById('removeStaff').selectedOptions[0].value);
-    staffOptions[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);
 });

www/index.html

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