24 Oct 2022

1) Installer Update
2) General HTML/CSS/JS update

Author: code-boxx

CB-worker.js

@@ -1,21 +1,26 @@
 // (A) FILES TO CACHE
-const cName = "cb-pwa",
+const cName = "iwashere",
 cFiles = [
-  "CB-manifest.json",
-  "assets/ico-512.png",
-  "assets/favicon.png",
-  "assets/book.jpg",
-  "assets/maticon.woff2",
+  // (A1) BOOTSTRAP
   "assets/bootstrap.bundle.min.js",
   "assets/bootstrap.bundle.min.js.map",
   "assets/bootstrap.min.css",
   "assets/bootstrap.min.css.map",
+  // (A2) ICONS + IMAGES
+  "assets/ico-512.png",
+  "assets/favicon.png",
+  "assets/book.jpg",
+  // (A3) COMMON INTERFACE
+  "assets/PAGE-cb.js",
   "assets/CB-selector.css",
   "assets/CB-selector.js",
+  "assets/maticon.woff2",
+  "CB-manifest.json",
+  // (A4) HTML QR CODE + SCANNER
   "assets/html5-qrcode.min.js",
   "assets/qrcode.min.js",
+  // (A5) PAGES
   "assets/PAGE-account.js",
-  "assets/PAGE-cb.js",
   "assets/PAGE-forgot.js",
   "assets/PAGE-login.js",
   "assets/A-class.js",
@@ -36,18 +41,13 @@ cFiles = [
 ];
 
 // (B) CREATE/INSTALL CACHE
-self.addEventListener("install", evt => {
-  evt.waitUntil(
-    caches.open(cName)
-    .then(cache => cache.addAll(cFiles))
-    .catch(err => console.error(err))
-  );
-});
+self.addEventListener("install", evt => evt.waitUntil(
+  caches.open(cName)
+  .then(cache => cache.addAll(cFiles))
+  .catch(err => console.error(err))
+));
 
-// (C) CACHE STRATEGY
-self.addEventListener("fetch", evt => {
-  // (C1) LOAD FROM CACHE FIRST, FALLBACK TO NETWORK IF NOT FOUND
-  evt.respondWith(
-    caches.match(evt.request).then(res => res || fetch(evt.request))
-  );
-});
+// (C) LOAD FROM CACHE FIRST, FALLBACK TO NETWORK IF NOT FOUND
+self.addEventListener("fetch", evt => evt.respondWith(
+  caches.match(evt.request).then(res => res || fetch(evt.request))
+));

README.md

@@ -1,5 +1,12 @@
 ## I WAS HERE
-I Was Here is a simple, free, and open-source PHP Student Attendance Management System. Not the best in the world, but it will help small schools to get started quickly without all the hassle.
+I Was Here is a simple PHP Student Attendance Management System. This is not a "we have a lot of features that you will never use" system, but a basic one to help smaller schools to get started quickly.
+<br><br>
+
+## FEATURES
+1) Users management.
+2) Take attendance manually, or let students scan a QR code.
+3) Progressive web app.
+4) CSV reports.
 <br><br>
 
 ## SCREENSHOTS
@@ -23,16 +30,8 @@ I Was Here is a simple, free, and open-source PHP Student Attendance Management
 Just access `http://your-site.com/` in your browser and walk through the installer.
 <br><br>
 
-## FEATURES
-1) Users management.
-2) Attendance management.
-3) Built-in QR code scanner.
-4) Take attendance by scanning QR code or manual.
-5) Progressive web app.
-<br><br>
-
 ## DOCUMENTATION & FRAMEWORKS
-1) Built on [Bootstrap](https://getbootstrap.com/), [Material Icons](https://fonts.google.com/icons), [HTML5 QRCode Scanner](https://github.com/mebjashtml5-qrcode), [QRCodeJS](https://davidshimjs.github.io/qrcodejs/) and [Core Boxx](https://code-boxx.com/core-boxx-php-rapid-development-framework/).
+1) Built on [Bootstrap](https://getbootstrap.com/), [Material Icons](https://fonts.google.com/icons), [HTML5 QRCode Scanner](https://github.com/mebjashtml5-qrcode), [QRCodeJS](https://davidshimjs.github.io/qrcodejs/), [PHP-JWT](https://github.com/firebase/php-jwt), and [Core Boxx](https://code-boxx.com/core-boxx-php-rapid-development-framework/).
 2) Visit https://code-boxx.com/i-was-here-php-attendance-system/ for the full documentation!
 <br><br>
 

