Refactor experiments table to hide/show sensitivity experiments on demand

Author: jochenklar

app/src/app.js

@@ -25,6 +25,7 @@ const initConfig = () => {
   const defaultConfig = {
     simulation_round: 'ISIMIP3a',
     sectors: [],
+    experiments: [],
     groups: [],
     group3: false
   }

app/src/components/tables/ExperimentsTable.js

@@ -5,6 +5,9 @@ const actions = {
   changeSector: function(value) {
     return { type: 'changeSector', value }
   },
+  toggleExperiments: function(value) {
+    return { type: 'toggleExperiments', value }
+  },
   toggleGroup: function(value) {
     return { type: 'toggleGroup', value }
   },
@@ -31,11 +34,24 @@ function reducer(state, action) {
         }
       }
     }
+    case 'toggleExperiments': {
+      if (state.config.experiments.find((value) => value === action.value)) {
+        return {
+          ...state,
+          config: { ...state.config, experiments: state.config.experiments.filter((value) => value !== action.value) }
+        }
+      } else {
+        return {
+          ...state,
+          config: { ...state.config, experiments: [...state.config.experiments, action.value] }
+        }
+      }
+    }
     case 'toggleGroup': {
-      if (state.config.groups.find((group) => group === action.value)) {
+      if (state.config.groups.find((value) => value === action.value)) {
         return {
           ...state,
-          config: { ...state.config, groups: state.config.groups.filter((group) => group !== action.value) }
+          config: { ...state.config, groups: state.config.groups.filter((value) => value !== action.value) }
         }
       } else {
         return {

app/src/store.js

@@ -15,6 +15,11 @@ const getConfig = () => {
     config.sectors = sectors
   }
 
+  const experiments = ls.get('experiments') ? JSON.parse(ls.get('experiments')) : []
+  if (definitions.experiments.some((experiment) => experiments.includes(experiment.specifier))) {
+    config.experiments = experiments
+  }
+
   const groups = ls.get('groups') ? JSON.parse(ls.get('groups')) : []
   if (definitions.group.some((group) => groups.includes(group.specifier))) {
     config.groups = groups
@@ -28,6 +33,7 @@ const getConfig = () => {
 const updateConfig = (config) => {
   ls.set('simulation_round', config.simulation_round)
   ls.set('sectors', JSON.stringify(config.sectors))
+  ls.set('experiments', JSON.stringify(config.experiments))
   ls.set('groups', JSON.stringify(config.groups))
   ls.set('group3', JSON.stringify(config.group3))
 }

app/src/utils/ls.js

@@ -91,6 +91,9 @@ a.toggle-group {
     display: block;
     float: right;
 }
+.experiments-toggle a.toggle-group {
+    float: none;
+}
 a.toggle-group {
     position: relative;
     margin-right: 15px;
@@ -125,6 +128,14 @@ button.toggle-table {
 button.toggle-table:focus {
     outline: 0;
 }
+tr.separator td {
+    padding: 1px 0 0 0;
+    background-color: #dee2e6;
+}
+tr.sens-title td {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+}
 td :last-child {
     margin-bottom: 0;
 }
@@ -144,6 +155,9 @@ td > ul > li > ul > li {
 td p {
     margin-bottom: 0.5rem;
 }
+td.background {
+    background-color: #efefef;
+}
 td.extra-border-bottom {
     border-bottom-width: 3px;
 }

assets/style.css

@@ -183,6 +183,7 @@
   - forestry
 
 - specifier: obsclim_histsoc_1901co2
+  parent: obsclim_histsoc_default
   title: CO₂ sensitivity
   subtitles:
   - obsclim_histsoc_1901co2
@@ -210,6 +211,7 @@
   - water_regional
 
 - specifier: obsclim_2015soc_1901co2
+  parent: obsclim_2015soc_default
   title: CO₂ sensitivity
   subtitles:
   - obsclim_2015soc_1901co2
@@ -236,6 +238,7 @@
   - water_regional
 
 - specifier: obsclim_1901soc_1901co2
+  parent: obsclim_1901soc_default
   title: CO₂ sensitivity
   subtitles:
   - obsclim_1901soc_1901co2
@@ -255,6 +258,7 @@
   - water_global
 
 - specifier: obsclim_histsoc_nowatermgt
+  parent: obsclim_histsoc_default
   title: Water management sensitivity
   subtitles:
   - obsclim_histsoc_nowatermgt
@@ -271,6 +275,7 @@
   - water_regional
 
 - specifier: obsclim_2015soc_nowatermgt
+  parent: obsclim_2015soc_default
   title: Water management sensitivity
   subtitles:
   - obsclim_2015soc_nowatermgt
@@ -287,6 +292,7 @@
   - water_regional
 
 - specifier: obsclim_histsoc_1901irr
+  parent: obsclim_histsoc_default
   title: Irrigation sensitivity
   subtitles:
   - obsclim_histsoc_1901irr
@@ -302,6 +308,7 @@
   - water_regional
 
 - specifier: obsclim_histsoc_nofire
+  parent: obsclim_histsoc_default
   title: No-fire sensitivity
   subtitles:
   - obsclim_histsoc_nofire
@@ -319,6 +326,7 @@
   - permafrost
 
 - specifier: counterclim_histsoc_obsco2
+  parent: obsclim_histsoc_default
   title: Counterfactual climate and CO₂ sensitivity
   subtitles:
   - counterclim_histsoc_obsco2
@@ -334,6 +342,7 @@
   - forestry
 
 - specifier: obsclim_histsoc_30arcsec
+  parent: obsclim_histsoc_default
   title: High-resolution sensitivity 1km
   subtitles:
   - obsclim_histsoc_30arcsec
@@ -355,6 +364,7 @@
   - water_regional
 
 - specifier: obsclim_histsoc_90arcsec
+  parent: obsclim_histsoc_default
   title: High-resolution sensitivity 3km
   subtitles:
   - obsclim_histsoc_90arcsec
@@ -376,6 +386,7 @@
   - water_regional
 
 - specifier: obsclim_histsoc_300arcsec
+  parent: obsclim_histsoc_default
   title: High-resolution sensitivity 10km
   subtitles:
   - obsclim_histsoc_300arcsec
@@ -399,6 +410,7 @@
   - water_regional
 
 - specifier: obsclim_histsoc_1800arcsec
+  parent: obsclim_histsoc_default
   title: High-resolution sensitivity 60km
   subtitles:
   - obsclim_histsoc_1800arcsec
@@ -436,6 +448,7 @@
   - marine-fishery_regional
 
 - specifier: obsclim_histsoc_1955-riverine-input
+  parent: obsclim_histsoc_default
   title: Riverine influx sensitivity
   subtitles:
   - obsclim_histsoc_1955-riverine-input
@@ -451,6 +464,7 @@
   - marine-fishery_regional
 
 - specifier: fishmip-nat-fixed-river-nutrients
+  parent: obsclim_nat_default_fishmip
   title: Riverine influx sensitivity
   subtitles:
   - fishmip-nat-fixed-river-nutrients
@@ -466,6 +480,7 @@
   - marine-fishery_regional
 
 - specifier: obsclim_histsoc_60arcmin
+  parent: obsclim_histsoc_default
   title: Resolution sensitivity
   subtitles:
   - obsclim_histsoc_60arcmin
@@ -481,6 +496,7 @@
   - marine-fishery_regional
 
 - specifier: obsclim_nat_60arcmin
+  parent: obsclim_nat_default_fishmip
   title: Resolution sensitivity
   subtitles:
   - obsclim_nat_60arcmin
@@ -496,6 +512,7 @@
   - marine-fishery_regional
 
 - specifier: obsclim_histsoc_1955-riverine-input+60arcmin
+  parent: obsclim_histsoc_default
   title: Riverine influx and resolution sensitivity
   subtitles:
   - obsclim_histsoc_1955-riverine-input+60arcmin
@@ -511,6 +528,7 @@
   - marine-fishery_regional
 
 - specifier: obsclim_nat_1955-riverine-input+60arcmin
+  parent: obsclim_nat_default_fishmip
   title: Riverine influx and resolution sensitivity
   subtitles:
   - obsclim_nat_1955-riverine-input+60arcmin
@@ -526,6 +544,7 @@
   - marine-fishery_regional
 
 - specifier: obsclim_nat_1901co2
+  parent: obsclim_nat_default
   historical:
     climate: obsclim
     climate_sens: 1901co2
@@ -538,6 +557,7 @@
   - biomes
 
 - specifier: obsclim_nat_nofire
+  parent: obsclim_nat_default
   historical:
     climate: obsclim
     soc: nat
@@ -550,6 +570,7 @@
   - biomes
 
 - specifier: counterclim_nat_obsco2
+  parent: counterclim_nat_default
   historical:
     climate: counterclim
     climate_sens: obsco2