From 637acf1328bd3bccf3cc191fbef8bb68149b83cc Mon Sep 17 00:00:00 2001
From: Dominik Hebeler <dominik@suma-ev.de>
Date: Thu, 14 Mar 2024 16:36:33 +0100
Subject: [PATCH] add setting switch for anonymous token
---
_locales/en/messages.json | 20 +++++++++++++----
web/settings/index.css | 6 +++---
web/settings/index.html | 16 ++++++++++++++
web/settings/index.js | 45 +++++++++++++++++++++++++++------------
4 files changed, 66 insertions(+), 21 deletions(-)
diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index bc2a8c6..51cc418 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -23,12 +23,24 @@
"message": "MetaGer search settings are typically stored in your browser with the help of cookies which leads to problems with settings being deleted when clearing the browser history. If you enable this feature all settings will be stored in this extension instead and Cookies are not required anymore. Allow this extension to run in private browsing sessions in order to also apply your settings there.",
"description": "Heading for Setting storage by plugin"
},
- "settings_store_settings_sync": {
- "message": "Sync settings with browser account",
- "description": "Sync settings with browser account"
- },
"settings_store_settings_link": {
"message": "Open MetaGer Settings",
"description": "Link description to the MetaGer settings page"
+ },
+ "settings_anonymous_tokens_heading": {
+ "message": "Use anonymous Tokens",
+ "description": "Heading for Setting anonymous token by plugin"
+ },
+ "settings_anonymous_tokens_description1": {
+ "message": "When enabling this feature you can use a MetaGer key verifiable completely anonymous using",
+ "description": "Heading for Setting storage by plugin"
+ },
+ "settings_anonymous_tokens_descriptionlinktext": {
+ "message": "homomorphic encryption",
+ "description": "Heading for Setting storage by plugin"
+ },
+ "settings_anonymous_tokens_description2": {
+ "message": "This algorithm makes it impossible for us to connect a MetaGer Key with any search request you make.",
+ "description": "Heading for Setting storage by plugin"
}
}
\ No newline at end of file
diff --git a/web/settings/index.css b/web/settings/index.css
index 9126266..3ffa119 100644
--- a/web/settings/index.css
+++ b/web/settings/index.css
@@ -19,18 +19,18 @@ body>h1 {
text-align: center;
}
-#store-settings {
+.setting {
border: 1px solid;
padding: 1rem;
display: grid;
gap: 1rem;
}
-#store-settings>.heading>h2 {
+.setting>.heading>h2 {
margin: 0;
}
-#store-settings>.heading {
+.setting>.heading {
display: flex;
align-items: center;
justify-content: space-between;
diff --git a/web/settings/index.html b/web/settings/index.html
index 686da5e..5e9b55e 100644
--- a/web/settings/index.html
+++ b/web/settings/index.html
@@ -23,6 +23,22 @@
<div class="description" data-text="settings_store_settings_description"></div>
<a href="https://metager.org/meta/settings" data-text="settings_store_settings_link"></a>
</div>
+ <div class="setting" id="anonymous-tokens">
+ <div class="heading">
+ <h2 data-text="settings_anonymous_tokens_heading"></h2>
+ <label for="anonymous-tokens-switch" class="switch">
+ <input type="checkbox" name="anonymous-tokens-switch" id="anonymous-tokens-switch">
+ <div class="slider round"></div>
+ </label>
+ </div>
+ <div class="description">
+ <span data-text="settings_anonymous_tokens_description1"></span>
+ <a href="https://metager.org/keys/help/anonymous-token"
+ data-text="settings_anonymous_tokens_descriptionlinktext"></a>
+ <span>.</span>
+ <span data-text="settings_anonymous_tokens_description2"></span>
+ </div>
+ </div>
<script src="strings.js"></script>
<script src="index.js" async></script>
</body>
diff --git a/web/settings/index.js b/web/settings/index.js
index d53ce05..fe0f724 100644
--- a/web/settings/index.js
+++ b/web/settings/index.js
@@ -3,12 +3,17 @@
// Setting change setting storage
(async () => {
let store_settings = null;
- let checkbox = document.querySelector("#store-settings-switch");
+ let use_anonymous_tokens = null;
+ let checkbox_store_settings = document.querySelector("#store-settings-switch");
+ let checkbox_anonymous_tokens = document.querySelector("#anonymous-tokens-switch");
await initializeSettingsState();
- checkbox.addEventListener("change", e => {
- updateSettingState(checkbox.checked);
+ checkbox_store_settings.addEventListener("change", e => {
+ updateSettingState(checkbox_store_settings.checked, use_anonymous_tokens);
+ });
+ checkbox_anonymous_tokens.addEventListener("change", e => {
+ updateSettingState(store_settings, checkbox_anonymous_tokens.checked);
});
async function verifyPermissions(request = false) {
@@ -31,42 +36,54 @@
// Initialize stored settings
let synced_settings = await browser.storage.sync.get({
settings_store: true,
+ use_anonymous_tokens: false,
});
- if (synced_settings.settings_store == true) {
+ if (synced_settings.settings_store == true || synced_settings.use_anonymous_tokens == true) {
await verifyPermissions().then(granted => {
- if (granted)
- store_settings = true;
- else
+ if (granted) {
+ store_settings = synced_settings.settings_store;
+ use_anonymous_tokens = synced_settings.use_anonymous_tokens;
+ } else {
store_settings = false;
+ use_anonymous_tokens = false;
+ }
});
} else {
store_settings = false;
+ use_anonymous_tokens = false;
}
- checkbox.checked = store_settings;
+ checkbox_store_settings.checked = store_settings;
+ checkbox_anonymous_tokens.checked = use_anonymous_tokens;
browser.storage.onChanged.addListener((changes, areaName) => {
if (changes.hasOwnProperty("settings_store")) {
let new_value = changes.settings_store.newValue;
- checkbox.checked = new_value;
+ checkbox_store_settings.checked = new_value;
store_settings = new_value;
}
+ if (changes.hasOwnProperty("use_anonymous_tokens")) {
+ let new_value = changes.use_anonymous_tokens.newValue;
+ checkbox_anonymous_tokens.checked = new_value;
+ use_anonymous_tokens = new_value;
+ }
});
}
- async function updateSettingState(store_settings) {
- if (store_settings == true) {
+ async function updateSettingState(store_settings, use_anonymous_tokens) {
+ if (store_settings == true || use_anonymous_tokens == true) {
return verifyPermissions(true).then(permission_granted => {
if (permission_granted) {
- return browser.storage.sync.set({ settings_store: store_settings });
+ return browser.storage.sync.set({ settings_store: store_settings, use_anonymous_tokens: use_anonymous_tokens });
} else {
- checkbox.checked = false;
+ checkbox_store_settings.checked = false;
+ checkbox_anonymous_tokens.checked = false;
return;
}
})
} else {
- return browser.storage.sync.set({ settings_store: store_settings });
+ return browser.storage.sync.set({ settings_store: store_settings, use_anonymous_tokens: use_anonymous_tokens });
}
}
})();
--
GitLab