From 0ef8f612268a92f8ba87a6dec85efbb888e0cb63 Mon Sep 17 00:00:00 2001
From: KeziahMoselle <keziahmoselle@protonmail.com>
Date: Sat, 17 Feb 2018 18:30:15 +0100
Subject: [PATCH] (v0.5.1) Fix save as

---
 index.html  |  1 +
 renderer.js | 24 +++++++++++-------------
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 1a95538..873a202 100644
--- a/index.html
+++ b/index.html
@@ -100,6 +100,7 @@
     <ul id="sidenavImageDetails" class="sidenav">
       <li><a class="subheader">Image informations</a></li>
       <li><a class="waves-effect" id="sidenavImageSource" class="waves-effect" href=""><i class="material-icons">open_in_new</i>Source</a></li>
+      <li><a class="waves-effect" id="sidenavImageSaveAs" class="waves-effect" href=""><i class="material-icons">save</i>Save as</a></li>
       <li><a class="waves-effect" id="sidenavImageDirectory"></a></li>
       <li><a class="waves-effect" id="sidenavImageOwner"></a></li>
       <li><a class="waves-effect" id="sidenavImageScore"></a></li>
diff --git a/renderer.js b/renderer.js
index 9f60ab0..adcdd63 100644
--- a/renderer.js
+++ b/renderer.js
@@ -102,14 +102,6 @@ var lastTheme = store.get('theme');
 
   // Sidenav image details
 
-  // Listen to the click on img and launch openImageDetails()
-  document.addEventListener('click', (event) => {
-    if (event.target.localName === 'img')
-    {
-      openImageDetails(event);
-    }
-  });
-
   function openImageDetails(event)
   {
     // Fetch image informations with ID
@@ -121,6 +113,7 @@ var lastTheme = store.get('theme');
               tags = image.tags.split(' ');
           // Update values
           sidenavImageSource.setAttribute('href', `https://gelbooru.com/index.php?page=post&s=view&id=${image.id}`);
+          sidenavImageSaveAs.setAttribute('href', `${image.file_url}`);
           sidenavImageDirectory.innerHTML = `<i class="material-icons">folder</i> Directory: ${image.directory}`;
           sidenavImageOwner.innerHTML = `<i class="material-icons">account_circle</i> Owner: ${image.owner}`;
           sidenavImageScore.innerHTML = `<i class="material-icons">show_chart</i> Score: ${image.score}`;
@@ -302,6 +295,7 @@ var lastTheme = store.get('theme');
 
   // Handle links
     document.addEventListener('click', (event) => {
+      console.log(event);
       if (event.target.tagName === 'A')
       {
         if (event.target.href.startsWith('https://gelbooru.com/') || event.target.href.startsWith('https://github.com/'))
@@ -309,13 +303,17 @@ var lastTheme = store.get('theme');
           event.preventDefault();
           shell.openExternal(event.target.href);
         }
+        else if (event.target.id === 'sidenavImageSaveAs')
+        {
+          event.preventDefault();
+          saveFile(event.target.href)
+            .then()
+            .catch(err => console.error(err.stack));
+        }
       }
-      else if (event.target.tagName === 'A' && event.target.href.startsWith('https://simg3.gelbooru.com/'))
+      else if (event.target.localName === 'img')
       {
-        event.preventDefault();
-        saveFile(event.target.href)
-          .then()
-          .catch(err => console.error(err.stack));
+        openImageDetails(event);
       }
     });