From 175b56d8f2c047b67081cfdef698c9b26d2608ea Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Mon, 15 Jun 2020 15:08:52 +0200
Subject: [PATCH] Add config option to start tabs minimized in system tray

Closes #14
---
 frontend/settings.html    | 32 ++++++++++++++++++++------------
 frontend/ts/settings.ts   |  8 ++++++++
 src/Config.ts             |  6 ++++++
 src/windows/MainWindow.ts |  5 ++++-
 4 files changed, 38 insertions(+), 13 deletions(-)

diff --git a/frontend/settings.html b/frontend/settings.html
index 3ecc41d..540ed32 100644
--- a/frontend/settings.html
+++ b/frontend/settings.html
@@ -27,20 +27,28 @@
             <p id="current-version"></p>
             <p id="update-status">Loading...</p>
             <button id="download-button" type="button" class="hidden">Download</button>
-        </div>
+        </div>startMinimized
 
-        <h2 class="form-header">History navigation buttons</h2>
+        <section>
+            <h2 class="form-header">Startup</h2>
 
-        <label class="form-group">
-            <input type="checkbox" name="security-button" id="security-button"> Security info (recommended)</label>
-        <label class="form-group">
-            <input type="checkbox" name="home-button" id="home-button"> Home button</label>
-        <label class="form-group">
-            <input type="checkbox" name="back-button" id="back-button"> Go back button</label>
-        <label class="form-group">
-            <input type="checkbox" name="forward-button" id="forward-button"> Go forward button</label>
-        <label class="form-group">
-            <input type="checkbox" name="refresh-button" id="refresh-button"> Refresh page button</label>
+            <label class="form-group"><input type="checkbox" name="start-minimized" id="start-minimized"> Start minimized in system tray</label>
+        </section>
+
+        <section>
+            <h2 class="form-header">History navigation buttons</h2>
+
+            <label class="form-group">
+                <input type="checkbox" name="security-button" id="security-button"> Security info (recommended)</label>
+            <label class="form-group">
+                <input type="checkbox" name="home-button" id="home-button"> Home button</label>
+            <label class="form-group">
+                <input type="checkbox" name="back-button" id="back-button"> Go back button</label>
+            <label class="form-group">
+                <input type="checkbox" name="forward-button" id="forward-button"> Go forward button</label>
+            <label class="form-group">
+                <input type="checkbox" name="refresh-button" id="refresh-button"> Refresh page button</label>
+        </section>
     </div>
 
     <div class="form-footer">
diff --git a/frontend/ts/settings.ts b/frontend/ts/settings.ts
index bc14c8d..29a1d1e 100644
--- a/frontend/ts/settings.ts
+++ b/frontend/ts/settings.ts
@@ -6,6 +6,8 @@ let updateInfo: any;
 let updateButton: HTMLElement | null;
 let config: any;
 
+let startMinimizedField: HTMLInputElement | null;
+
 let securityButtonField: HTMLInputElement | null,
     homeButtonField: HTMLInputElement | null,
     backButtonField: HTMLInputElement | null,
@@ -18,6 +20,8 @@ ipcRenderer.on('current-version', (e, version) => {
 
 ipcRenderer.on('config', (e, c) => {
     config = c;
+    if (startMinimizedField) startMinimizedField.checked = config.startMinimized;
+
     if (securityButtonField) securityButtonField.checked = config.securityButton;
     if (homeButtonField) homeButtonField.checked = config.homeButton;
     if (backButtonField) backButtonField.checked = config.backButton;
@@ -41,6 +45,8 @@ function save() {
     if (!form) return;
     const formData = new FormData(form);
 
+    config.startMinimized = formData.get('start-minimized') === 'on';
+
     config.securityButton = formData.get('security-button') === 'on';
     config.homeButton = formData.get('home-button') === 'on';
     config.backButton = formData.get('back-button') === 'on';
@@ -60,6 +66,8 @@ document.addEventListener('DOMContentLoaded', () => {
             .catch(console.error);
     });
 
+    startMinimizedField = <HTMLInputElement>document.getElementById('start-minimized');
+
     securityButtonField = <HTMLInputElement>document.getElementById('security-button');
     homeButtonField = <HTMLInputElement>document.getElementById('home-button');
     backButtonField = <HTMLInputElement>document.getElementById('back-button');
diff --git a/src/Config.ts b/src/Config.ts
index 9d06768..2262b77 100644
--- a/src/Config.ts
+++ b/src/Config.ts
@@ -10,7 +10,11 @@ const configFile = path.resolve(configDir, 'config.json');
 
 export default class Config {
     public services: Service[] = [];
+
     public updateCheckSkip?: string;
+
+    public startMinimized: boolean = false;
+
     public securityButton: boolean = true;
     public homeButton: boolean = false;
     public backButton: boolean = true;
@@ -43,6 +47,8 @@ export default class Config {
         }
 
         this.defineProperty('updateCheckSkip', data);
+        
+        this.defineProperty('startMinimized', data);
 
         this.defineProperty('securityButton', data);
         this.defineProperty('homeButton', data);
diff --git a/src/windows/MainWindow.ts b/src/windows/MainWindow.ts
index 59a708d..70ea2f7 100644
--- a/src/windows/MainWindow.ts
+++ b/src/windows/MainWindow.ts
@@ -25,11 +25,14 @@ export default class MainWindow extends Window {
             autoHideMenuBar: true,
             icon: Meta.ICON_PATH,
             title: Meta.title,
+            show: !this.application.getConfig().startMinimized,
         });
 
         const window = this.getWindow();
 
-        window.maximize();
+        if (!this.application.getConfig().startMinimized) {
+            window.maximize();
+        }
 
         if (this.application.isDevMode()) {
             window.webContents.openDevTools({