Added service components

Added service components and removed all att or ecomp references

Issue-ID: PORTAL-795
Change-Id: I71d47098d514cd70dad2d765799b38a54c091b9d
Signed-off-by: Sudarshan Kumar <sudarshan.kumar@att.com>

7 files changed, 27 insertions, 27 deletions

diff --git a/portal-FE-common/src/app/pages/account-onboarding/account-onboarding.component.html b/portal-FE-common/src/app/pages/account-onboarding/account-onboarding.component.html
index 31f631eb..88d2ab94 100644
--- a/portal-FE-common/src/app/pages/account-onboarding/account-onboarding.component.html
+++ b/portal-FE-common/src/app/pages/account-onboarding/account-onboarding.component.html
@@ -37,7 +37,7 @@
   -->
 
 <div class="container">
-  <div class="ecomp-main-view-title">
+  <div class="onap-main-view-title">
       <h1 class="heading-page">App Account Management</h1>
   </div>
   <button type="button" style="float: right;" class="btn btn-primary" (click)="openAddNewAccountModal('')">
diff --git a/portal-FE-common/src/app/pages/contact-us/contact-us-manage/contact-us-manage.component.html b/portal-FE-common/src/app/pages/contact-us/contact-us-manage/contact-us-manage.component.html
index 0d710f98..02dd70cb 100644
--- a/portal-FE-common/src/app/pages/contact-us/contact-us-manage/contact-us-manage.component.html
+++ b/portal-FE-common/src/app/pages/contact-us/contact-us-manage/contact-us-manage.component.html
@@ -46,11 +46,11 @@
 
   <!--Modal Body goes here-->
   <div class="modal-body">
-    <div class="c-ecomp-portal-abs-table contactus-manage-table">
+    <div class="c-onap-portal-abs-table contactus-manage-table">
       <table b2b-table id="table-main" table-data="contactUsList"	current-page="ignoredCurrentPage">
         <thead b2b-table-row type="header">
           <tr>
-            <th id="th-users-0" b2b-table-header key="ecomp_function" default-sort="a">App Name</th>
+            <th id="th-users-0" b2b-table-header key="onap_function" default-sort="a">App Name</th>
             <th id="th-users-1" b2b-table-header key="app_name" sortable="true">Contact	Name</th>
             <th id="th-users-2" b2b-table-header key="app_name" sortable="true">Contact	Email</th>
             <th id="th-users-3" b2b-table-header key="role_name" sortable="true">Contact URL</th>
diff --git a/portal-FE-common/src/app/pages/contact-us/contact-us.component.html b/portal-FE-common/src/app/pages/contact-us/contact-us.component.html
index 5930c382..f7f56463 100644
--- a/portal-FE-common/src/app/pages/contact-us/contact-us.component.html
+++ b/portal-FE-common/src/app/pages/contact-us/contact-us.component.html
@@ -35,38 +35,38 @@
    
 -->
 <div class="container">
-    <div id="contact-us-title" class="w-ecomp-main-view-title">
+    <div id="contact-us-title" class="w-onap-main-view-title">
         <h1 class="heading-page">Contact Us</h1>
     </div>
     <button type="button" style="float: right;" class="btn btn-primary" (click)="editContactUsModal()">
       <i class="icon ion-md-person-add"></i>Edit Contact Us
     </button>
-    <div class="w-ecomp-contactUs-home">
+    <div class="w-onap-contactUs-home">
        <div class="contactUs-home-container" id="page-content">
           <div class="admins-page-main">
               <div class="contactUs-general-div">
                 <span class="contactUs-txt">
-                  To report an issue with ECOMP Portal, open a ticket at the 
+                  To report an issue with ONAP Portal, open a ticket at the 
                   <a href="{{ush_TicketInfoUrl}}" target="_blank">User Self Help system</a>.
                 </span><br />
               </div>
             
               <div class="contactUs-general-div">
                 <span class="contactUs-txt">
