diff --git a/main/background.html b/main/background.html new file mode 100644 index 0000000..fb28587 Binary files /dev/null and b/main/background.html differ diff --git a/main/popup.css b/main/popup.css new file mode 100644 index 0000000..f4ca1be --- /dev/null +++ b/main/popup.css @@ -0,0 +1,77 @@ +body{ + width: 300px; + background-color: rgb(255, 221, 221); + font-size: 17px; + font-style: inherit; +} + +h1{ + text-align: center; +} + +.text{ + width: 100%; + color: rgb(0,0,0); + border-top-width: 10px; + border-top-style: solid; + border-top-color: rgb(255, 168, 168); +} + +.counter{ + width: 100%; + color: rgb(0,0,0); + border-top-width: 10px; + border-top-style: solid; + border-top-color: rgb(255, 168, 168); + font-size: 80%; + margin-bottom: 10px; +} + +.counter p{ + margin-bottom: 5px; + text-align: center; +} + +#getDetectedWords{ + font-size: 110%; + font-weight:bold; + background-color: rgb(255, 168, 168); + min-width: 20px; + width: auto; + height: 20px; + display: inline-block; + + border-color: rgb(255, 168, 168); + border-radius: 20px; + border-style: solid; + border-width: 10px; + + margin-left: 40%; + margin-top: 0px; + text-align: center; +} + + +.knöpfe{ + background-color: rgb(255, 168, 168); + border-color: rgb(255, 168, 168); + border-radius: 5px; + border-style: solid; + border-width: 5px; + padding-bottom: 20px; + padding-top: 20px; +} + +.knopf{ + background-color: white; + color: red; + width: 70%; + height: 50px; + text-align: center; + margin-left: 5%; + margin-top: 10px; +} + +.switch{ + width: 20px; +} \ No newline at end of file diff --git a/main/popup.html b/main/popup.html new file mode 100644 index 0000000..baab40f --- /dev/null +++ b/main/popup.html @@ -0,0 +1,93 @@ + + + + + + Antihate + + + + + + + + + + +

antiHate

+ +
+

+ Mit dieser Browsererweiterung können Sie sich vor Hassrede oder anstößigen + Inhalten auf sämtlichen Webseiten schützen. Entscheiden Sie selbst, ob + solche Inhalte markiert, entfernt, ersetzt oder reflekitiert erläutert + werden sollen. Sie können die Seite auch bei Google melden. +

+
+ + + + +
+

Auf dieser Seite gefundene Inhalte:

+
+ + +
+ + + + + + + + + + + + + + + + + + + + +
+ +
+

+ Beachten Sie unsere + + Warnhinweise + . Seien Sie stets sorgsam mit dieser Erweiterung. + Da sie KI verwendet, sollte man ersetzte Inhalte nur mit Voricht verwenden. +

+ +
+ + + + + + diff --git a/main/popup.js b/main/popup.js new file mode 100644 index 0000000..b7a6d34 --- /dev/null +++ b/main/popup.js @@ -0,0 +1,86 @@ + +function mark(){ +browser.tabs.executeScript({ file: "content_script.js" }); +} + +console.log("popup.jscipt"); + +document.addEventListener('DOMContentLoaded', function(){ + console.log("nochmal"); + + const checkbox1 = document.getElementById('toggleSwitch1'); + console.log(checkbox1); + chrome.storage.sync.get(['checkboxState1'], function(result){ + + if(result.checkboxState1 !== undefined){ + checkbox1.checked = result.checkboxState1; + console.log(checkbox1.checked); + } + }); + + checkbox1.addEventListener('change', function(){ + + chrome.storage.sync.set({ 'checkboxState1': checkbox1.checked}, function() { + console.log('Checkbox-Zustand gespeichert'); + + chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) { + chrome.tabs.sendMessage(tabs[0].id, { action: "checkboxStatusChanged", isChecked: checkbox1.checked }); + }); + }); + }); + + console.log("Hallo!") + chrome.storage.local.get(['detectedWords'], function(result){ + if(result.detectedWords) { + console.log("Wörter in storage: ", result.detectedWords); + document.getElementById("getDetectedWords").textContent = result.detectedWords; + } + + else{ + console.log("noch keine Wortanzahl vorhanden"); + } +}); + +// Anzahl der unterstrichenen Wörter angeben: + +/* +document.addEventListener('DOMContentLoaded', () => { + + const detectedWords = 'detectedWords'; + chrome.storage.local.get(['detectedWords'], (result) => { + if (result[detectedWords] !== undefined) { + console.log("Wert schon da", result[detectedWords]); + } + else{ + console.log("Wert noch nicht da"); + } + }); + + chrome.storage.onChanged.addListener((changes, namespace) => { + if (namespace === 'local' && changes[detectedWords]) { + const newValue = changes[detectedWords].newValue; + const oldValue = changes[detectedWords].oldValue; + + if (newValue !== undefined) { + console.log("Wert wurde geändert!"); + executeFunctionWithStorageValue(newValue); + } + } + }); + + function executeFunctionWithStorageValue(data) { + const displayDiv = document.getElementById('getDetectedWords'); + if (displayDiv) { + einfügen = chrome.storage.local.get(['detectedWords']) + displayDiv.textContent = einfügen; + } + } */ +}); + + + + + + + + \ No newline at end of file diff --git a/main/warnings.html b/main/warnings.html new file mode 100644 index 0000000..04e86cb --- /dev/null +++ b/main/warnings.html @@ -0,0 +1 @@ +Obacht! \ No newline at end of file