diff --git a/favourite-colour/README.md b/favourite-colour/README.md new file mode 100644 index 0000000..f16a8c1 --- /dev/null +++ b/favourite-colour/README.md @@ -0,0 +1,4 @@ +# Favourite Colour + +Shows and stores your favourite color, in chrome.storage.local +in the about:addons page for the addon. diff --git a/favourite-colour/background.js b/favourite-colour/background.js new file mode 100644 index 0000000..86fa4ad --- /dev/null +++ b/favourite-colour/background.js @@ -0,0 +1,5 @@ +function handleClick() { + chrome.runtime.openOptionsPage(); +} + +chrome.browserAction.onClicked.addListener(handleClick); diff --git a/some-options/manifest.json b/favourite-colour/manifest.json similarity index 86% rename from some-options/manifest.json rename to favourite-colour/manifest.json index 13835e4..6d95196 100644 --- a/some-options/manifest.json +++ b/favourite-colour/manifest.json @@ -1,7 +1,7 @@ { "applications": { "gecko": { - "id": "favourite-colour@mozilla.org", + "id": "some-options@mozilla.org", "strict_min_version": "47.0a1" } }, @@ -16,7 +16,7 @@ "manifest_version": 2, "name": "Favourite colour", "options_ui": { - "page": "options.html", + "page": "options.html" }, "permissions": ["storage"], "version": "1.0" diff --git a/some-options/options.html b/favourite-colour/options.html similarity index 100% rename from some-options/options.html rename to favourite-colour/options.html diff --git a/favourite-colour/options.js b/favourite-colour/options.js new file mode 100644 index 0000000..5693865 --- /dev/null +++ b/favourite-colour/options.js @@ -0,0 +1,14 @@ +function saveOptions(e) { + chrome.storage.local.set({ + colour: document.querySelector("#colour").value + }); +} + +function restoreOptions() { + chrome.storage.local.get('colour', (res) => { + document.querySelector("#colour").value = res.colour || 'Firefox red'; + }); +} + +document.addEventListener('DOMContentLoaded', restoreOptions); +document.querySelector("form").addEventListener("submit", saveOptions);