Allow unselecting unavailable parameters (#76)

ui/src/group/details/comparison/ComparisonToggleTable.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { includes } from 'lodash';
 
 import { GroupParameterCount, GroupParameterType, GroupParameter } from '../../../types/beaker';
 import ComparisonParameterToggle from './ComparisonParameterToggle';
@@ -12,12 +13,18 @@ interface Props {
 }
 
 const ComparisonToggleTable = (props: Props) => {
-  // Short circuit if we don't have all the data we need
   if (!props.parameters || !props.selected) {
     return <None/>;
   }
 
-  const parameterRows = props.parameters.filter((param) => {
+  const selectedButNotAvailable = props.selected.filter((param) => {
+    return !includes(props.parameters, param);
+  }).map((param) => {
+    return Object.assign({}, param, { count: 0 });
+  });
+
+  const parameters = selectedButNotAvailable.concat(props.parameters);
+  const parameterRows = parameters.filter((param) => {
     return param.type === props.comparisonType;
   }).map((param) => {
     const parameterSelected = props.selected.findIndex((selectedParam) => selectedParam.name === param.name) >= 0;