From 39617d617434e7eff91db5e6c3cd2d857eda8b86 Mon Sep 17 00:00:00 2001
From: Andy McKay <amckay@mozilla.com>
Date: Tue, 19 Apr 2016 09:47:12 -0700
Subject: [PATCH] rename from some options to favourite colour

---
 favourite-colour/README.md                       |  4 ++++
 favourite-colour/background.js                   |  5 +++++
 {some-options => favourite-colour}/manifest.json |  4 ++--
 {some-options => favourite-colour}/options.html  |  0
 favourite-colour/options.js                      | 14 ++++++++++++++
 5 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 favourite-colour/README.md
 create mode 100644 favourite-colour/background.js
 rename {some-options => favourite-colour}/manifest.json (86%)
 rename {some-options => favourite-colour}/options.html (100%)
 create mode 100644 favourite-colour/options.js

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);