Updates for Card Component

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174335 ce508802-f39f-4f6c-b175-0d175dae99d5

ecm/Angular/ProteusECM/trunk/src/app/ecm-card/ecm-card.component.html

@@ -16,9 +16,11 @@
 	</div>
 </div>
 <div *ngIf="category" class="ecm-card">
-	<img class="ecm-card-img"src="{{category.resourceUrl}}{{category.catCode}}.png"alt="Category image">
+	<!-- <img class="ecm-card-img"src="{{category.resourceUrl}}{{category.catCode}}.png"alt="Category image"> -->
+	<ecm-image [refId]='category.catCode' [refSer]="'ECMCAT'" [object]="'ECM_CATEGORY'" [attachType]="'Image'"></ecm-image>
 	<div class="ecm-card-footer">
-		<img class="ecm-card-info-img"src="{{category.resourceUrl}}{{category.catCode}}_icon.png"alt="Category icon" />
+		<!-- <img class="ecm-card-info-img"src="{{category.resourceUrl}}{{category.catCode}}_icon.png"alt="Category icon" /> -->
+		<ecm-image [refId]='category.catCode' [refSer]="'ECMCAT'" [object]="'ECM_CATEGORY'" [attachType]="'Icon'"></ecm-image>
 		<div class="ecm-card-info">
 			<span class="ecm-card-info-title">{{category.shDescr}}</span> 
 			<span class="ecm-card-info-subhead">{{category.descr}}</span>
@@ -27,15 +29,17 @@
 		<a class="ecm-card-action" routerLink="/view" routerLinkActive="active">View</a> 
 		<a class="ecm-card-action top share" routerLink="/share" routerLinkActive="active"></a>
 		-->
-		<a *ngIf="category.catLink" class="ecm-card-action"[routerLink]="['link', category.shDescr]">Open</a> 
-		<a *ngIf="!category.catLink" class="ecm-card-action"[routerLink]="[ '/home', { outlets:{ content:['list','SUB_CATEGORY',category.catCode] } } ]">View</a>
-		<a *ngIf="!category.catLink" class="ecm-card-action top share"[routerLink]="[ '/home', { outlets:{ content:['share','SUB_CATEGORY',category.catCode] } } ]"></a>
+		<a *ngIf="category.catLink" class="ecm-card-action" [routerLink]="['link', category.shDescr]">Open</a> 
+		<a *ngIf="!category.catLink" class="ecm-card-action" [routerLink]="[ '/list','SUB_CATEGORY',category.catCode]">View</a>
+		<a *ngIf="!category.catLink" class="ecm-card-action top share" [routerLink]="[ '/share','SUB_CATEGORY',category.catCode]"></a>
 	</div>
 </div>
 <div *ngIf="subcategory" class="ecm-card">
-	<img class="ecm-card-img"src="{{subcategory.resourceUrl}}{{subcategory.scatCode}}.png"alt="Category image">
+	<!-- <img class="ecm-card-img"src="{{subcategory.resourceUrl}}{{subcategory.scatCode}}.png"alt="Category image">-->
+	<ecm-image [refId]="subcategory.scatCode + ':' + subcategory.catCode" [refSer]="'ECMCAT'" [object]="'ECM_CATEGORY'" [attachType]="'Image'"></ecm-image>
 	<div class="ecm-card-footer">
-		<img class="ecm-card-info-img"src="{{subcategory.resourceUrl}}{{subcategory.catCode}}_icon.png"alt="Category icon" />
+		<!-- <img class="ecm-card-info-img"src="{{subcategory.resourceUrl}}{{subcategory.catCode}}_icon.png"alt="Category icon" /> -->
+		<ecm-image [refId]='subcategory.catCode' [refSer]="'ECMCAT'" [object]="'ECM_CATEGORY'" [attachType]="'Icon'"></ecm-image>
 		<div class="ecm-card-info">
 			<span class="ecm-card-info-title">{{subcategory.shDescr}}</span> 
 			<span class="ecm-card-info-subhead">{{subcategory.descr}}</span>
@@ -44,8 +48,23 @@
 		<a class="ecm-card-action" routerLink="/view" routerLinkActive="active">View</a> 
 		<a class="ecm-card-action top share" routerLink="/share" routerLinkActive="active"></a>
 		-->
-		<a *ngIf="subcategory.catLink" class="ecm-card-action"[routerLink]="['link', subcategory.shDescr]">Open</a>
-		<a *ngIf="!subcategory.catLink" class="ecm-card-action"[routerLink]="[ '/home', { outlets:{ content:['list','ITEMS',subcategory.scatCode] } } ]">View</a>
-        <a *ngIf="!subcategory.catLink" class="ecm-card-action top share"[routerLink]="[ '/home', { outlets:{ content:['share','ITEMS',subcategory.scatCode] } } ]"></a>
+		<a *ngIf="subcategory.catLink" class="ecm-card-action" [routerLink]="['link', subcategory.shDescr]">Open</a>
+		<a *ngIf="!subcategory.catLink" class="ecm-card-action" [routerLink]="[ '/list', 'ITEMS',subcategory.scatCode]">View</a>
+        <a *ngIf="!subcategory.catLink" class="ecm-card-action top share" [routerLink]="[ '/share','ITEMS',subcategory.scatCode]"></a>
 	</div>
 </div>
+
+<div *ngIf="itemData" class="ecm-card">
+	<!-- <img class="ecm-card-img"src="{{subcategory.resourceUrl}}{{subcategory.scatCode}}.png"alt="Category image"> -->
+	<ecm-image [refId]='itemData.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" ></ecm-image>
+	<div class="ecm-card-footer">
+		<!-- <img class="ecm-card-info-img"src="/ecm/assets/images/category/{{catCode}}_icon.png"alt="Item icon" /> --> 
+		<ecm-image [refId]='catCode' [refSer]="'ECMCAT'" [object]="'ECM_CATEGORY'" [attachType]="'Icon'"></ecm-image>
+		<div class="ecm-card-info">
+			<span class="ecm-card-info-title">{{itemData.shDescr}}</span> 
+			<span class="ecm-card-info-subhead">{{itemData.descr}}</span>
+		</div>
+		<a class="ecm-card-action" (click)='orderItem()'>Place Order</a>
+	</div>
+</div>
+

ecm/Angular/ProteusECM/trunk/src/app/ecm-card/ecm-card.component.ts

 import { Component, OnInit, Input } from '@angular/core';
 import { ECMCard } from './card-model';
-import { Category, SubCategory } from '../ecm-category/category-model';
+import { Category, SubCategory, Item } from '../ecm-category/category-model';
 
 @Component({
   selector: 'ecm-card',
@@ -11,9 +11,15 @@ export class ECMCardComponent implements OnInit {
   @Input() card: ECMCard;
   @Input() category: Category;
   @Input() subcategory: SubCategory;
+  @Input() itemData: Item;
+  @Input() catCode: any;
   constructor() { }
 
   ngOnInit() {
   }
 
+  orderItem()
+  {
+      alert(this.itemData.itemCode);
+  }
 }