Merge branch 'assessment' into backend-connection

src/components/Tutorial/Assessment.js

@@ -34,7 +34,7 @@ class Assessment extends Component {
     return (
       <div style={{ width: '100%' }}>
         <Typography variant='h4' style={{ float: 'left', marginBottom: '5px', height: '40px', display: 'table' }}>{currentTask.headline}</Typography>
-        <div style={{ float: 'right', height: '40px' }}><WorkspaceFunc solutionCheck /></div>
+        <div style={{ float: 'right', height: '40px' }}><WorkspaceFunc assessment /></div>
         <Grid container spacing={2} style={{ marginBottom: '5px' }}>
           <Grid item xs={12} md={6} lg={8}>
             <BlocklyWindow

src/components/Tutorial/Tutorial.js

@@ -22,17 +22,14 @@ class Tutorial extends Component {
 
   componentDidMount() {
     this.props.getTutorial(this.props.match.params.tutorialId);
-    // this.props.tutorialId(Number(this.props.match.params.tutorialId));
   }
 
   componentDidUpdate(props, state) {
     if(this.props.tutorial && !this.props.isLoading && this.props.tutorial._id != this.props.match.params.tutorialId) {
       this.props.getTutorial(this.props.match.params.tutorialId);
-      // this.props.tutorialId(Number(this.props.match.params.tutorialId));
     }
     if(this.props.message.id === 'GET_TUTORIAL_FAIL'){
       alert(this.props.message.msg);
-      this.props.clearMessages();
     }
   }
 
@@ -48,7 +45,8 @@ class Tutorial extends Component {
     return (
       <div>
         {this.props.isLoading ? null :
-          !this.props.tutorial ? <NotFound button={{ title: 'Zurück zur Tutorials-Übersicht', link: '/tutorial' }} />
+          !this.props.tutorial ?
+            this.props.message.id === 'GET_TUTORIAL_FAIL' ? <NotFound button={{ title: 'Zurück zur Tutorials-Übersicht', link: '/tutorial' }} /> : null
             : (() => {
                 var tutorial = this.props.tutorial;
                 var steps = this.props.tutorial.steps;

src/components/Tutorial/TutorialHome.js

@@ -58,7 +58,6 @@ class TutorialHome extends Component {
   componentDidUpdate(props, state) {
     if(this.props.message.id === 'GET_TUTORIALS_FAIL'){
       alert(this.props.message.msg);
-      this.props.clearMessages();
     }
   }
 

src/components/WorkspaceFunc.js

@@ -208,7 +208,7 @@ class WorkspaceFunc extends Component {
             this.setState({ open: true, file: false, title: 'Keine Blöcke', content: 'Es wurden keine Blöcke detektiert. Bitte überprüfe den XML-Code und versuche es erneut.' });
           }
           else {
-            if (!this.props.solutionCheck) {
+            if (!this.props.assessment) {
               var extensionPosition = xmlFile.name.lastIndexOf('.');
               this.props.workspaceName(xmlFile.name.substr(0, extensionPosition));
             }
@@ -237,7 +237,7 @@ class WorkspaceFunc extends Component {
     workspace.options.maxBlocks = Infinity;
     this.props.onChangeCode();
     this.props.clearStats();
-    if (!this.props.solutionCheck) {
+    if (!this.props.assessment) {
       this.props.workspaceName(null);
     }
     this.setState({ snackbar: true, type: 'success', key: Date.now(), message: 'Das Projekt wurde erfolgreich zurückgesetzt.' });
@@ -248,7 +248,7 @@ class WorkspaceFunc extends Component {
   render() {
     return (
       <div style={{ width: 'max-content', display: 'flex' }}>
-        {!this.props.solutionCheck ?
+        {!this.props.assessment ?
           <Tooltip title={`Name des Projekts${this.props.name ? `: ${this.props.name}` : ''}`} arrow style={{ marginRight: '5px' }}>
             <div className={this.props.classes.workspaceName} onClick={() => { this.setState({ file: true, open: true, saveFile: false, title: 'Projekt benennen', content: 'Bitte gib einen Namen für das Projekt ein und bestätige diesen mit einem Klick auf \'Eingabe\'.' }) }}>
               {this.props.name && !isWidthDown('xs', this.props.width) ? <Typography style={{ margin: 'auto -3px auto 12px' }}>{this.props.name}</Typography> : null}
@@ -258,7 +258,7 @@ class WorkspaceFunc extends Component {
             </div>
           </Tooltip>
           : null}
-        {this.props.solutionCheck ? <SolutionCheck /> : <Compile iconButton />}
+        {this.props.assessment ? <SolutionCheck /> : <Compile iconButton />}
         <Tooltip title='Blöcke speichern' arrow style={{ marginRight: '5px' }}>
           <IconButton
             className={this.props.classes.button}
@@ -267,34 +267,38 @@ class WorkspaceFunc extends Component {
             <FontAwesomeIcon icon={faSave} size="xs" />
           </IconButton>
         </Tooltip>
-        <div ref={this.inputRef} style={{ width: 'max-content', height: '40px', marginRight: '5px' }}>
-          <input
-            style={{ display: 'none' }}
-            accept="text/xml"
-            onChange={(e) => { this.uploadXmlFile(e.target.files[0]) }}
-            id="open-blocks"
-            type="file"
-          />
-          <label htmlFor="open-blocks">
-            <Tooltip title='Blöcke öffnen' arrow style={{ marginRight: '5px' }}>
-              <div className={this.props.classes.button} style={{
-                borderRadius: '50%', cursor: 'pointer', display: 'table-cell',
-                verticalAlign: 'middle',
-                textAlign: 'center'
-              }}>
-                <FontAwesomeIcon icon={faUpload} style={{ width: '18px', height: '18px' }} />
-              </div>
-            </Tooltip>
-          </label>
-        </div>
-        <Tooltip title='Screenshot erstellen' arrow style={{ marginRight: '5px' }}>
-          <IconButton
-            className={this.props.classes.button}
-            onClick={() => { this.createFileName('svg'); }}
-          >
-            <FontAwesomeIcon icon={faCamera} size="xs" />
-          </IconButton>
-        </Tooltip>
+        {!this.props.assessment?
+          <div ref={this.inputRef} style={{ width: 'max-content', height: '40px', marginRight: '5px' }}>
+            <input
+              style={{ display: 'none' }}
+              accept="text/xml"
+              onChange={(e) => { this.uploadXmlFile(e.target.files[0]) }}
+              id="open-blocks"
+              type="file"
+            />
+            <label htmlFor="open-blocks">
+              <Tooltip title='Blöcke öffnen' arrow style={{ marginRight: '5px' }}>
+                <div className={this.props.classes.button} style={{
+                  borderRadius: '50%', cursor: 'pointer', display: 'table-cell',
+                  verticalAlign: 'middle',
+                  textAlign: 'center'
+                }}>
+                  <FontAwesomeIcon icon={faUpload} style={{ width: '18px', height: '18px' }} />
+                </div>
+              </Tooltip>
+            </label>
+          </div>
+        : null}
+        {!this.props.assessment?
+          <Tooltip title='Screenshot erstellen' arrow style={{ marginRight: '5px' }}>
+            <IconButton
+              className={this.props.classes.button}
+              onClick={() => { this.createFileName('svg'); }}
+            >
+              <FontAwesomeIcon icon={faCamera} size="xs" />
+            </IconButton>
+          </Tooltip>
+        : null}
         <Tooltip title='Workspace zurücksetzen' arrow style={{ marginRight: '5px' }}>
           <IconButton
             className={this.props.classes.button}
@@ -303,14 +307,16 @@ class WorkspaceFunc extends Component {
             <FontAwesomeIcon icon={faShare} size="xs" flip='horizontal' />
           </IconButton>
         </Tooltip>
-        <Tooltip title='Blöcke teilen' arrow>
-          <IconButton
-            className={this.props.classes.button}
-            onClick={() => this.shareBlocks()}
-          >
-            <FontAwesomeIcon icon={faShareAlt} size="xs" flip='horizontal' />
-          </IconButton>
-        </Tooltip>
+        {!this.props.assessment?
+          <Tooltip title='Blöcke teilen' arrow>
+            <IconButton
+              className={this.props.classes.button}
+              onClick={() => this.shareBlocks()}
+            >
+              <FontAwesomeIcon icon={faShareAlt} size="xs" flip='horizontal' />
+            </IconButton>
+          </Tooltip>
+        :null}
 
         <Dialog
           open={this.state.open}