Configures CSRFilter to allow POST request and changed the Interface Instance back.

Author: ishwaryamamidi

client/src/app/api/api/api.service.ts

@@ -43,7 +43,7 @@ import { SysInfo } from '../model/sysInfo';
 })
 export class ApiService {
 
-  public basePath = '';
+  protected basePath = '';
   public defaultHeaders = new HttpHeaders();
   public configuration = new Configuration();
 
@@ -238,7 +238,7 @@ export class ApiService {
 
 
   // This method is a common configuration to set the headers and query params
-  commonConf(endpoint: string, queryParameters: HttpParams, observe: any = 'body', reportProgress: boolean = false): Observable<number> {
+  private commonConf(endpoint: string, queryParameters: HttpParams, observe: any = 'body', reportProgress: boolean = false): Observable<number> {
     let headers = this.defaultHeaders;
 
     // to determine the Accept header

client/src/app/api/model/instance.ts

@@ -28,13 +28,13 @@ export const ComponentTypeEnum = {
 
 export interface Instance {
   id?: number;
-  host?: string;
-  portNumber?: number;
-  name?: string;
+  host: string;
+  portNumber: number;
+  name: string;
   /**
    * Component Type
    */
-  componentType?: ComponentType;
+  componentType: ComponentType;
   dockerId?: string;
   /**
    * State of the instance

client/src/app/dashboard/table-all/table-all.component.ts

@@ -104,22 +104,20 @@ export class TableAllComponent implements OnInit {
    * @param componentName
    */
     openAddDialog() {
-        const instance: Instance = {};
-        instance.componentType = this.type;
         const dialogRef = this.dialog.open(AddDialogComponent, {
             width: '300px',
 
         });
 
         dialogRef.afterClosed().subscribe(dialogResult => {
-            this.apiService.postInstance(instance.componentType, dialogResult.name).subscribe((result: Instance) => {
+            this.apiService.postInstance(this.type, dialogResult.name).subscribe((result: Instance) => {
                 this.dataSource.data.push({
                     id: result.id,
                     host: '',
                     portNumber: result.portNumber,
                     name: dialogResult.name,
                     instanceState: result.instanceState,
-                    componentType: instance.componentType
+                    componentType: this.type
                 });
                 this.table.renderRows();
             }, err => {

conf/application.conf

@@ -219,8 +219,7 @@ play.filters {
 
   # Disabled filters remove elements from the enabled list.
   #disabled += filters.ExampleFilters
-  disabled += play.filters.csrf.CSRFFilter
-  
+
   ## CORS filter configuration
   # https://www.playframework.com/documentation/latest/CorsFilter
   # ~~~~~
@@ -253,6 +252,12 @@ play.filters {
 
     # Defaults to CSRFErrorHandler in the root package.
     #errorHandler = MyCSRFErrorHandler
+    contentType {
+      whiteList = ["application/json"]
+    }
+    routeModifiers {
+      whiteList = ["nocsrf"]
+    }
   }
 
   ## Security headers filter configuration

conf/routes

@@ -2,11 +2,11 @@
 # Application
 GET     /                           controllers.FrontendController.index
 
++nocsrf
 ->      /api                        controllers.ApiRouter
 GET     /ws                         controllers.InstanceRegistryController.socket
 
 # Public assets
 # Serve static assets under public directory
 GET     /*file                      controllers.FrontendController.assetOrDefault(file)
 #GET     /assets/*file               controllers.Assets.versioned(path="/public", file: Asset)
-