Enhancement thamara#245: DevTools shortcut on Preferences and Waiver …

…windows

js/window-aux.js

@@ -0,0 +1,20 @@
+const { remote } = require('electron');
+const { BrowserWindow } = remote;
+
+/**
+ * Binds to the JS "window" the shortcut CTRL+SHIFT+I to toggle Chrome Dev Tools.
+ * @param {Window} window
+ */
+function bindDevToolsShortcut(window) {
+    window.addEventListener('keyup', (event) => {
+        if (event.ctrlKey && event.shiftKey && (event.keyCode == 73 || event.keyCode == 105)) { // 'i' or 'I'
+            BrowserWindow.getFocusedWindow().webContents.toggleDevTools();
+            event.preventDefault();
+            return false;
+        }
+    }, true);
+}
+
+module.exports = {
+    bindDevToolsShortcut
+};

src/preferences.js

@@ -1,6 +1,7 @@
 const { ipcRenderer } = require('electron');
 const { getUserPreferences } = require('../js/user-preferences.js');
 const { applyTheme } = require('../js/themes.js');
+const { bindDevToolsShortcut } = require('../js/window-aux.js');
 
 // Global values for preferences page
 let usersStyles =  getUserPreferences();
@@ -66,4 +67,6 @@ $(() => {
     repetition.change(function() {
         notificationsInterval.prop('disabled', !repetition.is(':checked'));
     });
+
+    bindDevToolsShortcut(window);
 });

src/workday-waiver.js

@@ -2,6 +2,7 @@ const { getUserPreferences, showDay } = require('../js/user-preferences.js');
 const { validateTime, diffDays } = require('../js/time-math.js');
 const { applyTheme } = require('../js/themes.js');
 const { getDateStr } = require('../js/date-aux.js');
+const { bindDevToolsShortcut } = require('../js/window-aux.js');
 const { remote } = require('electron');
 const { BrowserWindow, dialog } = remote;
 const Store = require('electron-store');
@@ -171,4 +172,6 @@ $(() => {
     $('#waive-button').on('click', function() {
         addWaiver();
     });
+
+    bindDevToolsShortcut(window);
 });