ENCM-144-rush-ad-cogdx (#4400)

Author: forresttanaka

src/encoded/static/components/matrix_brain.js

@@ -40,6 +40,14 @@ const matrixAssaySortOrder = [
     'genotyping array',
 ];
 
+const cogdxMap = {
+    'No disease': 1,
+    'mild cognitive impairment': 2,
+    'Cognitive impairment': 3,
+    'Alzheimer\'s disease': 4,
+    'Alzheimer\'s disease and Cognitive impairment': 5,
+};
+
 /** Circle-sector of disease #1 */
 const DISEASE_SECTOR_COLOR_1 = '#27d266';
 
@@ -407,6 +415,7 @@ const convertContextToDataTable = (context, diseaseList, diseaseGroupIndex = 0)
                         <div className="disease-text">
                             <div>
                                 <a href={url}>{globals.titleize(NO_DISEASE_LABEL === disease ? 'No cognitive impairment' : disease)}</a>
+                                {cogdxMap[disease] && <div className="disease-text__cogdx">Cogdx: {cogdxMap[disease]}</div>}
                             </div>
                         </div>
                     ),

src/encoded/static/scss/encoded/modules/_matrix.scss

@@ -2259,7 +2259,11 @@ $rnaseq-term-name-colors:
 
     .disease-text {
         font-size: 1.2rem;
-        padding: 10px;
+        padding: 2px 10px;
+
+        .disease-text__cogdx {
+            font-size: 0.9rem;
+        }
     }
 
     .hide-item {