Change popup to say "Show original" and make it more clear that trans…

…lation finished. Fixes #54
jelmervdl · Nov 15, 2022 · e7aa5aa · e7aa5aa
1 parent c8a4aa2
commit e7aa5aa
Showing 1 changed file with 5 additions and 3 deletions.
diff --git 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>