From e7aa5aaaa044d37b1186db0f050b8e387733bc67 Mon Sep 17 00:00:00 2001
From: Jelmer van der Linde <jelmer@ikhoefgeen.nl>
Date: Tue, 15 Nov 2022 09:49:48 +0100
Subject: [PATCH] Change popup to say "Show original" and make it more clear
 that translation finished.

Fixes #54
---
 src/popup/popup.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/popup/popup.html b/src/popup/popup.html
index c6f27364..12c9fe37 100644
--- a/src/popup/popup.html
+++ b/src/popup/popup.html
@@ -67,9 +67,11 @@
 				<progress data-bind:value="modelDownloadRead" data-bind:max="modelDownloadSize"></progress>
 			</div>
 			<div data-state="translation-in-progress">
-				<p id="progress-message">Translating page from <span data-bind:text-content="lang-from"></span> to <span data-bind:text-content="lang-to"></span>…</p>
-				<progress data-bind:value="completedTranslationRequests" data-bind:max="totalTranslationRequests"></progress>
-				<button class="abort-translate-btn">Stop translating</button>
+				<p data-bind:hidden="!pendingTranslationRequests">Translating page from <span data-bind:text-content="lang-from"></span> to <span data-bind:text-content="lang-to"></span>…</p>
+				<p data-bind:hidden="pendingTranslationRequests">Translated page from <span data-bind:text-content="lang-from"></span> to <span data-bind:text-content="lang-to"></span>.</p>
+				<progress data-bind:hidden="!pendingTranslationRequests" data-bind:value="completedTranslationRequests" data-bind:max="totalTranslationRequests"></progress>	
+				<button class="abort-translate-btn" data-bind:hidden="completedTranslationRequests">Stop translating</button>
+				<button class="abort-translate-btn" data-bind:hidden="!completedTranslationRequests">Show original</button>
 			</div>
 			<div data-state="translation-error">
 				<p>Error during translation:</p>