Scale window & Save scale across sessions

sets scale of window with mod+shift + +/-/0

This will be useful for users on HiDPI screens

Author: jakejarrett

app/public/js/app.js

@@ -137,6 +137,30 @@ app.run(function(
         }
     });
 
+    hotkeys.add({
+        combo: ['mod+shift+0'],
+        description: 'Reset Window Scale to 1',
+        callback: function() {
+            userConfig.scaleWindow("reset");
+        }
+    });
+
+    hotkeys.add({
+        combo: ['mod+shift+=', 'mod+shift++'],
+        description: 'Zoom in +0.1',
+        callback: function() {
+            userConfig.scaleWindow("plus");
+        }
+    });
+
+    hotkeys.add({
+        combo: ['mod+shift+-'],
+        description: 'Zoom out -0.1',
+        callback: function() {
+            userConfig.scaleWindow("minus");
+        }
+    });
+
 });
 
 angular.module('infinite-scroll').value('THROTTLE_MILLISECONDS', 200);

app/public/js/system/core.js

@@ -3,4 +3,5 @@
 // Initialize modules
 authentication.init();
 userConfig.windowState();
+userConfig.scaleState();
 guiConfig.init();

app/public/js/system/userConfig.js

@@ -49,4 +49,38 @@ userConfig.saveWindow = function(width, height) {
         window.localStorage.width = Math.round(width);
         window.localStorage.height = Math.round(height);
     }
-};
+};
+
+userConfig.scaleWindow = function(scale){
+    if("plus" === scale) {
+        var currentScale = window.document.getElementsByTagName("body")[0].style.zoom;
+        var newScale = (currentScale * 100 + 10);
+
+        window.document.getElementsByTagName("body")[0].style.zoom = newScale / 100;
+
+        userConfig.saveScale(window.document.getElementsByTagName("body")[0].style.zoom);
+    }
+    if("minus" === scale) {
+        var currentScale = window.document.getElementsByTagName("body")[0].style.zoom;
+        var newScale = newScale = (currentScale - .1);
+
+        window.document.getElementsByTagName("body")[0].style.zoom = newScale;
+
+        userConfig.saveScale(window.document.getElementsByTagName("body")[0].style.zoom);
+    }
+    if("reset" === scale) {
+        window.document.getElementsByTagName("body")[0].style.zoom = 1;
+
+        userConfig.saveScale(window.document.getElementsByTagName("body")[0].style.zoom);
+    }
+};
+
+userConfig.saveScale = function(scale) {
+    window.localStorage.scale = scale;
+};
+
+userConfig.scaleState = function() {
+    if(window.localStorage.scale) {
+        window.document.getElementsByTagName("body")[0].style.zoom = window.localStorage.scale;
+    }
+};