Move disable/enable/more to dropdown (#108)

Author: fregante

source/App.svelte

@@ -3,7 +3,6 @@
 	import {onMount} from 'svelte';
 	import chromeP from 'webext-polyfill-kinda';
 	import Extension from './Extension.svelte';
-	import openInTab from './lib/open-in-tab.js';
 	import UndoStack from './lib/undo-stack.js';
 	import {focusNext, focusPrevious} from './lib/focus-next.js';
 
@@ -17,6 +16,7 @@
 	const options = optionsStorage.getAll();
 	let showExtras = false;
 	let showInfoMessage = !localStorage.getItem('undo-info-message');
+	let userClickedHideInfoMessage = false; // "Disable/enable all" shows the button again, unless the user clicked already "hide" in the current session
 
 	options.then(({showButtons, width}) => {
 		if (showButtons === 'always') {
@@ -44,6 +44,7 @@
 	function hideInfoMessage() {
 		localStorage.setItem('undo-info-message', 1);
 		showInfoMessage = false;
+		userClickedHideInfoMessage = true;
 	}
 
 	function keyboardNavigationHandler(event) {
@@ -107,32 +108,57 @@
 		showExtras = !showExtras;
 		event.preventDefault();
 	};
+
+	function handleBurger() {
+		switch (this.value) {
+			case 'enable': {
+				toggleAll(true);
+				showInfoMessage = true;
+				break;
+			}
+
+			case 'disable': {
+				toggleAll(false);
+				showInfoMessage = true;
+				break;
+			}
+
+			case 'extensions': {
+				chrome.tabs.create({url: 'chrome://extensions'});
+				break;
+			}
+
+			default:
+		}
+
+		this.value = ''; // Reset the select. PreventDefault doesn't work
+	}
 </script>
 
 <svelte:window on:keydown={keyboardNavigationHandler} />
-
 <main>
-	{#if showInfoMessage}
-		<p>
+	{#if showInfoMessage && !userClickedHideInfoMessage}
+		<p class="notice">
 			{@html getI18N('undoInfoMsg')}
 			<a class="hide-action" href="#hide" on:click={hideInfoMessage}
 				>{getI18N('hideInfoMsg')}</a
 			>
 		</p>
 	{/if}
-	<!-- svelte-ignore a11y-autofocus -->
-	<input
-		autofocus
-		placeholder={getI18N('searchTxt')}
-		bind:value={searchValue}
-		type="search"
-	/>
-	<div class="options">
-		<button on:click={() => toggleAll(false)}>{getI18N('disAll')}</button>
-		<button on:click={() => toggleAll(true)}>{getI18N('enableAll')}</button>
-		<a href="chrome://extensions" on:click={openInTab} title={getI18N('manage')}
-			>{getI18N('extensionPage')}</a
-		>
+	<div class="header">
+		<!-- svelte-ignore a11y-autofocus -->
+		<input
+			autofocus
+			placeholder={getI18N('searchTxt')}
+			bind:value={searchValue}
+			type="search"
+		/>
+		<select class="header-burger" on:change={handleBurger}>
+			<option value="">…</option>
+			<option value="extensions">{getI18N('manage')}</option>
+			<option value="disable">{getI18N('disAll')}</option>
+			<option value="enable">{getI18N('enableAll')}</option>
+		</select>
 	</div>
 	<ul id="ext-list">
 		{#each extensions as extension (extension.id)}

source/_locales/de/messages.json

@@ -11,9 +11,6 @@
 	"extName": {
 		"message": "One-Click Erweiterungsmanager"
 	},
-	"extensionPage": {
-		"message": "Mehr…"
-	},
 	"gotoOpt": {
 		"message": "Einstellungen…"
 	},

source/_locales/en/messages.json

@@ -11,17 +11,14 @@
 	"extName": {
 		"message": "One Click Extensions Manager"
 	},
-	"extensionPage": {
-		"message": "More…"
-	},
 	"gotoOpt": {
 		"message": "Go to options page"
 	},
 	"hideInfoMsg": {
 		"message": "Hide this"
 	},
 	"manage": {
-		"message": "See in the extensions page"
+		"message": "Open the Extensions page"
 	},
 	"openUrl": {
 		"message": "See on the Web Store"
@@ -33,6 +30,6 @@
 		"message": "You can undo and redo your last action until you close this popup. Press <kbd>ctrl+z</kbd> on Windows or Ubuntu,  and <kbd>cmd+z</kbd> on macOS."
 	},
 	"uninstall": {
-		"message": "Uninstall"
+		"message": "Remove from Chrome"
 	}
 }

source/_locales/es/messages.json

@@ -11,9 +11,6 @@
 	"extName": {
 		"message": "Administrador de extensión de un clic"
 	},
-	"extensionPage": {
-		"message": "Más…"
-	},
 	"gotoOpt": {
 		"message": "Ir a la página de opciones"
 	},

source/_locales/fr/messages.json

@@ -15,10 +15,6 @@
 		"message": "Gestionnaire d‘extensions à un clic",
 		"hash": "9f7e3f659272f7b34a4073ddd8e29658"
 	},
-	"extensionPage": {
-		"message": "Plus…",
-		"hash": "65700a81f7671d1536e3cd98104e4be6"
-	},
 	"gotoOpt": {
 		"message": "Aller à la page des options",
 		"hash": "512c610fec5ae0c3b0d8ad20c7eb8e1e"

source/_locales/he/messages.json

@@ -11,9 +11,6 @@
 	"extName": {
 		"message": "One Click Extensions Manager"
 	},
-	"extensionPage": {
-		"message": "עוד…"
-	},
 	"gotoOpt": {
 		"message": "אפשרויות נוספות"
 	},

source/_locales/it/messages.json

@@ -15,10 +15,6 @@
 		"message": "One Click Extensions Manager",
 		"hash": "9f7e3f659272f7b34a4073ddd8e29658"
 	},
-	"extensionPage": {
-		"message": "Altro…",
-		"hash": "65700a81f7671d1536e3cd98104e4be6"
-	},
 	"gotoOpt": {
 		"message": "Vai alle impostazioni",
 		"hash": "512c610fec5ae0c3b0d8ad20c7eb8e1e"
@@ -28,11 +24,11 @@
 		"hash": "814f376f8a44776d5b80020e1327d173"
 	},
 	"manage": {
-		"message": "Apri la pagina delle estensioni",
+		"message": "Apri pagina delle estensioni",
 		"hash": "8eabf58f7231431f0184129019963b9b"
 	},
 	"openUrl": {
-		"message": "Apri il Chrome Web Store",
+		"message": "Apri Chrome Web Store",
 		"hash": "54c9abfc9842db7d4a2c0b692d15140c"
 	},
 	"searchTxt": {
@@ -44,7 +40,7 @@
 		"hash": "4c9adc1bb6418b3ecbc77f3ddda22a70"
 	},
 	"uninstall": {
-		"message": "Disinstalla",
+		"message": "Rimuovi",
 		"hash": "6c51642469a9fec1b394358b0a2ada5b"
 	}
 }

source/_locales/ja/messages.json

@@ -11,9 +11,6 @@
 	"extName": {
 		"message": "ワンクリックエクステンションマネージャー"
 	},
-	"extensionPage": {
-		"message": "その他…"
-	},
 	"gotoOpt": {
 		"message": "オプションページに移動"
 	},

source/_locales/ko/messages.json

@@ -11,9 +11,6 @@
 	"extName": {
 		"message": "원 클릭 확장 관리자"
 	},
-	"extensionPage": {
-		"message": "More…"
-	},
 	"gotoOpt": {
 		"message": "옵션 페이지로 이동"
 	},

source/_locales/ru/messages.json

@@ -11,9 +11,6 @@
 	"extName": {
 		"message": "One Click менеджер расширений"
 	},
-	"extensionPage": {
-		"message": "Больше…"
-	},
 	"gotoOpt": {
 		"message": "Перейти на страницу настроек"
 	},