fix: activity title data input

Author: deltork

src/app/transcribing-activity-configuration/transcribing-activity-configuration.component.html

@@ -88,11 +88,11 @@ <h3>Create a transcription activity</h3>
   >
     <md-outlined-text-field
       label="Title of activity"
-      id="name"
+      id="title"
       placeholder="title of activity"
       class="form-control"
       [value]="activityConfigurationForm.value.title"
-      (change)="update_config('name', $event)"
+      (change)="update_config('title', $event)"
       required
     ></md-outlined-text-field>
 
@@ -212,7 +212,7 @@ <h3>Create a transcription activity</h3>
       mat-button
       id="save_config"
       (click)="exportActivityConfiguration()"
-      [disabled]="this.activityConfigurationForm.value.title.length < 3"
+      [disabled]="activityConfigurationForm.value.title.length < 3"
     >
       Export Configuration
     </md-filled-button>
@@ -267,7 +267,7 @@ <h3>Create a transcription activity</h3>
       label="Data for this activity"
       id="activity_data"
       class="form-control"
-      placeholder="data for the activity"
+      placeholder="data for the activity (click add after each entry)"
       type="textarea"
       [value]="new_word"
       (change)="updateData($event)"

src/app/transcribing-activity-configuration/transcribing-activity-configuration.component.ts

@@ -189,6 +189,7 @@ export class TranscribingActivityConfigurationComponent {
     };
 
     this.activityConfigurationForm.patchValue(patch);
+    //console.log(this.activityConfigurationForm.value[key]);
     this.update_api_status();
   }
   update_duration($event: Event) {
@@ -255,7 +256,10 @@ export class TranscribingActivityConfigurationComponent {
       this.activityConfigurationForm.value.api
     );
     if (this.activityConfigurationForm.value.api.length)
-      fetch(this.activityConfigurationForm.value.api, { method: 'OPTIONS' })
+      fetch(this.activityConfigurationForm.value.api, {
+        method: 'OPTIONS',
+        headers: new Headers({ mode: 'no-cors' }),
+      })
         .then(() => {
           this.api_is_reachable = true;
           this.toastr.success('API endpoint is reachable');