From 54f1810eb0b977b4958c9c35e578d61d05492b0b Mon Sep 17 00:00:00 2001
From: adlawson <adlawson@gmail.com>
Date: Sun, 9 Apr 2017 12:58:26 +0100
Subject: [PATCH 1/3] Display timestamps next to each track

Timestamp replaces track number if it's available.
---
 templates/tracklist.dust |  2 +-
 tracklist.js             | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/templates/tracklist.dust b/templates/tracklist.dust
index d66e8cf..6a306bb 100644
--- a/templates/tracklist.dust
+++ b/templates/tracklist.dust
@@ -5,7 +5,7 @@
             <ul class="show-tracklist" ng-init="tracklistShown=false;audioLength={audio_length};sectionStartTimes=[]">
                 {#sections}
                     <li ng-hide="juno.sections.length">
-                        <em>{track_number}</em>
+                        {?timestamp}<em style="width:40px;">{timestamp}</em>{:else}<em>{track_number}</em>{/timestamp}
                         {?chapter}<b title="{chapter}">{chapter}</b>{:else}<b title="{title}">{title}</b>{/chapter}
                         {?artist}<small> by <span>{artist}</span></small>{/artist}
                     </li>
diff --git a/tracklist.js b/tracklist.js
index f159ab4..034b87e 100644
--- a/tracklist.js
+++ b/tracklist.js
@@ -48,13 +48,26 @@ function fetchData(location, fn) {
         "json": true
     }, (error, response, data) => {
         if (!error && response.statusCode === 200 && data.cloudcast.sections.length > 0) {
-            fn(insertTrackNumber(data));
+            fn(insertTimestamp(insertTrackNumber(data)));
         } else {
             console.error(error);
         }
     });
 }
 
+function insertTimestamp(data) {
+    data.cloudcast.sections.forEach((section, i) => {
+        if (section.start_time !== null) {
+            const minutes = Math.floor(section.start_time / 60);
+            const seconds = ("0" + section.start_time % 60).slice(-2);
+            section.timestamp = `${minutes}:${seconds}`;
+        } else {
+          section.timestamp = null;
+        }
+    });
+    return data;
+}
+
 function insertTrackNumber(data) {
     data.cloudcast.sections.forEach((section, i) => {
         section.track_number = i + 1;

From 78b06ef463acb29e82c6ac33df79f3411edeab16 Mon Sep 17 00:00:00 2001
From: adlawson <adlawson@gmail.com>
Date: Sun, 9 Apr 2017 13:00:32 +0100
Subject: [PATCH 2/3] Add options page for timestamp

---
 Makefile      |  4 ++--
 manifest.json |  7 +++++++
 options.html  | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 options.js    | 19 +++++++++++++++++++
 4 files changed, 74 insertions(+), 2 deletions(-)
 create mode 100644 options.html
 create mode 100644 options.js

diff --git a/Makefile b/Makefile
index 1368d71..6695224 100644
--- a/Makefile
+++ b/Makefile
@@ -1,8 +1,8 @@
 #
 # Source
 # ------
-BUILD := manifest.json images/* build/mixcloud-tracklist.js
-SOURCE := manifest.json images/* templates/*.dust tracklist.js
+BUILD := manifest.json options.* images/* build/mixcloud-tracklist.js
+SOURCE := manifest.json options.* images/* templates/*.dust tracklist.js
 
 
 # Executable path
diff --git a/manifest.json b/manifest.json
index ed22d16..34274b5 100644
--- a/manifest.json
+++ b/manifest.json
@@ -15,6 +15,13 @@
       "strict_min_version": "45.0"
     }
   },
+  "permissions": [
+    "storage"
+  ],
+  "options_ui": {
+    "page": "options.html",
+    "chrome_style": true
+  },
   "content_scripts": [
     {
       "matches": ["*://*.mixcloud.com/*"],
diff --git a/options.html b/options.html
new file mode 100644
index 0000000..ba31761
--- /dev/null
+++ b/options.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Mixcloud Tracklist - Options</title>
+    <style>
+        .disabled {
+          color: #999;
+        }
+        .input-container {
+            padding: 5px;
+        }
+        label small {
+          display: block;
+          margin-left: 18px;
+          padding-top: 5px;
+        }
+    </style>
+</head>
+
+<body>
+
+    <p></p>
+
+    <form>
+        <div class="input-container">
+            <label class="disabled">
+                <input type="checkbox" name="feature.core" checked disabled/>
+                <strong>Core tracklist functionality</strong>
+                <small>Replace the missing tracklist</small>
+            </label>
+        </div>
+        <div class="input-container">
+            <label>
+                <input type="checkbox" name="feature.timestamp" id="timestamp"/>
+                <strong>Track timestamps</strong>
+                <small>Display timings of each track, if available, in the tracklist</small>
+            </label>
+        </div>
+        <div class="input-container">
+            <button id="save">Save changes</button>
+        </div>
+    </form>
+
+    <script src="options.js"></script>
+</body>
+</html>
diff --git a/options.js b/options.js
new file mode 100644
index 0000000..3ed8083
--- /dev/null
+++ b/options.js
@@ -0,0 +1,19 @@
+function save_options() {
+  var timestamp = document.getElementById('timestamp').checked;
+  chrome.storage.sync.set({
+    timestamp: timestamp
+  }, function () {
+    window.close();
+  });
+}
+
+function restore_options() {
+  chrome.storage.sync.get({
+    timestamp: false
+  }, function (items) {
+    document.getElementById('timestamp').checked = items.timestamp;
+  });
+}
+
+document.addEventListener('DOMContentLoaded', restore_options);
+document.getElementById('save').addEventListener('click', save_options);

From 509abb6b007788f40455ba4b30dc0994b9377fed Mon Sep 17 00:00:00 2001
From: adlawson <adlawson@gmail.com>
Date: Sun, 9 Apr 2017 13:01:19 +0100
Subject: [PATCH 3/3] Only set timestamp if option is enabled

---
 tracklist.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/tracklist.js b/tracklist.js
index 034b87e..6b9ec13 100644
--- a/tracklist.js
+++ b/tracklist.js
@@ -48,16 +48,20 @@ function fetchData(location, fn) {
         "json": true
     }, (error, response, data) => {
         if (!error && response.statusCode === 200 && data.cloudcast.sections.length > 0) {
-            fn(insertTimestamp(insertTrackNumber(data)));
+            chrome.storage.sync.get({
+              timestamp: false
+            }, (options) => {
+                fn(insertTimestamp(insertTrackNumber(data), options));
+            });
         } else {
             console.error(error);
         }
     });
 }
 
-function insertTimestamp(data) {
+function insertTimestamp(data, options) {
     data.cloudcast.sections.forEach((section, i) => {
-        if (section.start_time !== null) {
+        if (section.start_time !== null && options.timestamp === true) {
             const minutes = Math.floor(section.start_time / 60);
             const seconds = ("0" + section.start_time % 60).slice(-2);
             section.timestamp = `${minutes}:${seconds}`;