assets/A-class-attend.js

@@ -21,13 +21,11 @@ var attend = {
   },
 
   // (B) SHOW CLASS ATTENDANCE
-  list : () => {
-    cb.load({
-      page : "a/class/attend/list",
-      target : "attend-list",
-      data : { id : attend.id }
-    });
-  },
+  list : () => cb.load({
+    page : "a/class/attend/list",
+    target : "attend-list",
+    data : { id : attend.id }
+  }),
 
   // (C) MANUALLY ADD A STUDENT
   add : () => {

assets/A-class.js

@@ -31,25 +31,23 @@ var classes = {
 
   // (D) SHOW ADD/EDIT DOCKET
   // id : class ID, for edit only
-  addEdit : id => {
-    cb.load({
-      page : "a/class/form",
-      target : "cb-page-2",
-      data : { id : id ? id : "" },
-      onload : () => {
-        cb.page(1);
-        selector.attach({
-          field : document.getElementById("class_course"),
-          mod : "autocomplete", req : "course",
-          pick : (d, v) => {
-            document.getElementById("class_course").value = d;
-            document.getElementById("class_course_id").value = v;
-            classes.toggle(true);
-          }
-        });
-      }
-    });
-  },
+  addEdit : id => cb.load({
+    page : "a/class/form",
+    target : "cb-page-2",
+    data : { id : id ? id : "" },
+    onload : () => {
+      cb.page(1);
+      selector.attach({
+        field : document.getElementById("class_course"),
+        mod : "autocomplete", req : "course",
+        pick : (d, v) => {
+          document.getElementById("class_course").value = d;
+          document.getElementById("class_course_id").value = v;
+          classes.toggle(true);
+        }
+      });
+    }
+  }),
 
   // (E) TOGGLE ADD/EDIT FORM ON SELECTING COURSE
   toggle : set => {
@@ -142,15 +140,12 @@ var classes = {
 
   // (G) DELETE CLASS
   //  id : int, class ID
-  del : (id) => {
-    cb.modal("Please confirm", "Attendance records of this class will be lost!", () => {
-      cb.api({
-        mod : "classes", req : "del",
-        data : { id: id },
-        passmsg : "Class Deleted",
-        onpass : classes.list
-      });
-    });
-  }
+  del : id => cb.modal("Please confirm", "Attendance records of this class will be lost!", () => cb.api({
+    mod : "classes", req : "del",
+    data : { id: id },
+    passmsg : "Class Deleted",
+    onpass : classes.list
+  }))
+  
 };
 window.addEventListener("load", classes.list);

assets/A-course-user.js

@@ -21,16 +21,14 @@ var cuser = {
   },
 
   // (B) SHOW ALL USERS IN COURSE
-  list : () => {
-    cb.load({
-      page : "a/course/user/list",
-      target : "course-user-list",
-      data : {
-        page : cuser.pg,
-        id : cuser.id
-      }
-    });
-  },
+  list : () => cb.load({
+    page : "a/course/user/list",
+    target : "course-user-list",
+    data : {
+      page : cuser.pg,
+      id : cuser.id
+    }
+  }),
 
   // (C) GO TO PAGE
   //  pg : int, page number
@@ -62,17 +60,13 @@ var cuser = {
 
   // (E) REMOVE USER FROM COURSE
   //  id : user id
-  del : id => {
-    cb.modal("Please confirm", "User will be removed from the course, but past attendance will be kept.", () => {
-      cb.api({
-        mod : "courses", req : "delUser",
-        data : {
-          cid : cuser.id,
-          uid : id
-        },
-        passmsg : "User removed from course",
-        onpass : cuser.list
-      });
-    });
-  }
+  del : id => cb.modal("Please confirm", "User will be removed from the course, but past attendance will be kept.", () => cb.api({
+    mod : "courses", req : "delUser",
+    data : {
+      cid : cuser.id,
+      uid : id
+    },
+    passmsg : "User removed from course",
+    onpass : cuser.list
+  }))
 };

assets/A-course.js

@@ -31,14 +31,12 @@ var course = {
 
   // (D) SHOW ADD/EDIT DOCKET
   // id : course ID, for edit only
-  addEdit : id => {
-    cb.load({
-      page : "a/course/form",
-      target : "cb-page-2",
-      data : { id : id ? id : "" },
-      onload : () => { cb.page(1); }
-    });
-  },
+  addEdit : id => cb.load({
+    page : "a/course/form",
+    target : "cb-page-2",
+    data : { id : id ? id : "" },
+    onload : () => cb.page(1)
+  }),
 
   // (E) SAVE COURSE
   save : () => {
@@ -65,15 +63,11 @@ var course = {
 
   // (F) DELETE COURSE
   //  id : int, course ID
-  del : id => {
-    cb.modal("Please confirm", "All course data and attendance will be lost!", () => {
-      cb.api({
-        mod : "courses", req : "del",
-        data : { id: id },
-        passmsg : "Course Deleted",
-        onpass : course.list
-      });
-    });
-  }
+  del : id => cb.modal("Please confirm", "All course data and attendance will be lost!", () => cb.api({
+    mod : "courses", req : "del",
+    data : { id: id },
+    passmsg : "Course Deleted",
+    onpass : course.list
+  }))
 };
 window.addEventListener("load", course.list);

assets/A-reports.js

@@ -1,11 +1,9 @@
-window.addEventListener("load", () => {
-  selector.attach({
-    field : document.getElementById("attend-course"),
-    mod : "autocomplete", req : "course",
-    pick : (d, v) => {
-      document.getElementById("attend-course").value = "";
-      document.getElementById("attend-id").value = v;
-      document.getElementById("report-attend").submit();
-    }
-  });
-});
+window.addEventListener("load", () => selector.attach({
+  field : document.getElementById("attend-course"),
+  mod : "autocomplete", req : "course",
+  pick : (d, v) => {
+    document.getElementById("attend-course").value = "";
+    document.getElementById("attend-id").value = v;
+    document.getElementById("report-attend").submit();
+  }
+}));

assets/A-settings.js

@@ -8,7 +8,7 @@ function save () {
   // (B) API CALL
   cb.api({
     mod : "settings", req : "save",
-    data : {settings: JSON.stringify(data)},
+    data : { settings: JSON.stringify(data) },
     passmsg : "Settings Saved"
   });
   return false;

assets/A-users.js

@@ -34,14 +34,12 @@ var usr = {
 
   // (D) SHOW ADD/EDIT DOCKET
   // id : user ID, for edit only
-  addEdit : id => {
-    cb.load({
-      page : "a/users/form",
-      target : "cb-page-2",
-      data : { id : id ? id : "" },
-      onload : () => { cb.page(1); }
-    });
-  },
+  addEdit : id => cb.load({
+    page : "a/users/form",
+    target : "cb-page-2",
+    data : { id : id ? id : "" },
+    onload : () => cb.page(1)
+  }),
 
   // (E) SAVE USER
   save : () => {
@@ -73,15 +71,11 @@ var usr = {
 
   // (F) DELETE (INACTIVATE) USER
   //  id : int, user ID
-  del : id => {
-    cb.modal("Suspend User?", "User will no longer be able to sign in, but existing data will be kept.", () => {
-      cb.api({
-        mod : "users", req : "del",
-        data : { id: id },
-        passmsg : "User Suspended",
-        onpass : usr.list
-      });
-    });
-  }
+  del : id => cb.modal("Suspend User?", "User will no longer be able to sign in, but existing data will be kept.", () => cb.api({
+    mod : "users", req : "del",
+    data : { id: id },
+    passmsg : "User Suspended",
+    onpass : usr.list
+  }))
 };
 window.addEventListener("load", usr.list);

assets/S-classes.js

@@ -3,17 +3,15 @@ var classes = {
   pg : 1, // current page
   range : "", // search range
   date : "", // search date
-  list : () => {
-    cb.load({
-      page : "s/class/list",
-      target : "class-list",
-      data : {
-        page : classes.pg,
-        range : classes.range,
-        date : classes.date
-      }
-    });
-  },
+  list : () => cb.load({
+    page : "s/class/list",
+    target : "class-list",
+    data : {
+      page : classes.pg,
+      range : classes.range,
+      date : classes.date
+    }
+  }),
 
   // (B) GO TO PAGE
   //  pg : int, page number