Merge branch 'feat/pod-label' into dev

app/src/main.mjs

@@ -1,14 +1,15 @@
 import { select } from 'd3-selection';
 import { initLookup } from './shared/lookup.mjs';
 import { initVariants } from './shared/variants.mjs';
+import { initPods } from './shared/pods.mjs';
 import { initPyramid } from './pyramid/index.mjs';
 import { initLineCharts } from './line-charts/index.mjs';
 import { initHistograms } from './histograms/index.mjs';
 
 
 async function main() {
   // Asynchronously load the json files from root of data/ into memory
-  await Promise.all([initLookup(), initVariants()]);
+  await Promise.all([initLookup(), initVariants(), initPods()]);
   // Initialise our charts in order
   initPyramid(select('#pyramid'));
   initLineCharts(select('#line-charts'));

app/src/shared/controls.mjs

@@ -7,6 +7,7 @@ import { ticks as d3Ticks } from 'd3-array';
 import { scaleLinear } from 'd3-scale';
 import { lookup } from './lookup.mjs';
 import { variants } from '../shared/variants.mjs';
+import { pods } from '../shared/pods.mjs';
 import { constants } from './constants.mjs';
 
 
@@ -192,16 +193,15 @@ function initAreaSelect(container, setState) {
 
 
 function initPodSelect(dropdown, setState) {
-  const pods = ['aae', 'apc', 'opc'];
   const callback = evt => setState({ 'pod': evt.target.value });
-  dropdown.on('change', callback);
+  const podSelect = dropdown.on('change', callback);
 
-  dropdown.selectAll('option')  
-    .data(pods)
+  podSelect.selectAll('option')  
+    .data(Array.from(Object.entries(pods)))
     .enter()
     .append('option')
-    .attr('value', d => d)
-    .text(d => d);
+    .attr('value', d => d[0])
+    .text(d => d[1].name);
 
   return dropdown.node().value;
 }

app/src/shared/pods.mjs

@@ -0,0 +1,12 @@
+// Module for loading pod data
+import { load } from './load.mjs';
+
+let pods;
+
+
+async function initPods() {
+  [pods] = await Promise.all([load('pods')]);
+}
+
+
+export { pods, initPods };