-                  To give feedback to the ECOMP Portal team, send email to 
+                  To give feedback to the ONAP Portal team, send email to 
                   <a href="mailto:{{portalInfo_Address}}" target="_top">{{portalInfo_Address}}</a>. 
                 </span><br />
               </div>
             
               <div class="contactUs-general-div">
                 <span class="contactUs-txt">
-                  To learn more about ECOMP Portal, visit the 
-                  <a href="{{feedback_Url}}" target="_blank">ECOMP Portal wiki</a> (may need to request access).
+                  To learn more about ONAP Portal, visit the 
+                  <a href="{{feedback_Url}}" target="_blank">ONAP Portal wiki</a> (may need to request access).
                 </span><br />
               </div>
 
               <!-- Function Categories -->		
-              <div id="appFunctionInfo" class="w-ecomp-main-view-title"> Application Functions
+              <div id="appFunctionInfo" class="w-onap-main-view-title"> Application Functions
                 <br />
                 <div b2b-table table-data="contact.functionalTableData" class="b2b-table-div">
                     <table mat-table [dataSource]="dataSource" matSort>
@@ -79,16 +79,16 @@
                         </ng-container>
                     
                         <!-- Application Name Column -->
-                        <ng-container matColumnDef="eCOMPFunctions">
-                          <th id="col2" mat-header-cell *matHeaderCellDef> ECOMP Functions </th>
-                          <td id="rowheader_t1_{{i}}-eCOMPFunctions" 
+                        <ng-container matColumnDef="onapFunctions">
+                          <th id="col2" mat-header-cell *matHeaderCellDef> ONAP Functions </th>
+                          <td id="rowheader_t1_{{i}}-onapFunctions" 
                             mat-cell *matCellDef="let element; let i=index;"> {{element.functions}} </td>
                         </ng-container>
 
                          <!-- Application Name Column -->
-                        <ng-container matColumnDef="eCOMPApplications">
-                          <th id="col2" mat-header-cell *matHeaderCellDef> ECOMP Applications </th>
-                          <td id="rowheader_t1_{{i}}-eCOMPApplications" 
+                        <ng-container matColumnDef="onapApplications">
+                          <th id="col2" mat-header-cell *matHeaderCellDef> ONAP Applications </th>
+                          <td id="rowheader_t1_{{i}}-onapApplications" 
                             mat-cell *matCellDef="let element; let i=index;"> 
                             <a href="javascript:void(0)" (click)="showApplicationInfo(element.app_Id)">
                               {{element.app_Name}} 
@@ -104,10 +104,10 @@
                 
             <!-- Display applicationInfo panels -->
             <div id="allAppInfo">
-                <div class="w-ecomp-main-view-title"> All Applications</div>	<br />	
+                <div class="w-onap-main-view-title"> All Applications</div>	<br />	
                 <div class="contactUs-general-div">
                   <div class="contact-us-table">
-                  <div class="c-ecomp-portal-abs-table default contactUs-table-ht">
+                  <div class="c-onap-portal-abs-table default contactUs-table-ht">
                     <div *ngFor="let rowData of appTable; index as i" class="contactUs-collapsible-panel">
                         <div id="{{rowData.app_Id}}" class="contactUs-table-ht" class="contactUs-panel-header" (click)="showApplicationInfo(rowData.app_Id)">
                             <span id="appId{{i}}" class="contactUs-table-spn">{{rowData.app_name}}</span>
@@ -124,7 +124,7 @@
                         <div id="collapse{{rowData.app_Id}}" [hidden]="true" class="contactUs-collapsible-panel">
                             <div class="contactUs-txt" [hidden]="rowData.contact_name || rowData.contact_email || rowData.url_Info || rowData.desc"> 
                                 <span class="contactUs-collapsible-panel-spn"> 
