Add filter logic for overview page

common/config.js

@@ -7,12 +7,13 @@ export const getPageNames = (radar) => {
   ]
 }
 
-const mappings = {
+const messages = {
   'languages-and-frameworks': 'Languages & Frameworks',
   'methods-and-patterns': 'Methods & Patterns',
   'platforms-and-aoe-services': 'Platforms and AOE Services',
   'tools': 'Tools',
 };
 
+export const translate = (key) => (messages[key] || '-');
 
 const formatRelease = (release) => moment(release, 'YYYY-MM-DD').format('MMM YYYY');

common/file.js

@@ -10,10 +10,6 @@ export const radarPath = (...pathInSrc) => (
   relativePath('radar', ...pathInSrc)
 );
 
-export const staticPath = (...pathInSrc) => (
-  relativePath('static-pages', ...pathInSrc)
-);
-
 export const stylesPath = (...pathInSrc) => (
   relativePath('styles', ...pathInSrc)
 );

common/model.js

@@ -0,0 +1,43 @@
+
+export const groupByQuadrants = (items) => (
+  items.reduce((quadrants, item) => ({
+    ...quadrants,
+    [item.quadrant]: addItemToQuadrant(quadrants[item.quadrant], item),
+  }), {})
+);
+
+export const groupByRing = (items) => (
+  items.reduce((rings, item) => ({
+    ...rings,
+    [item.ring]: addItemToList(rings[item.ring], item),
+  }), {})
+);
+
+export const groupByFirstLetter = (items) => {
+  const index = items.reduce((letterIndex, item) => ({
+    ...letterIndex,
+    [getFirstLetter(item)]: addItemToList(letterIndex[getFirstLetter(item)], item),
+  }), {});
+
+  return Object.keys(index).sort().map((letter) => ({
+    letter,
+    items: index[letter],
+  }));
+}
+
+const addItemToQuadrant = (quadrant = {}, item) => ({
+  ...quadrant,
+  [item.ring]: addItemToRing(quadrant[item.ring], item),
+});
+
+const addItemToList = (list = [], item) => ([
+  ...list,
+  item,
+]);
+
+const addItemToRing = (ring = [], item) => ([
+  ...ring,
+  item,
+]);
+
+export const getFirstLetter = (item) => item.title.substr(0,1).toUpperCase();

common/radar.js

@@ -21,40 +21,6 @@ export const createRadar = async (tree) => {
   };
 };
 
-export const groupByQuadrants = (items) => (
-  items.reduce((quadrants, item) => ({
-    ...quadrants,
-    [item.quadrant]: addItemToQuadrant(quadrants[item.quadrant], item),
-  }), {})
-);
-
-const addItemToQuadrant = (quadrant = {}, item) => ({
-  ...quadrant,
-  [item.ring]: addItemToRing(quadrant[item.ring], item),
-});
-
-export const groupByFirstLetter = (items) => (
-  items.reduce((letterIndex, item) => ({
-    ...letterIndex,
-    [getFirstLetter(item)]: addItemToList(letterIndex[getFirstLetter(item)], item),
-  }), {})
-);
-
-export const groupByRing = (items) => (
-  items.reduce((rings, item) => ({
-    ...rings,
-    [item.ring]: addItemToList(rings[item.ring], item),
-  }), {})
-);
-
-const addItemToList = (list = [], item) => ([
-  ...list,
-  item,
-]);
-
-export const getFirstLetter = (item) => item.title.substr(0,1).toUpperCase();
-
-
 const checkAttributes = (fileName, attributes) => {
   const rings = ['trial', 'assess', 'adopt', 'hold'];
   if (attributes.ring && !rings.includes(attributes.ring)) {
@@ -187,8 +153,3 @@ const flagWithIsNew = (items, allReleases) => (
 const isNewItem = (item, allReleases) => {
   return item.revisions.length > 1 && item.revisions[0].release === allReleases[allReleases.length-1]
 }
-
-const addItemToRing = (ring = [], item) => ([
-  ...ring,
-  item,
-]);