Fixing appearance of test score AST visualization (for universal scoring algorithms).

Author: krulis-martin

src/components/forms/EditTestsForm/EditTests.less

@@ -15,5 +15,5 @@ table .testRow {
   bottom: 0;
   left: 50%;
   right: 0;
+  width: auto !important;
 }
-

src/components/forms/EditTestsForm/EditTestsForm.js

@@ -157,7 +157,7 @@ class EditTestsForm extends Component {
 
           <Container fluid className="p-0">
             <Row className={style.relativeContainer}>
-              <Col xs={calculator === UNIVERSAL_ID ? 6 : 12} className="p-0">
+              <Col lg={calculator === UNIVERSAL_ID ? 6 : 12} className="p-0">
                 <FieldArray
                   name="tests"
                   component={EditTestsTest}
@@ -320,7 +320,7 @@ class EditTestsForm extends Component {
               {calculator === UNIVERSAL_ID && formValues && formValues.config && (
                 <div
                   className={classnames({
-                    'col-xs-6': this.state.expanded,
+                    'col-lg-6': this.state.expanded,
                     [style.rightPanel]: !this.state.expanded,
                     'ps-3': true,
                   })}>

src/pages/EditExerciseConfig/EditExerciseConfig.js

@@ -40,7 +40,7 @@ import { getLoggedInUserEffectiveRole } from '../../redux/selectors/users.js';
 import { fetchRuntimeEnvironments } from '../../redux/modules/runtimeEnvironments.js';
 import { runtimeEnvironmentsSelector } from '../../redux/selectors/runtimeEnvironments.js';
 import { fetchExercisePipelinesVariables } from '../../redux/modules/exercisePipelinesVariables.js';
-import { getExercisePielinesVariablesJS } from '../../redux/selectors/exercisePipelinesVariables.js';
+import { getExercisePipelinesVariablesJS } from '../../redux/selectors/exercisePipelinesVariables.js';
 import {
   getSupplementaryFilesForExercise,
   fetchSupplementaryFilesForExerciseStatus,
@@ -166,7 +166,7 @@ class EditExerciseConfig extends Component {
     }
   };
 
-  scoreConfigExtraData = null; // data kept oustide redux-form (for technical reasons) but required for submission
+  scoreConfigExtraData = null; // data kept outside redux-form (for technical reasons) but required for submission
 
   registerScoreConfigExtraData = data => {
     this.scoreConfigExtraData = data;
@@ -623,7 +623,7 @@ export default withRouter(
           exerciseTests: exerciseTestsSelector(exerciseId)(state),
           pipelines: pipelinesSelector(state),
           environmentsWithEntryPoints: getPipelinesEnvironmentsWhichHasEntryPoint(state),
-          pipelinesVariables: getExercisePielinesVariablesJS(exerciseId)(state),
+          pipelinesVariables: getExercisePipelinesVariablesJS(exerciseId)(state),
           supplementaryFiles: getSupplementaryFilesForExercise(exerciseId)(state),
           supplementaryFilesStatus: fetchSupplementaryFilesForExerciseStatus(state)(exerciseId),
         };

src/redux/selectors/exercisePipelinesVariables.js

@@ -1,12 +1,12 @@
 import { createSelector, lruMemoize } from 'reselect';
 import { getJsData } from '../helpers/resourceManager';
 
-const getPielinesVariables = state => state.exercisePipelinesVariables;
+const getPipelinesVariables = state => state.exercisePipelinesVariables;
 
-export const getExercisePielinesVariables = lruMemoize(id =>
-  createSelector(getPielinesVariables, variables => variables.get(id))
+export const getExercisePipelinesVariables = lruMemoize(id =>
+  createSelector(getPipelinesVariables, variables => variables.get(id))
 );
 
-export const getExercisePielinesVariablesJS = lruMemoize(id =>
-  createSelector(getPielinesVariables, variables => getJsData(variables.get(id)))
+export const getExercisePipelinesVariablesJS = lruMemoize(id =>
+  createSelector(getPipelinesVariables, variables => getJsData(variables.get(id)))
 );