nusmodifications · yangshun · Jul 31, 2014 · Jan 9, 2014 · Jan 16, 2014 · Jan 19, 2014
diff --git a/IVLE photos/bookmarklet.html b/IVLE photos/bookmarklet.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>IVLE Photos Bookmarklet</title>
+    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
+  </head>
+  <body>
+    <div class="container">
+      <h1>IVLE Photos Bookmarklet</h1>
+      <p class="lead">This bookmarklet loads student photos in an
+      <a href="https://ivle.nus.edu.sg/">IVLE</a>
+      module's Class Roster page or under its Groups page's tabs
+      (Lecture/Tutorial/Lab Groups).</p>
+
+      <a class="btn btn-warning btn-lg" href="javascript:(function%20()%20{var%20calculateNUSMatricNumber%20=%20function%20(id)%20{var%20matches%20=%20id.toUpperCase().match(/^A\d{7}|U\d{6,7}/);if%20(matches)%20{var%20match%20=%20matches[0];if%20(match[0]%20===%20%27U%27%20&&%20match.length%20===%208)%20{match%20=%20match.slice(0,%203)%20+%20match.slice(4);}var%20weights%20=%20{U:%20[0,%201,%203,%201,%202,%207],A:%20[1,%201,%201,%201,%201,%201]}[match[0]];for%20(var%20i%20=%200,%20sum%20=%200,%20digits%20=%20match.slice(-6);%20i%20<%206;%20i++)%20{sum%20+=%20weights[i]%20*%20digits[i];}return%20match%20+%20%27YXWURNMLJHEAB%27[sum%20%25%2013];}};var%20PHOTO_URL%20=%20%27https://mysoc.nus.edu.sg/mysoc/images/stdphoto.php?matric=%27;var%20TYPES%20=%20[%27U%27,%20%27P%27,%20%27X%27];var%20swapImage%20=%20function%20(img)%20{if%20(!img.alt%20||%20img.alt.indexOf(%27Student%20Photograph%27)%20===%20-1)%20{return;}var%20id%20=%20img.id%20||%20img.parentNode.parentNode.nextSibling.innerHTML%20||%20img.parentNode.parentNode.parentNode.nextSibling.innerHTML;var%20matricNumber%20=%20calculateNUSMatricNumber(id);var%20originalSrc%20=%20img.src;var%20photoUrlPrefix%20=%20PHOTO_URL%20+%20matricNumber%20+%20%27&type=%27;var%20typeIndex%20=%200;img.width%20=%20170;img.height%20=%20227;img.onerror%20=%20function%20()%20{img.src%20=%20typeIndex%20<%203%20?%20photoUrlPrefix%20+%20TYPES[typeIndex++]%20:%20originalSrc;};img.onerror.call();};var%20imgs%20=%20document.getElementsByTagName(%27img%27);for%20(var%20i%20=%200;%20i%20<%20imgs.length;%20i++)%20{swapImage(imgs[i]);}})();">
+        IVLE Photos
+      </a>
+      ← Drag this button to your Bookmarks Bar.
+    </div>
+  </body>
+</html>
diff --git a/IVLE photos/classmate-photos.js b/IVLE photos/classmate-photos.js
@@ -10,53 +10,52 @@
 
 // Credits: Camillus Cai for the full matric number function
 
-(function(d) {
-
-  var addStudentPhotos = function() {
-    var getFullMatricNum = function(matric) {
-      matric = matric.toUpperCase();
-      if (matric[0] === 'A') {
-        if (matric.length < 8 || matric.length > 9) {
-          return null;
+(function () {
+    var calculateNUSMatricNumber = function (id) {
+        var matches = id.toUpperCase().match(/^A\d{7}|U\d{6,7}/);
+        if (matches) {
+            var match = matches[0];
+
+            // Discard 3rd digit from U-prefixed NUSNET ID
+            if (match[0] === 'U' && match.length === 8) {
+                match = match.slice(0, 3) + match.slice(4);
+            }
+
+            var weights = {
+                U: [0, 1, 3, 1, 2, 7],
+                A: [1, 1, 1, 1, 1, 1]
+            }[match[0]];
+
+            for (var i = 0, sum = 0, digits = match.slice(-6); i < 6; i++) {
+                sum += weights[i] * digits[i];
+            }
+
+            return match + 'YXWURNMLJHEAB'[sum % 13];
         }
-        if (matric.length == 8) {
-          var sum = 0;
-          for (var i = 1; i < matric.length; i++) {
-            sum += parseInt(matric[i]);
-          }
-          var mod_13 = sum % 13;
-          var checksum = 'YXWURNMLJHEAB'[mod_13];
-          matric += checksum;
-        }
-        return matric;
-      } else if (matric[0] === 'U') {
-        return null;
-      } else {
-        return null;
-      }
     };
 
-    var tableRows = $('table.dataGridCtrl tr[class^="dataGridCtrl-"]');
-    $(tableRows).each(function() {
-      var td = $(this).find('td');
-      if (td.length > 0) {
-        var $img = $(td['0']).find('img');
-        var fullMatric = getFullMatricNum($(td['1'])['0'].innerHTML);
-        if (fullMatric) {
-          $img.attr('src', 'https://mysoc.nus.edu.sg/mysoc/images/stdphoto.php?matric=' + fullMatric + '&type=U');
-          $img.attr('height', 227);
-          $img.attr('width', 170);
-          console.log('Image loaded for ' + fullMatric);
+    var PHOTO_URL = 'https://mysoc.nus.edu.sg/mysoc/images/stdphoto.php?matric=';
+    var TYPES = ['U', 'P', 'X'];
+
+    var swapImage = function (img) {
+        if (!img.alt || img.alt.indexOf('Student Photograph') === -1) {
+            return;
         }
-      }
-    });
-  };
+        var id = img.id || img.parentNode.parentNode.nextSibling.innerHTML || img.parentNode.parentNode.parentNode.nextSibling.innerHTML;
+        var matricNumber = calculateNUSMatricNumber(id);
+        var originalSrc = img.src;
+        var photoUrlPrefix = PHOTO_URL + matricNumber + '&type=';
+        var typeIndex = 0;
+        img.width = 170;
+        img.height = 227;
+        img.onerror = function () {
+            img.src = typeIndex < 3 ? photoUrlPrefix + TYPES[typeIndex++] : originalSrc;
+        };
+        img.onerror.call();
+    };
 
-  var script = d.createElement('script');
-  script.type = 'text/javascript';
-  script.async = false;
-  script.onload = addStudentPhotos
-  script.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js";
-
-  d.getElementsByTagName('head')[0].appendChild(script);
-}(document));
+    var imgs = document.getElementsByTagName('img');
+    for (var i = 0; i < imgs.length; i++) {
+        swapImage(imgs[i]);
+    }
+})();