1 files changed, 196 insertions, 0 deletions
diff --git a/portal-FE-common/src/app/pages/contact-us/contact-us.component.ts b/portal-FE-common/src/app/pages/contact-us/contact-us.component.ts
new file mode 100644
index 00000000..d58733bd
--- /dev/null
+++ b/portal-FE-common/src/app/pages/contact-us/contact-us.component.ts
@@ -0,0 +1,196 @@
+/*-
+ * ============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, ViewChild, Input } from '@angular/core';
+import { MatTableDataSource } from '@angular/material';
+import { MatSort, MatPaginator } from '@angular/material';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { ContactUsService } from '../../shared/services/index';
+import { ContactUsManageComponent } from './contact-us-manage/contact-us-manage.component';
+
+@Component({
+  selector: 'app-contact-us',
+  templateUrl: './contact-us.component.html',
+  styleUrls: ['./contact-us.component.scss']
+})
+export class ContactUsComponent implements OnInit {
+
+  contactUsList: Array<Object> = [];
+  appTable: Array<Object> = [];
+  functionalTableData: Array<Object> = [];
+
+  ush_TicketInfoUrl: string;
+  portalInfo_Address: string;
+  feedback_Url: string;
+  showUp: boolean = true;
+  showDown: boolean = false;
+
+  result: any;
+  isEditMode: boolean = false;
+  displayedColumns: string[] = ['category', 'eCOMPFunctions','eCOMPApplications'];
+  dataSource = new MatTableDataSource(this.functionalTableData);
+  @ViewChild(MatSort) sort: MatSort;
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+
+  constructor(public contactUsService: ContactUsService, public ngbModal: NgbModal) { }
+
+  ngOnInit() {
+    this.appTable=[];
+    this.functionalTableData=[];
+
+    this.getContactUSPortalDetails();
+    this.updateContactUsTable();
+    this.getAppCategoryFunctions()
+  }
+
+  getContactUSPortalDetails(){
+    console.log("getContactUSPortalDetails called...");
+    this.contactUsService.getContactUSPortalDetails()
+      .subscribe( _data => {
+        this.result = _data;
+        console.log("getContactUSPortalDetails Data :: ", _data);
+        if (this.result.response == null || this.result.response == 'undefined') {
+            console.log('ContactUsService::getContactUSPortalDetails Failed: Result or result.data is null');
+        }else{
+          var source = JSON.parse(this.result.response);
+          this.ush_TicketInfoUrl = source.ush_ticket_url; 
+          this.portalInfo_Address = source.feedback_email_address; 
+          this.feedback_Url = source.portal_info_url;
+        }
+      },error =>{
+        console.log(error);
+    });
+  }
+
+  updateContactUsTable(){
+    console.log("updateContactUsTable called...");
+    this.contactUsService.getAppsAndContacts()
+      .subscribe( _data => {
+        this.result = _data;
+        console.log("getAppsAndContacts Data :: ", _data);
+        if (this.result.response == null || this.result.response == 'undefined') {
+            console.log('ContactUsService::getAppsAndContacts Failed: Result or result.data is null');
+        }else{
+          var tableData=[];
+          var source = this.result.response;
+          for(var i=0; i<source.length; i++) {
+            var dataArr = source[i];
+            if ( !dataArr.appName  || dataArr.appId == 1) {
+              continue;
+            }
+
+            var dataTemp={
+              app_name: dataArr.appName,
+              contact_name: dataArr.contactName,
+              contact_email: dataArr.contactEmail,
+              desc: dataArr.description,
+              url_Info: dataArr.url,
+              app_Id: dataArr.appId,
+            }
+            
+            tableData.push(dataTemp);
+          }   
+
+          this.appTable=tableData;
+        }
+      },error =>{
+        console.log(error);
+    });
+  }
+
+  getAppCategoryFunctions(){
+    console.log("getAppCategoryFunctions called");
+    this.contactUsService.getAppCategoryFunctions()
+      .subscribe( _data => {
+        this.result = _data;
+        console.log("getAppCategoryFunctions Data :: ", _data);
+        if (this.result.response == null || this.result.response == 'undefined') {
+            console.log('ContactUsService::getAppCategoryFunctions Failed: Result or result.data is null');
+        }else{
+            var tablefunctionalData=[];
+            var source = this.result.response;
+            for(var i=0;i<source.length; i++) {
+              var datafunctionalArr = source[i];
+                var datafuntionalTemp={
+                  category: datafunctionalArr.category,
+                  app_Name: datafunctionalArr.application,
+                  functions: datafunctionalArr.functions,
+                  app_Id: datafunctionalArr.appId,
+                }
+                tablefunctionalData.push(datafuntionalTemp);
+            }              	
+            this.functionalTableData = tablefunctionalData;
+            this.populateTableData(this.functionalTableData);
+        }
+      },error =>{
+        console.log(error);
+    });
+  }
+
+  populateTableData(functionalTableData: Array<Object>){
+    this.dataSource = new MatTableDataSource(functionalTableData);
+    this.dataSource.sort = this.sort;
+    this.dataSource.paginator = this.paginator;
+  }
+
+  editContactUsModal() {
+    const modalRef = this.ngbModal.open(ContactUsManageComponent, { size: 'lg' });
+  }
+
+  showApplicationInfo(appId: any){
+    console.log("AppId Contact US...",appId);
+    let appInfoDiv = document.getElementById('collapse'+appId);
+    let uparrowDiv = document.getElementById('arrowup'+appId);
+    let downarrowDiv = document.getElementById('arrowdown'+appId);
+
+    if(!appInfoDiv.getAttribute('hidden')){
+      appInfoDiv.setAttribute("hidden","true");
+      uparrowDiv.setAttribute("hidden", "true");
+      downarrowDiv.removeAttribute("hidden");
+    }else if(appInfoDiv.getAttribute('hidden')){
+      appInfoDiv.removeAttribute("hidden");
+      uparrowDiv.removeAttribute("hidden");
+      downarrowDiv.setAttribute("hidden","true");
+    }
+  }
+
+  goGetAccess(app_name: any){
+    console.log("Get Access :: goGetAccess method implemetation is pending... appName : ",app_name);
+  }
+
+}