Initial commit

public/assets/js/header.js

@@ -0,0 +1,140 @@
+var date = new Date();
+date.setMonth(date.getMonth() + 12);
+date = date.toUTCString();
+
+function randInt(min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+var titles = [
+    "‏‎",
+    "Classes",
+    "My Drive - Google Drive",
+    "Google",
+    "Home | Schoology",
+    "My Meetings - Zoom"
+]
+
+var icons = [
+    "./img/blank.png",
+    "https://ssl.gstatic.com/classroom/favicon.png",
+    "https://ssl.gstatic.com/docs/doclist/images/infinite_arrow_favicon_5.ico",
+    "https://www.google.com/favicon.ico",
+    "https://asset-cdn.schoology.com/sites/all/themes/schoology_theme/favicon.ico",
+    "https://d24cgw3uvb9a9h.cloudfront.net/zoom.ico"
+]
+
+var psel, prss;
+
+window.addEventListener('DOMContentLoaded', function() {
+    psel = document.getElementById('psel');
+    setPreferences();
+    for (var i = 0; i < titles.length; i++) {
+        if (i == 0) {
+            psel.innerHTML += '<img title="(Blank)" src="./img/x.png">'
+        } else {
+            psel.innerHTML += '<img title="' + titles[i] + '" src="' + icons[i] + '">';
+        }
+    }
+    document.getElementById('titleform').addEventListener('submit', function(e) {
+        e.preventDefault();
+        setTitle(this.firstChild.value);
+    }, false);
+
+    document.getElementById('iconform').addEventListener('submit', function(e) {
+        e.preventDefault();
+        setIcon(this.firstChild.value);
+    }, false);
+
+    document.getElementById('atch').addEventListener('click', autoChange, false);
+
+    psel.addEventListener('click', function(e) {
+        prss = Array.from(psel.children).indexOf(e.target);
+        if (prss != -1) {
+            setTitle(titles[prss]);
+            setIcon(icons[prss]);
+        }
+    }, false);
+
+    document.getElementById('cwbox').addEventListener('click', function(e) {
+        if (this.checked) {
+            window.onbeforeunload = function(e) {
+                var message = 'Oopsie poopsie'
+                e.returnValue = message;
+                return message;
+            };
+        } else {
+            window.onbeforeunload = function() {};
+        }
+    }, false);
+
+    document.getElementById('fullscreen').addEventListener('click', function(e) {
+        e.preventDefault();
+        document.getElementById('theframe').requestFullscreen()
+        return false;
+    }, false);
+}, false);
+
+function setPreferences() {
+    if (readCookie('lemonTitle') != 'undefined') {
+        pageTitle(readCookie('lemonTitle'));
+    }
+    if (readCookie('lemonIcon') != 'undefined') {
+        pageIcon(readCookie('lemonIcon'));
+    }
+}
+
+function setCookie(name, value) {
+    document.cookie = name + '=' + encodeURIComponent(value) + '; expires=' + date + '; ';
+}
+
+function readCookie(name) {
+    var cookie = document.cookie.split('; ');
+    var cookies = {};
+    for (var i = 0; i < cookie.length; i++) {
+        var cur = cookie[i].split('=');
+        cookies[cur[0]] = cur[1];
+    }
+    return decodeURIComponent(cookies[name]);
+}
+
+function setTitle(value) {
+    pageTitle(value);
+    setCookie('lemonTitle', value);
+}
+
+function setIcon(value) {
+    pageIcon(value);
+    setCookie('lemonIcon', value);
+}
+
+function pageTitle(value) {
+    document.getElementsByTagName('title')[0].innerHTML = value;
+    try {
+        parent.document.getElementsByTagName('title')[0].innerHTML = value;
+    } catch (e) { console.log(e); }
+}
+
+function pageIcon(value) {
+    var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
+    link.rel = 'icon';
+    link.href = value;
+    document.getElementsByTagName('head')[0].appendChild(link);
+    try {
+        var link = parent.document.querySelector("link[rel*='icon']") || document.createElement('link');
+        link.rel = 'icon';
+        link.href = value;
+        parent.document.getElementsByTagName('head')[0].appendChild(link);
+    } catch (e) { console.log(e); }
+}
+
+function autoChange() {
+    if (document.getElementById('atch').checked) {
+        var atci = randInt(1, 5);
+        pageTitle(titles[atci]);
+        pageIcon(icons[atci]);
+        setTimeout(autoChange, randInt(10000, 60000));
+    } else {
+        setPreferences();
+    }
+}