Another set of fixes

src/components/Groups/HierarchyLine/HierarchyLine.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Well } from 'react-bootstrap';
+import GroupsNameContainer from '../../../containers/GroupsNameContainer';
+
+import './HierarchyLine.css';
+
+const HierarchyLine = ({ groupId, parentGroupsIds }) =>
+  <Well bsSize="sm" className="groupParents">
+    {parentGroupsIds.map(
+      (groupId, i) =>
+        i !== 0 &&
+        <span key={i}>
+          <GroupsNameContainer groupId={groupId} />{' '}
+          <span style={{ margin: '0 5px', color: '#aaa' }}>/</span>
+        </span>
+    )}
+    <GroupsNameContainer groupId={groupId} noLink />
+  </Well>;
+
+HierarchyLine.propTypes = {
+  groupId: PropTypes.string.isRequired,
+  parentGroupsIds: PropTypes.array
+};
+
+export default HierarchyLine;

src/components/Groups/HierarchyLine/index.js

@@ -0,0 +1 @@
+export default from './HierarchyLine';

src/components/Submissions/TestResults/TestResults.js

@@ -15,6 +15,7 @@ const TestResults = ({ evaluation, runtimeEnvironmentId }) =>
     noPadding={true}
     collapsable={true}
     isOpen={true}
+    unlimitedHeight
   >
     <TestResultsTable
       results={evaluation.testResults}

src/components/forms/EditExerciseConfigForm/EditExerciseConfigForm.js

@@ -25,6 +25,7 @@ class EditExerciseConfigForm extends Component {
 
   componentWillReceiveProps(newProps) {
     if (this.props.exercise.id !== newProps.exercise.id) {
+      this.setState({ testConfigs: newProps.initialValues.config });
       newProps.fetchFiles();
     }
   }
@@ -36,11 +37,9 @@ class EditExerciseConfigForm extends Component {
           if (!testConfig.tests) {
             testConfig.tests = [];
           }
-          testConfig.tests = testConfig.tests.concat([
-            {
-              name: 'Test ' + (testConfig.tests.length + 1)
-            }
-          ]);
+          testConfig.tests.push({
+            name: 'Test ' + (testConfig.tests.length + 1)
+          });
           return testConfig;
         })
       };

src/components/forms/ForkExerciseForm/ForkExerciseForm.css

@@ -0,0 +1,4 @@
+.formSpace {
+  padding-left: 10px;
+  display: flex;
+}

src/components/forms/ForkExerciseForm/ForkExerciseForm.js