-                                  No application information is available. Please use the links above to contact the ECOMP Portal team. 
+                                  No application information is available. Please use the links above to contact the ONAP Portal team. 
                                 </span>
                             </div>
                             <div class="contactUs-txt" *ngIf="rowData.contact_name || rowData.contact_email || rowData.url_Info || rowData.desc"> 
diff --git a/portal-FE-common/src/app/pages/contact-us/contact-us.component.scss b/portal-FE-common/src/app/pages/contact-us/contact-us.component.scss
index b3fb8d6a..5c7a74eb 100644
--- a/portal-FE-common/src/app/pages/contact-us/contact-us.component.scss
+++ b/portal-FE-common/src/app/pages/contact-us/contact-us.component.scss
@@ -36,7 +36,7 @@
  *
  * 
  */
-.w-ecomp-contactUs-home .contactUs-txt {
+.w-onap-contactUs-home .contactUs-txt {
     font-weight: 400;
     color: #666;
     font-size: 15px;
@@ -44,7 +44,7 @@
     margin: 10px;
 }
 
-.w-ecomp-contactUs-home .contactUs-home-container .contactUs-general-div {
+.w-onap-contactUs-home .contactUs-home-container .contactUs-general-div {
     margin: auto!important;
     padding-top: 15px;
     padding-bottom: 15px;
@@ -55,7 +55,7 @@
     width: 1170px;
 }
 
-.w-ecomp-contactUs-home .w-ecomp-main-view-title {
+.w-onap-contactUs-home .w-onap-main-view-title {
     font-family: Omnes-ECOMP-W02,Arial;
     font-size: 20px;
 }
@@ -69,6 +69,6 @@ button#edit-button-contact-us {
     font-weight: bold;
 }
 
-.w-ecomp-contactUs-home .contactUs-collapsible-panel {
+.w-onap-contactUs-home .contactUs-collapsible-panel {
     margin: auto;
 }
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
index d58733bd..ec5d44ef 100644
--- 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
@@ -62,7 +62,7 @@ export class ContactUsComponent implements OnInit {
 
   result: any;
   isEditMode: boolean = false;
-  displayedColumns: string[] = ['category', 'eCOMPFunctions','eCOMPApplications'];
+  displayedColumns: string[] = ['category', 'onapFunctions','onapApplications'];
   dataSource = new MatTableDataSource(this.functionalTableData);
   @ViewChild(MatSort) sort: MatSort;
   @ViewChild(MatPaginator) paginator: MatPaginator;
diff --git a/portal-FE-common/src/app/pages/functional-menu/functional-menu.component.scss b/portal-FE-common/src/app/pages/functional-menu/functional-menu.component.scss
index c716252e..cb1c7422 100644
--- a/portal-FE-common/src/app/pages/functional-menu/functional-menu.component.scss
+++ b/portal-FE-common/src/app/pages/functional-menu/functional-menu.component.scss
@@ -56,7 +56,7 @@
     background-color: #fff;
 }
 
-.w-ecomp-main-view-title {
+.w-onap-main-view-title {
     color: #191919;
     font-family: Omnes-ECOMP-W02-Medium,Arial;
     font-size: 24px;
diff --git a/portal-FE-common/src/app/pages/widget-onboarding/widget-onboarding.component.html b/portal-FE-common/src/app/pages/widget-onboarding/widget-onboarding.component.html
index 43065545..54070926 100644
--- a/portal-FE-common/src/app/pages/widget-onboarding/widget-onboarding.component.html
+++ b/portal-FE-common/src/app/pages/widget-onboarding/widget-onboarding.component.html
@@ -36,11 +36,11 @@
   -->
 
 <div class="container">
-    <div class="ecomp-main-view-title">
+    <div class="onap-main-view-title">
       <h1>Widget Onboarding</h1>
     </div>
 
-    <div class="c-ecomp-abs-select default">
+    <div class="c-onap-abs-select default">
       <div class="table-dropdown">
         <mat-form-field class="widget-application-select">
             <mat-label> Select Application </mat-label>