Add controls for adding a label.

client/index.js

@@ -4,6 +4,23 @@ var d3 = require("d3"),
     video = require("./video.js"),
     audio = require("./audio.js");
 
+d3.json("/settings/labels.json", function(err, labels){
+
+  // Populate labels menu
+  d3.select("#input-label")
+    .on("change", updateLabel)
+    .selectAll("option")
+    .data(labels.podcasts)
+    .enter()
+    .append("option")
+      .text(function(l){
+        return l;
+      });
+
+  d3.select("#input-label").each(updateLabel);
+
+}); // end label ingestion
+
 d3.json("/settings/themes.json", function(err, themes){
 
   var errorMessage;
@@ -134,13 +151,13 @@ function error(msg) {
 }
 
 // Once images are downloaded, set up listeners
-function initialize(err, themesWithImages) {
+function initialize(err, results) {
 
-  // Populate dropdown menu
+  // Populate themes menu
   d3.select("#input-theme")
     .on("change", updateTheme)
     .selectAll("option")
-    .data(themesWithImages)
+    .data(results) // themes with images
     .enter()
     .append("option")
       .text(function(d){
@@ -226,6 +243,10 @@ function updateTheme() {
   preview.theme(d3.select(this.options[this.selectedIndex]).datum());
 }
 
+function updateLabel() {
+  // updating logic
+}
+
 function preloadImages(themes) {
 
   // preload images

editor/index.html

@@ -29,6 +29,10 @@
           <label for="input-theme">Theme</label>
           <select id="input-theme" name="theme"></select>
         </div>
+        <div class="row form-row" id="row-label">
+          <label for="input-label">Label</label>
+          <select id="input-label" name="label"></select>
+        </div>
         <div class="row form-row" id="row-caption">
           <label for="input-caption">
             Caption

lib/settings/index.js

@@ -4,7 +4,8 @@ var _ = require("underscore"),
     load = require("./load.js");
 
 var settings = load("settings/index.js"),
-    themes = load("settings/themes.json");
+    themes = load("settings/themes.json"),
+    labels = load("settings/labels.json");
 
 // Validate settings
 settings = require("./validate-settings.js")(settings);
@@ -12,4 +13,7 @@ settings = require("./validate-settings.js")(settings);
 // Validate themes
 themes = require("./validate-themes.js")(themes);
 
+// Validate labels
+labels = require("./validate-labels.js")(labels);
+
 module.exports = settings;

lib/settings/validate-labels.js

@@ -0,0 +1,13 @@
+var path = require("path"),
+    _ = require("underscore"),
+    fs = require("fs");
+
+module.exports = function(labels) {
+
+  if (!labels || labels.podcasts.length === 0) {
+    return console.warn("No labels found in settings/labels.json.");
+  }
+
+  return labels;
+
+};

server/index.js

@@ -72,7 +72,7 @@ app.get("/healthcheck/", function(req, res, next) {
 app.use("/settings/", function(req, res, next) {
 
   // Limit to themes.json and bg images
-  if (req.url.match(/^\/?themes.json$/i) || req.url.match(/^\/?backgrounds\/[^/]+$/i)) {
+  if (req.url.match(/^\/?themes.json$|\/?labels.json$/i) || req.url.match(/^\/?backgrounds\/[^/]+$/i)) {
     return next();
   }
 

settings/labels.json

@@ -0,0 +1,11 @@
+{
+  "podcasts" : [
+    "Generic",
+    "The Daily",
+    "Still Processing",
+    "Popcast",
+    "Modern Love",
+    "The Book Review",
+    "- Other:"
+  ]
+}