Fix view create API call

Signed-off-by: Francesco Torchia <[email protected]>

Author: torchiaf

src/console/src/app/components/forms/view-create-form/view-create-form.component.ts

@@ -7,6 +7,7 @@ import { TranslateService } from '@ngx-translate/core';
 import { FormControl, Validators } from '@angular/forms';
 import { GitSelectStateMatcher, InputStateMatcher } from 'src/app/validations/state-matcher';
 import { CustomValidators } from 'src/app/validations/validators';
+import { ErrorDialogComponent } from '../../dialogs/error-dialog/error-dialog.component';
 
 @Component({
   selector: 'app-view-create-form',
@@ -169,6 +170,17 @@ export class ViewCreateFormComponent implements OnInit, OnDestroy {
       return;
     }
 
+    try {
+      this.view.general.vscodeSettings = JSON.parse(this.view.general.vscodeSettings || '{}');
+    } catch (error) {
+      this.dialog.open(ErrorDialogComponent, {
+        width: '300px',
+        height: '150px',
+        data: { err: 'VSCode Settings, invalid json file' },
+      });
+      return;
+    }
+
     if (this.repositoryInfo) {
       if (this.view.repo) {
         this.view.repo.git.commit = this.view.repo.git.branch;