From dae6246979405cd846e6e56795402036f6145d43 Mon Sep 17 00:00:00 2001
From: girst <girst@users.noreply.github.com>
Date: Sat, 19 Aug 2017 23:24:10 +0200
Subject: [PATCH] popup: add icons

---
 popup.htm | 16 ++++++++++------
 popup.js  | 10 +++++-----
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/popup.htm b/popup.htm
index 1f6e76e..0813b24 100644
--- a/popup.htm
+++ b/popup.htm
@@ -5,16 +5,20 @@ body {
 	font-family: sans-serif;
 	font-size: small;
 }
-input[type=button] {
+button {
 	width: 100%;
+	text-align:left;
+}
+img {
+	vertical-align:bottom;
 }
 </style>
 <form>
-	<input type="button" id="resurrectWithGoogle"></br>
-	<input type="button" id="resurrectWithGoogleText"></br>
-	<input type="button" id="resurrectWithInternetArchive"></br>
-	<input type="button" id="resurrectWithArchiveIs"></br>
-	<input type="button" id="resurrectWithWebCite"></br>
+	<button id="resurrectWithGoogle"         ><img src="icons/cacheicons/google.png">         <span id="lgo"></span></button><br>
+	<button id="resurrectWithGoogleText"     ><img src="icons/cacheicons/google.png">         <span id="lgt"></span></button><br>
+	<button id="resurrectWithInternetArchive"><img src="icons/cacheicons/waybackmachine.png"> <span id="lia"></span></button><br>
+	<button id="resurrectWithArchiveIs"      ><img src="icons/cacheicons/archiveis.png">      <span id="lai"></span></button><br>
+	<button id="resurrectWithWebCite"        ><img src="icons/cacheicons/webcitation.png">    <span id="lwc"></span></button><br>
 	<hr>
 	<input type="radio" name="openIn" value="0" id="current" ><label for="current" id="lc"></label></br>
 	<input type="radio" name="openIn" value="1" id="newtabfg"><label for="newtabfg" id="ltf"></label></br>
diff --git a/popup.js b/popup.js
index b1acb02..d8701b8 100644
--- a/popup.js
+++ b/popup.js
@@ -29,11 +29,11 @@ onError("can't read openIn");
   document.querySelector("#newtabbg").onchange = function(){setOpenIn(document.querySelector('input[name="openIn"]:checked').value)};
   document.querySelector("#newwin").onchange   = function(){setOpenIn(document.querySelector('input[name="openIn"]:checked').value)};
 
-  document.querySelector("#resurrectWithGoogle").value          = browser.i18n.getMessage("contextMenuItemResurrectGoogle");
-  document.querySelector("#resurrectWithGoogleText").value      = browser.i18n.getMessage("contextMenuItemResurrectGoogleText");
-  document.querySelector("#resurrectWithInternetArchive").value = browser.i18n.getMessage("contextMenuItemResurrectArchive");
-  document.querySelector("#resurrectWithArchiveIs").value       = browser.i18n.getMessage("contextMenuItemResurrectArchiveIs");
-  document.querySelector("#resurrectWithWebCite").value         = browser.i18n.getMessage("contextMenuItemResurrectWebcitation");
+  document.querySelector("#lgo").innerHTML = browser.i18n.getMessage("contextMenuItemResurrectGoogle");
+  document.querySelector("#lgt").innerHTML = browser.i18n.getMessage("contextMenuItemResurrectGoogleText");
+  document.querySelector("#lia").innerHTML = browser.i18n.getMessage("contextMenuItemResurrectArchive");
+  document.querySelector("#lai").innerHTML = browser.i18n.getMessage("contextMenuItemResurrectArchiveIs");
+  document.querySelector("#lwc").innerHTML = browser.i18n.getMessage("contextMenuItemResurrectWebcitation");
 
   browser.tabs.query({active:true,currentWindow:true}).then(function(tabObj){
     pageURL = tabObj[0].url;