Added support for zooming options. Fixes #7

klaudiosinani · Sep 2, 2017 · 3073baa · 3073baa
1 parent eebdeb9
commit 3073baa
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 0 deletions.
diff --git a/browser.js b/browser.js
@@ -4,6 +4,7 @@ const config = require('./config');
 
 const ipc = electron.ipcRenderer;
 const shell = electron.shell;
+const webFrame = electron.webFrame;
 
 ipc.on('new-note', () => {
   // Create new note
@@ -106,6 +107,34 @@ ipc.on('return', () => {
   document.querySelector('#gwt-debug-Sidebar-notesButton').click();
 });
 
+ipc.on('zoom-in', () => {
+  // Get zoom factor and increase it
+  const currentZoomFactor = webFrame.getZoomFactor();
+  const zoomFactor = currentZoomFactor + 0.05;
+  // Upper bound check
+  if (zoomFactor < 1.3) {
+    webFrame.setZoomFactor(zoomFactor);
+    config.set('zoomFactor', zoomFactor);
+  }
+});
+
+ipc.on('zoom-out', () => {
+  // Get zoom factor and decrease it
+  const currentZoomFactor = webFrame.getZoomFactor();
+  const zoomFactor = currentZoomFactor - 0.05;
+  // Lower bound check
+  if (zoomFactor > 0.7) {
+    webFrame.setZoomFactor(zoomFactor);
+    config.set('zoomFactor', zoomFactor);
+  }
+});
+
+ipc.on('zoom-reset', () => {
+  // Reset zoom factor
+  webFrame.setZoomFactor(1.0);
+  config.set('zoomFactor', 1.0);
+});
+
 ipc.on('settings', () => {
   // Toggle Settings
   shell.openExternal('https://www.evernote.com/Settings.action');
@@ -235,6 +264,9 @@ document.addEventListener('keydown', event => {
 });
 
 document.addEventListener('DOMContentLoaded', () => {
+  // Preserve zoom factor
+  const zoomFactor = config.get('zoomFactor');
+  webFrame.setZoomFactor(zoomFactor);
   // Toggle black mode
   blackMode();
   // Toggle dark mode

diff --git a/menu.js b/menu.js
@@ -182,6 +182,26 @@ const darwinTpl = [{
     }
   }, {
     type: 'separator'
+  }, {
+    label: 'Make Text Larger',
+    accelerator: 'CmdOrCtrl+Plus',
+    click() {
+      activate('zoom-in');
+    }
+  }, {
+    label: 'Make Text Smaller',
+    accelerator: 'CmdOrCtrl+-',
+    click() {
+      activate('zoom-out');
+    }
+  }, {
+    label: 'Reset Zoom Level',
+    accelerator: 'CmdOrCtrl+0',
+    click() {
+      activate('zoom-reset');
+    }
+  }, {
+    type: 'separator'
   }, {
     label: 'Focus Mode',
     accelerator: 'CmdOrCtrl+K',
@@ -519,6 +539,26 @@ const otherTpl = [{
     }
   }, {
     type: 'separator'
+  }, {
+    label: 'Make Text Larger',
+    accelerator: 'CmdOrCtrl+Plus',
+    click() {
+      activate('zoom-in');
+    }
+  }, {
+    label: 'Make Text Smaller',
+    accelerator: 'CmdOrCtrl+-',
+    click() {
+      activate('zoom-out');
+    }
+  }, {
+    label: 'Reset Zoom Level',
+    accelerator: 'CmdOrCtrl+0',
+    click() {
+      activate('zoom-reset');
+    }
+  }, {
+    type: 'separator'
   }, {
     label: 'Focus Mode',
     accelerator: 'CmdOrCtrl+K',