From 13173334bf520b266704c496b4904770b2268e3d Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Tue, 19 May 2020 05:56:28 +0200
Subject: [PATCH] Add home history button

---
 resources/index.html      |  1 +
 resources/js/index.js     | 16 +++++++++++++---
 resources/style/index.css |  1 +
 3 files changed, 15 insertions(+), 3 deletions(-)
diff --git a/resources/index.html b/resources/index.html
index 978164a..3fe0567 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -18,6 +18,7 @@
 <body>
 <div id="navigation">
     <div id="history">
+        <button id="home"><i class="fas fa-home"></i></button>
         <button id="back"><i class="fas fa-arrow-left"></i></button>
         <button id="forward" class="disabled"><i class="fas fa-arrow-right"></i></button>
     </div>
diff --git a/resources/js/index.js b/resources/js/index.js
index e3f7a0f..b5aeb05 100644
--- a/resources/js/index.js
+++ b/resources/js/index.js
@@ -16,6 +16,7 @@ const icons = [];
 
 let services = [];
 let selectedService = null;
+let homeButton;
 let forwardButton;
 let backButton;
 let addButton;
@@ -365,13 +366,16 @@ function reorderService(serviceId, targetId) {
 }
 
 document.addEventListener('DOMContentLoaded', () => {
-    forwardButton = document.querySelector('#forward');
+    homeButton = document.getElementById('home');
+    homeButton.addEventListener('click', () => goHome());
+
+    forwardButton = document.getElementById('forward');
     forwardButton.addEventListener('click', () => goForward());
 
-    backButton = document.querySelector('#back');
+    backButton = document.getElementById('back');
     backButton.addEventListener('click', () => goBack());
 
-    addButton = document.querySelector('#add-button');
+    addButton = document.getElementById('add-button');
     addButton.addEventListener('click', () => ipcRenderer.send('openServiceSettings', null));
 });
 
@@ -607,6 +611,12 @@ function updateWindowTitle() {
     }
 }
 
+function goHome() {
+    let service = services[selectedService];
+    service.view.loadURL(service.url)
+        .catch(console.error);
+}
+
 function goForward() {
     let view = services[selectedService].view;
     if (view) remote.webContents.fromId(view.getWebContentsId()).goForward();
diff --git a/resources/style/index.css b/resources/style/index.css
index 2f42e37..9e49385 100644
--- a/resources/style/index.css
+++ b/resources/style/index.css
@@ -150,6 +150,7 @@ body {
     display: inline;
     width: 24px;
     height: 24px;
+    margin: 2px;
     padding: initial;
     font-size: 12px;
 
