1 files changed, 429 insertions, 0 deletions
diff --git a/portal-FE-common/src/app/pages/widget-onboarding/widget-details-dialog/widget-details-dialog.component.ts b/portal-FE-common/src/app/pages/widget-onboarding/widget-details-dialog/widget-details-dialog.component.ts
new file mode 100644
index 00000000..a6d6115f
--- /dev/null
+++ b/portal-FE-common/src/app/pages/widget-onboarding/widget-details-dialog/widget-details-dialog.component.ts
@@ -0,0 +1,429 @@
+/*-
+ * ============LICENSE_START==========================================
+ * ONAP Portal
+ * ===================================================================
+ * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
+ * ===================================================================
+ *
+ * Unless otherwise specified, all software contained herein is licensed
+ * under the Apache License, Version 2.0 (the "License");
+ * you may not use this software 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.
+ *
+ * Unless otherwise specified, all documentation contained herein is licensed
+ * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
+ * you may not use this documentation except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *             https://creativecommons.org/licenses/by/4.0/
+ *
+ * Unless required by applicable law or agreed to in writing, documentation
+ * 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, OnInit, Input, Output, EventEmitter} from '@angular/core';
+import { IWidget } from 'src/app/shared/model/widget-onboarding/widget';
+import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { WidgetOnboardingService, MicroserviceService, AdminsService, ApplicationsService } from 'src/app/shared/services';
+import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
+import { IMircroservies } from 'src/app/shared/model/microservice-onboarding/microservices';
+import { ConfirmationModalComponent } from 'src/app/modals/confirmation-modal/confirmation-modal.component';
+import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
+
+@Component({
+  selector: 'app-widget-details-dialog',
+  templateUrl: './widget-details-dialog.component.html',
+  styleUrls: ['./widget-details-dialog.component.scss']
+})
+export class WidgetDetailsDialogComponent implements OnInit {
+  @Input() public widget: IWidget;
+  @Input() public availableMicroServices: Array<IMircroservies>;
+  @Input() public applicationList: Array<Object>;
+
+  @Output() passEntry: EventEmitter<any> = new EventEmitter();
+
+  widgetsList: any;
+  uploadForm: FormGroup;
+  result: any;
+  selected: any;
+  isEditMode: boolean = false;
+  hasSelectedApp: boolean = false;
+  availableApps = [];
+  availableRoles = [];
+  allRoleSelected: boolean = false;
+  appCounter = 0;
+  duplicatedName:boolean = true;
+  widgetFileTypeError:boolean = false;
+  isFileNotSelected:boolean = true;
+
+  constructor(public widgetOnboardingService: WidgetOnboardingService, 
+    public microservice: MicroserviceService, public applicationsService: ApplicationsService,
+    public formBuilder: FormBuilder, public activeModal: NgbActiveModal, 
+    public ngbModal: NgbModal, public adminsService: AdminsService) { }
+
+  ngOnInit() {
+    this.widget.allUser = true;
+    this.getOnboardingWidgets();
+    this.getAvailableApps();
+    this.duplicatedName = true;
+    this.allRoleSelected = false;
+    this.appCounter = 0;
+    this.uploadForm = this.formBuilder.group({
+      profile: [''],
+      widgetName:[''],
+      description:[''],
+      serviceEndPoint:[''],
+      allowAllUser:[''],
+      applicationName:[''],
+      applicationRole:['']
+    });
+    
+    if(this.widget && this.widget.name){
+      this.isEditMode = true;
+    }
+    if(this.isEditMode && this.widget && this.widget.allowAllUser == "Y"){
+      this.widget.allUser = true;
+    }else if(this.isEditMode && this.widget && this.widget.allowAllUser == "N"){
+      this.widget.allUser = false;
+    }
+    if(this.widget && this.widget.serviceId != null){
+      this.widget.serviceURL = this.widget.serviceId;
+    }
+  }
+
+  //Add Or Update Widget.
+  saveChanges(){
+    if(this.widget.name == '' || this.widget.name == undefined){
+      this.openConfirmationModal("Error",'Widget Name is required.');
+      return;
+    }
+
+    if(!this.isEditMode){
+      this.updateWidgetName();
+    }
+
+    if(this.duplicatedName == false){
+      this.openConfirmationModal("Error",'Name not available - please choose different name.');
+      return;
+    }
+
+    if(this.widgetFileTypeError == true){
+      this.openConfirmationModal("Error",'File must be .zip');
+      return;
+    }
+
+    let widgetName = this.widget.name;
+    let description = this.widget.desc
+    let file_loc = widgetName + ".zip";
+    const formData = new FormData();
+    formData.append('file', this.uploadForm.get('profile').value);
+    //console.log("FormData >>>>::> ",formData.get('file'));
+
+    /*if((formData == undefined && !this.isEditMode) ||
+      (!this.widget.allUser && this.appCounter == 0) ||
+      this.widget.name == null ||
+      (!this.widget.allUser && !this.allRoleSelected)){
+        console.log("return from 2nd check");
+        return;	
+    }*/
+    
+    let selectedRoles = [];
+
+    if(!this.widget.allUser){
+      for(var i = 0; i < this.availableApps.length; i++){
+        if(this.availableApps[i].isSelected){
+          for(var n = 0; n < this.availableApps[i].roles.length; n++) {
+            if(this.availableApps[i].roles[n].isSelected){
+              var role = {
+                    app: {appId: this.availableApps[i].id},
+                    roleId: this.availableApps[i].roles[n].id,
+                    roleName: this.availableApps[i].roles[n].name,
+                };
+              selectedRoles.push(role);
+            }
+          }
+        }
+      }
+    }
+
+    let allowAllUser = 0;
+    if(this.widget.allUser){
+      allowAllUser = 1;
+    }
+
+    let serviceId = null;
+    if(this.widget.serviceURL != null &&   this.widget.serviceURL != undefined){
+        serviceId = parseInt(this.widget.serviceURL);
+    }
+    var newWidget = {
+        name: widgetName,
+        desc: description,
+        widgetRoles: selectedRoles,
+        fileLocation: file_loc,
+        allowAllUser: allowAllUser,
+        serviceId: serviceId
+    };
+
+    if(this.isEditMode){
+      //console.log("widget in updateWidget :::: >>> ",newWidget);
+      if(formData && formData.get('file')){
+        this.widgetOnboardingService.updateWidgetWithFile(formData, this.widget.id, newWidget)
+          .subscribe( _data => {
+            this.result = 'updated';
+            this.passEntry.emit(this.result);
+          }, error => {
+            console.log(error);
+            this.openConfirmationModal("Error",'Could not update. Please retry.');
+        });
+      }else{
+        this.widgetOnboardingService.updateWidget(this.widget.id, newWidget)
+          .subscribe( _data => {
+            this.result = 'updated';
+            this.passEntry.emit(this.result);
+          }, error => {
+            this.openConfirmationModal("Error",'Could not update. Please retry.');
+            console.log(error);
+        });
+      }
+    }else{
+      //console.log("newWidget in createWidget :::: >>> ",newWidget);
+      this.widgetOnboardingService.createWidget(newWidget, formData)
+        .subscribe( _data => {
+          this.result = 'created';
+          this.passEntry.emit(this.result);
+        }, error => {
+          this.openConfirmationModal("Error",'Could not save. Please retry.');
+          console.log(error);
+      });
+    }
+    this.ngbModal.dismissAll();
+  }
+
+  onFileSelect(event) {
+    this.widgetFileTypeError = false;
+    this.isFileNotSelected = false;
+    if (event.target.files.length > 0) {
+      const file = event.target.files[0];
+      //console.log("onFileSelect called.. ",file);
+      var fileName = file.name;
+      var validFormats = ['zip'];
+      var ext = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase();
+      if(validFormats.indexOf(ext) == -1){
+        this.widgetFileTypeError = true;
+      }
+      this.uploadForm.get('profile').setValue(file);
+    }
+  }
+
+  appUpdate(){
+    this.hasSelectedApp = false;
+    this.appCounter = 0;
+    for(var i = 0; i < this.availableApps.length; i++){
+      if(this.availableApps[i].isSelected){
+        this.appCounter++;
+        if(!this.hasSelectedApp)
+          this.hasSelectedApp = true;
+      }
+      if(this.availableApps[i].isSelected
+      && this.availableApps[i].roles.length == 0){
+        var index = i;
+        this.availableRoles = [];    
+        this.adminsService.getRolesByApp(this.availableApps[i].id)
+        .subscribe( roles => {
+          if(roles && roles.length >0){
+            for(var i = 0; i < roles.length; i++){
+              this.availableRoles.push({
+                id: roles[i].id,
+                      name: roles[i].name,
+                      isSelected: false,
+              }); 
+            }
+          }
+          this.availableApps[index].roles = this.availableRoles;
+        }, error => {
+          console.log(error);
+        });
+      }
+    }
+    this.allRoleSelected = true;
+    this.checkRoleSelected();
+  }
+
+  roleUpdate(app){
+    this.allRoleSelected = true;
+      for(var i = 0; i < app.roles.length; i++){
+        if(app.roles[i].isSelected){
+          app.roleSelected = true;
+          this.checkRoleSelected();
+          return;
+        }
+      }
+    app.roleSelected = false;
+    this.checkRoleSelected();
+  }
+    
+  checkRoleSelected(){
+    for(var i = 0; i < this.availableApps.length; i++){
+      if(this.availableApps[i].isSelected
+      && !this.availableApps[i].roleSelected){
+        this.allRoleSelected = false;
+        return;
+      }
+    }
+  }
+
+  getAppName = function(appId){
+    for(var i = 0; i < this.availableApps.length; i++){
+      if(this.availableApps[i].id == appId){
+        return this.availableApps[i].name;
+      }
+    }
+  }
+
+  updateWidgetName(){
+    for(var i = 0; i < this.widgetsList.length; i++){
+      if(this.widget.name && this.widget.name.toUpperCase() == this.widgetsList[i].name.toUpperCase()){
+        this.duplicatedName = false;
+        return;
+      }
+    }
+    this.duplicatedName = true;
+  }
+
+  getOnboardingWidgets(){
+    this.widgetOnboardingService.getManagedWidgets()
+      .subscribe(_data => {
+          this.result = _data
+          if(!(_data instanceof Array)){
+           return;
+          }
+          if (this.result == null || this.result == 'undefined') {
+              console.log('WidgetOnboardingService::getOnboardingWidgets Failed: Result or result.data is null');
+          }else {
+            this.widgetsList = _data;
+        }
+      }, error =>{
+        console.log(error);
+    });
+  }
+
+  getAvailableApps(){
+    if(this.isEditMode == false){	
+      this.availableApps=[];
+      this.applicationsService.getAppsForSuperAdminAndAccountAdmin()
+        .subscribe(apps => {
+          this.availableApps=[];
+          for(var i=0;i<apps.length;i++) {
+            if (!apps[i].restrictedApp) {
+              this.availableApps.push({
+                  id: apps[i].id,
+                  name: apps[i].name,
+                  roles: [],
+                  roleSelected: false,
+                  isSelected: false,
+              });
+          }
+        }
+        }, error =>{
+          console.log(error);
+      });
+    }else if(this.isEditMode == true){
+      if(this.widget.allowAllUser == "Y"){
+        this.widget.allUser = true;
+      }
+      this.applicationsService.getAppsForSuperAdminAndAccountAdmin()
+      .subscribe(apps => {
+        this.availableApps=[];
+        let selectedApps = {};
+        var availableApps = this.availableApps;  
+        this.allRoleSelected = true;
+        for(var i=0; i < this.widget.widgetRoles.length; i++){
+          if(selectedApps[this.widget.widgetRoles[i].app.appId] != undefined)
+            selectedApps[this.widget.widgetRoles[i].app.appId] += this.widget.widgetRoles[i].roleId + ";" + this.widget.widgetRoles[i].roleName + ";"; 
+          else{
+            selectedApps[this.widget.widgetRoles[i].app.appId] = this.widget.widgetRoles[i].roleId + ";" + this.widget.widgetRoles[i].roleName + ";";        		
+            this.appCounter++;
+          }
+        }         		
+        apps.forEach(function(app, index){
+            availableApps.push({
+              id: app.id,
+              name: app.name,
+              roles: [],
+              roleSelected: false,
+              isSelected: false,
+            });
+            if(selectedApps[app.id] != undefined){
+              this.adminsService.getRolesByApp(app.id)
+              .subscribe(roles => {
+                var role = selectedApps[app.id].split(';');
+                var selectedRoles = [];
+                var n = 0;
+                while((n+1) < role.length){
+                    selectedRoles.push({
+                        id: role[n++],
+                        name: role[n++],
+                        isSelected: true,
+                    });
+                }					
+                for(var m = 0; m < roles.length; m++){
+                  var hasSelected = true;
+                  for(var n = 0; n < selectedRoles.length; n++){
+                    if(selectedRoles[n].id == roles[m].id){
+                      hasSelected = false;
+                      break;
+                    }
+                  }
+                  if(hasSelected){
+                    selectedRoles.push({
+                      id: roles[m].id,
+                      name: roles[m].name,
+                      isSelected: false,
+                    }); 
+                  }	   
+                }  
+                availableApps[index].roleSelected = true;
+                availableApps[index].isSelected = true;
+                availableApps[index].roles = selectedRoles;
+              }, error =>{
+                  console.log(error);
+              });
+            }
+        })
+      
+      }, error =>{
+        console.log(error);
+      });
+    }
+    //console.log("this.availableApps :: ",this.availableApps);
+  }
+
+  openConfirmationModal(_title: string, _message: string) {
+    const modalInfoRef = this.ngbModal.open(ConfirmationModalComponent);
+    modalInfoRef.componentInstance.title = _title;
+    modalInfoRef.componentInstance.message = _message;
+  }
+
+  openInformationModal(_title: string, _message: string){
+    const modalInfoRef = this.ngbModal.open(InformationModalComponent);
+    modalInfoRef.componentInstance.title = _title;
+    modalInfoRef.componentInstance.message = _message;
+    return modalInfoRef;
+  }
+  
+}