@@ -0,0 +1,171 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { injectIntl, FormattedMessage } from 'react-intl';
+import { Alert, Form } from 'react-bootstrap';
+import { connect } from 'react-redux';
+import { push } from 'react-router-redux';
+import { reduxForm, Field } from 'redux-form';
+import { SelectField } from '../Fields';
+import SubmitButton from '../SubmitButton';
+import Button from '../../../components/widgets/FlatButton';
+import { SuccessIcon } from '../../../components/icons';
+import { forkStatuses } from '../../../redux/modules/exercises';
+import { getFork } from '../../../redux/selectors/exercises';
+import ResourceRenderer from '../../helpers/ResourceRenderer';
+
+import withLinks from '../../../hoc/withLinks';
+
+import './ForkExerciseForm.css';
+
+class ForkExerciseForm extends Component {
+  viewForkedExercise() {
+    const {
+      forkedExerciseId: id,
+      push,
+      links: { EXERCISE_URI_FACTORY }
+    } = this.props;
+
+    const url = EXERCISE_URI_FACTORY(id);
+    push(url);
+  }
+
+  render() {
+    const {
+      forkStatus,
+      anyTouched,
+      submitting,
+      handleSubmit,
+      hasFailed = false,
+      hasSucceeded = false,
+      invalid,
+      groups,
+      intl
+    } = this.props;
+
+    switch (forkStatus) {
+      case forkStatuses.FULFILLED:
+        return (
+          <Button
+            bsStyle="success"
+            bsSize="sm"
+            className="btn-flat"
+            onClick={() => this.viewForkedExercise()}
+          >
+            <SuccessIcon />{' '}
+            <FormattedMessage
+              id="app.forkExerciseButton.success"
+              defaultMessage="Show the forked exercise"
+            />
+          </Button>
+        );
+      default:
+        return (
+          <div>
+            {hasFailed &&
+              <Alert bsStyle="danger">
+                <FormattedMessage
+                  id="app.forkExerciseForm.failed"
+                  defaultMessage="Saving failed. Please try again later."
+                />
+              </Alert>}
+            <Form inline className="formSpace">
+              <ResourceRenderer resource={groups.toArray()}>
+                {(...groups) =>
+                  <Field
+                    name={'groupId'}
+                    component={SelectField}
+                    label={''}
+                    options={[{ key: '', name: '_Public_' }].concat(
+                      groups
+                        .sort((a, b) =>
+                          a.name.localeCompare(b.name, intl.locale)
+                        )
+                        .filter((item, pos, arr) => arr.indexOf(item) === pos)
+                        .map(group => ({
+                          key: group.id,
+                          name: group.name
+                        }))
+                    )}
+                    disabled
+                  />}
+              </ResourceRenderer>
+
+              <SubmitButton
+                id="forkExercise"
+                invalid={invalid}
+                submitting={submitting}
+                hasSucceeded={hasSucceeded}
+                dirty={anyTouched}
+                hasFailed={hasFailed}
+                handleSubmit={handleSubmit}
+                noIcons
+                messages={{
+                  submit: (
+                    <FormattedMessage
+                      id="app.forkExerciseForm.submit"
+                      defaultMessage="Fork exercise"
+                    />
+                  ),
+                  submitting: (
+                    <FormattedMessage
+                      id="app.forkExerciseForm.submitting"
+                      defaultMessage="Forking ..."
+                    />
+                  ),
+                  success: (
+                    <FormattedMessage
+                      id="app.forkExerciseForm.success"
+                      defaultMessage="Exercise forked"
+                    />
+                  )
+                }}
+                disabled
+              />
+            </Form>
+          </div>
+        );
+    }
+  }
+}
+
+ForkExerciseForm.propTypes = {
+  exerciseId: PropTypes.string.isRequired,
+  forkId: PropTypes.string.isRequired,
+  forkStatus: PropTypes.string,
+  forkedExerciseId: PropTypes.string,
+  anyTouched: PropTypes.bool,
+  submitting: PropTypes.bool,
+  hasFailed: PropTypes.bool,
+  hasSucceeded: PropTypes.bool,
+  invalid: PropTypes.bool,
+  handleSubmit: PropTypes.func.isRequired,
+  push: PropTypes.func.isRequired,
+  links: PropTypes.object,
+  groups: ImmutablePropTypes.map,
+  intl: PropTypes.shape({ locale: PropTypes.string.isRequired }).isRequired
+};
+
+const mapStateToProps = (state, { exerciseId, forkId }) => {
+  const fork = getFork(exerciseId, forkId)(state);
+  return {
+    forkStatus: fork ? fork.status : null,
+    forkedExerciseId:
+      fork && fork.status === forkStatuses.FULFILLED ? fork.exerciseId : null
+  };
+};
+
+const mapDispatchToProps = (dispatch, { exerciseId, forkId }) => ({
+  push: url => dispatch(push(url))
+});
+
+const validate = () => {};
+
+export default withLinks(
+  connect(mapStateToProps, mapDispatchToProps)(
+    reduxForm({
+      form: 'forkExercise',
+      validate
+    })(injectIntl(ForkExerciseForm))
+  )
+);

src/components/forms/ForkExerciseForm/index.js

@@ -0,0 +1 @@
+export default from './ForkExerciseForm';

src/components/forms/SubmitButton/SubmitButton.js

@@ -45,6 +45,7 @@ class SubmitButton extends Component {
       invalid,
       asyncValidating = false,
       noIcons = false,
+      disabled = false,
       messages: {
         submit: submitMsg = (
           <FormattedMessage
@@ -91,7 +92,9 @@ class SubmitButton extends Component {
             : hasFailed ? 'danger' : dirty ? 'warning' : 'success'
         }
         className="btn-flat"
-        disabled={invalid || asyncValidating !== false || submitting}
+        disabled={
+          invalid || asyncValidating !== false || submitting || disabled
+        }
       >
         {!submitting
           ? hasSucceeded
@@ -128,6 +131,7 @@ SubmitButton.propTypes = {
   asyncValidating: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
   noIcons: PropTypes.bool,
   invalid: PropTypes.bool,
+  disabled: PropTypes.bool,
   reset: PropTypes.func,
   messages: PropTypes.shape({
     submit: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),