Possibility to create and edit typeless policies

[portal/nonrtric-controlpanel.git] / webapp-frontend / src / app / policy-control / no-type-policy-instance-dialog.component.ts

diff --git a/webapp-frontend/src/app/policy-control/no-type-policy-instance-dialog.component.ts b/webapp-frontend/src/app/policy-control/no-type-policy-instance-dialog.component.ts
new file mode 100644 (file)
index 0000000..da05ebb
--- /dev/null
+++ b/webapp-frontend/src/app/policy-control/no-type-policy-instance-dialog.component.ts
@@ -0,0 +1,128 @@
+/*-
+ * ========================LICENSE_START=================================
+ * O-RAN-SC
+ * %%
+ * Copyright (C) 2020 Nordix Foundation
+ * %%
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================LICENSE_END===================================
+ */
+import { Component, Inject, OnInit } from '@angular/core';
+import { FormControl, FormGroup, Validators, ValidatorFn, AbstractControl } from '@angular/forms';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { PolicyService } from '../services/policy/policy.service';
+import { NotificationService } from '../services/ui/notification.service';
+import { UiService } from '../services/ui/ui.service';
+import { HttpErrorResponse } from '@angular/common/http';
+import { ErrorDialogService } from '../services/ui/error-dialog.service';
+import * as uuid from 'uuid';
+
+@Component({
+  selector: 'rd-no-type-policy-instance-dialog',
+  templateUrl: './no-type-policy-instance-dialog.component.html',
+  styleUrls: ['./no-type-policy-instance-dialog.component.scss']
+})
+export class NoTypePolicyInstanceDialogComponent implements OnInit {
+
+  // Declare following variables as Public variable. Private variables should not be used in template HTML
+  instanceForm: FormGroup;
+
+  policyInstanceId: string; // null if not yet created
+  policyJson: string;
+  darkMode: boolean;
+  ric: string;
+  allRics: string[];
+
+  constructor(
+    private policySvc: PolicyService,
+    private errorService: ErrorDialogService,
+    private notificationService: NotificationService,
+    @Inject(MAT_DIALOG_DATA) private data,
+    private ui: UiService) {
+    this.policyInstanceId = data.instanceId;
+    this.policyJson = data.instanceJson ? JSON.stringify(JSON.parse(data.instanceJson), null, 2) : '';
+    this.ric = data.ric;
+  }
+
+  ngOnInit() {
+    this.ui.darkModeState.subscribe((isDark) => {
+      this.darkMode = isDark;
+    });
+    this.instanceForm = new FormGroup({
+      'ricSelector': new FormControl(this.ric, [
+        Validators.required
+      ]),
+      'policyJsonTextArea': new FormControl(this.policyJson, [
+        Validators.required,
+        jsonValidator()
+      ])
+    });
+    if (!this.policyInstanceId) {
+      this.fetchRics();
+    }
+  }
+
+  get policyJsonTextArea() { return this.instanceForm.get('policyJsonTextArea'); }
+
+  get ricSelector() { return this.instanceForm.get('ricSelector'); }
+
+  onSubmit() {
+    if (this.policyInstanceId == null) {
+        this.policyInstanceId = uuid.v4();
+    }
+    const self: NoTypePolicyInstanceDialogComponent = this;
+    this.policySvc.putPolicy('', this.policyInstanceId, this.policyJsonTextArea.value, this.ric).subscribe(
+      {
+        next(_) {
+          self.notificationService.success('Policy without type:' + self.policyInstanceId + ' submitted');
+        },
+        error(error: HttpErrorResponse) {
+          self.errorService.displayError('Submit failed: ' + error.error);
+        },
+        complete() { }
+      });
+  }
+
+  private fetchRics() {
+    const self: NoTypePolicyInstanceDialogComponent = this;
+    this.policySvc.getRics('').subscribe(
+      {
+        next(value) {
+          self.allRics = value;
+          console.log(value);
+        },
+        error(error: HttpErrorResponse) {
+          self.errorService.displayError('Fetching of rics failed: ' + error.message);
+        },
+        complete() { }
+      });
+  }
+}
+
+export function jsonValidator(): ValidatorFn {
+  return (control: AbstractControl): { [key: string]: any } | null => {
+    const notValid = !isJsonValid(control.value);
+    return notValid ? { 'invalidJson': { value: control.value } } : null;
+  };
+}
+
+export function isJsonValid(json: string) {
+  try {
+    if (json != null) {
+      JSON.parse(json);
+      return true;
+    }
+  } catch (jsonError) {
+    return false;
+  }
+}