1 files changed, 98 insertions, 0 deletions
diff --git a/catalog-ui/app/scripts/models/components/displayComponent.ts b/catalog-ui/app/scripts/models/components/displayComponent.ts
new file mode 100644
index 0000000000..578f392470
--- /dev/null
+++ b/catalog-ui/app/scripts/models/components/displayComponent.ts
@@ -0,0 +1,98 @@
+/*-
+ * ============LICENSE_START=======================================================
+ * SDC
+ * ================================================================================
+ * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * 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=========================================================
+ */
+/**
+ * Created by obarda on 7/5/2016.
+ */
+/// <reference path="../../references"/>
+module Sdc.Models {
+    'use strict';
+
+    export class DisplayComponent {
+
+        uniqueId:string;
+        displayName:string;
+        version:string;
+        mainCategory:string;
+        subCategory:string;
+        iconClass:string;
+        componentSubType:string;
+        searchFilterTerms:string;
+        certifiedIconClass:string;
+        icon:string;
+        isRequirmentAndCapabilitiesLoaded:boolean;
+
+        constructor(public component:Models.Components.Component) {
+            this.icon = component.icon;
+            this.version = component.version;
+            this.uniqueId = component.uniqueId;
+            this.isRequirmentAndCapabilitiesLoaded = false;
+            
+            if (component.categories && component.categories[0] && component.categories[0].subcategories && component.categories[0].subcategories[0]) {
+                this.mainCategory = component.categories[0].name;
+                this.subCategory = component.categories[0].subcategories[0].name;
+            } else {
+                this.mainCategory = 'Generic';
+                this.subCategory = 'Generic';
+            }
+            if (component instanceof Models.Components.Resource) {
+                this.componentSubType = (<Models.Components.Resource>component).resourceType;
+            } else {
+                this.componentSubType = component.componentType;
+            }
+
+            this.initDisplayName(component.name);
+            this.searchFilterTerms = (this.displayName + ' ' + component.description + ' ' + component.tags.join(' ')).toLowerCase() + ' ' + component.version;
+            this.initIconSprite(component.icon);
+            this.certifiedIconClass = component.lifecycleState != 'CERTIFIED' ? 'non-certified' : '';
+            if(component.icon === 'vl' || component.icon === 'cp') {
+                this.certifiedIconClass = this.certifiedIconClass + " " + 'smaller-icon';
+            }
+        }
+
+        public initDisplayName = (name:string):void => {
+            let newName =
+                _.last(_.last(_.last(_.last(_.last(_.last(_.last(_.last(name.split('tosca.nodes.'))
+                    .split('network.')).split('relationships.')).split('org.openecomp.')).split('resource.nfv.'))
+                    .split('nodes.module.')).split('cp.')).split('vl.'));
+            if (newName){
+                this.displayName =  newName;
+            } else {
+                this.displayName = name;
+            }
+        };
+
+        public initIconSprite = (icon:string ):void => {
+            switch (this.componentSubType) {
+                case Utils.Constants.ComponentType.SERVICE:
+                    this.iconClass = "sprite-services-icons " + icon;
+                    break;
+                case Utils.Constants.ComponentType.PRODUCT:
+                    this.iconClass = "sprite-product-icons " + icon;
+                    break;
+                default:
+                    this.iconClass = "sprite-resource-icons " + icon;
+            }
+        }
+
+        public getComponentSubType = ():string => {
+            return this.componentSubType;
+        };
+    }
+}