Display PNF/VNF Type for PNF (frontend)

Change-Id: I5f1ac23776976d16f8c2258f82b8dfe6aa925037
Issue-ID: SDC-2158
Signed-off-by: kooper <sergey.sachkov@est.tech>

5 files changed, 15 insertions, 6 deletions

diff --git a/catalog-ui/src/app/models/csar-component.ts b/catalog-ui/src/app/models/csar-component.ts
index d59edb0b88..cb89f0ba5e 100644
--- a/catalog-ui/src/app/models/csar-component.ts
+++ b/catalog-ui/src/app/models/csar-component.ts
@@ -30,6 +30,7 @@ export interface ICsarComponent {
     subCategory:string
     vendorName:string;
     packageType:string;
+    resourceType:string;
     vendorRelease:string;
 }
 
diff --git a/catalog-ui/src/app/utils/component-factory.ts b/catalog-ui/src/app/utils/component-factory.ts
index bdcfc2cc2d..2b134bd2e7 100644
--- a/catalog-ui/src/app/utils/component-factory.ts
+++ b/catalog-ui/src/app/utils/component-factory.ts
@@ -135,6 +135,7 @@ export class ComponentFactory {
         newResource.csarVersion = csar.version;
         newResource.packageId = csar.packageId;
         newResource.description = csar.description;
+        newResource.resourceType = csar.resourceType;
         newResource.filterTerm = newResource.name +  ' '  + newResource.description + ' ' + newResource.vendorName + ' ' + newResource.csarVersion
         return newResource;
     };
diff --git a/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view-model.ts b/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view-model.ts
index 46b258f0bd..01394a3c33 100644
--- a/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view-model.ts
+++ b/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view-model.ts
@@ -202,6 +202,7 @@ export class OnboardingModalViewModel {
             {title: 'Vendor', property: 'vendorName'},
             {title: 'Category', property: 'categories'},
             {title: 'Version', property: 'csarVersion'},
+            {title: 'Type', property: 'resourceType'},
             {title: '#', property: 'importAndUpdate'}
             //{title: 'Date', property: 'componentDate'}
         ];
diff --git a/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view.html b/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view.html
index ea9d6ba63a..7f19389bdf 100644
--- a/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view.html
+++ b/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal-view.html
@@ -14,7 +14,7 @@
   ~ limitations under the License.
 -->
 
-<ng1-modal modal="modalOnboarding" class="w-sdc-modal-onboarding w-sdc-classic-top-line-modal" buttons="footerButtons" header="Import VF" show-close-button="true">
+<ng1-modal modal="modalOnboarding" class="w-sdc-modal-onboarding w-sdc-classic-top-line-modal" buttons="footerButtons" header="Import VSP" show-close-button="true">
     <info-tooltip class="general-info-button" info-message-translate="ON_BOARDING_GENERAL_INFO "></info-tooltip>
     <div class="title-wrapper">
         <div>
@@ -82,6 +82,11 @@
                             {{component.csarVersion}}
                         </div>
 
+                        <!-- Type -->
+                        <div class="table-col-general flex-item"  sdc-smart-tooltip>
+                            {{component.resourceType}}
+                        </div>
+
                         <!-- Import And Update -->
                         <div class="table-col-general flex-item"  sdc-smart-tooltip></div>
 
diff --git a/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal.less b/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal.less
index c745a86888..ccf4fb00b5 100644
--- a/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal.less
+++ b/catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal.less
@@ -6,7 +6,7 @@
     .general-info-button{
         position: relative;
         top: -40px;
-        left: 86px;
+        left: 95px;
         float: left;
     }
 
@@ -76,16 +76,16 @@
                         align-self: center;
                     }
 
-                    .item-opened-description {flex-grow: 25;}
+                    .item-opened-description {flex-grow: 25.3;}
                     .item-opened-metadata1 {flex-grow: 25;}
-                    .item-opened-metadata2 {flex-grow: 30;}
+                    .item-opened-metadata2 {flex-grow: 45;}
                     .item-opened-metadata3 {
                         flex-grow: 10;
                         .info-button{
                             float: right;
                         }
                     }
-                    .item-opened-icon {flex-grow: 10;}
+                    .item-opened-icon {flex-grow: 10.1;}
                 }
             }
         }
@@ -101,7 +101,8 @@
         .flex-item:nth-child(2) {flex-grow: 25;}
         .flex-item:nth-child(3) {flex-grow: 30;}
         .flex-item:nth-child(4) {flex-grow: 10; text-align: center; }
-        .flex-item:nth-child(5) {flex-grow: 10; }
+        .flex-item:nth-child(5) {flex-grow: 10; text-align: center; }
+        .flex-item:nth-child(6) {flex-grow: 10; }
 
     }