Updated ecm-template

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

ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-general.component.html

@@ -2,7 +2,7 @@
 <md-card class="product-detail-card">
 	
 <div class="row">
-    <!-- ------------------------HANDICRAFT-IMAGE START HERE-------------------------------- -->
+    <!-- ------------------------General-IMAGE START HERE-------------------------------- -->
     <div class="small-12 medium-6 large-6 columns image">
       <div>
 	 <md-button-toggle class="wishButton">
@@ -15,7 +15,7 @@
       </div>
    	</div>
 	    
-    <!-- ----------------------HANDICRAFT-DETAILS  START HERE-------------------------------- -->   
+    <!-- ----------------------General-DETAILS  START HERE-------------------------------- -->   
   <div class="small-12 medium-6 large-6 columns head">
    <md-card-content>
      <div>
@@ -23,11 +23,17 @@
 			     <i class="material-icons share-icon">&#xE80D;</i>
 			     <span class="share">Share</span>
 		  </div>
-		  <span class="item-shdescr">
-	          <a [routerLink]="['/products', itemDetail.itemSubCategory.scatCode]" class="subcat-link">
-	            {{itemDetail.itemSubCategory.shDescr}}
-	          </a>
-          </span>
+		  <span *ngIf="itemDetail.itemCategory.ecmTemplate == null ; else shDescr" class="item-shdescr" >
+		          <a [routerLink]="['/products', itemDetail.itemCategory.catCode]" class="subcat-link">
+		            {{itemDetail.itemCategory.shDescr}}
+		          </a>
+	      </span>
+         <ng-template #shDescr>
+ 	 		  <span class="item-shdescr">
+		          <a [routerLink]="['/products', itemDetail.itemSubCategory.scatCode]" class="subcat-link">
+		            {{itemDetail.itemSubCategory.shDescr}}
+	          </a></span>
+          </ng-template>
 			
 		  <span class="item-descr"> {{itemDetail.itemHeader.itemDescr}} </span>
 			
@@ -86,9 +92,9 @@
 		
 		<div  [ngClass]="{'buy-cart-button': ( clientWidth > 640 ) , 'mobi-buy-cart-button': ( clientWidth < 639 )  }" >
 			<button md-button class="button medium-btn Add_to_cart" (click)="doActivity.emit({activity:'ADD_CART', data: {'item' : itemDetail, 'isAddToCart' : isAddToCart}}); isAddToCart= true;">{{ isAddToCart ? 'Go to Cart' : 'Add to Cart' }}</button>
-<!-- 			<button md-button class="button medium-btn Buy_now" (click)="doActivity.emit({activity:'BUY_NOW', data: {'item' : itemDetail, 'isAddToCart' : isAddToCart} });">Buy -->
-<!-- 				Now</button> -->
-		</div>
+			<button md-button class="button medium-btn Buy_now" (click)="doActivity.emit({activity:'BUY_NOW', data: {'item' : itemDetail, 'isAddToCart' : isAddToCart} });">Buy 
+			Now</button> 
+			</div>
 		<div  class="medium-12 columns ecm-payments">
 			<i class="material-icons secure-icon"> &#xE8E8;</i> <span
 				 class="ecm-Info">Safe and Secure Payments.
@@ -97,7 +103,7 @@
 	</div>
 </div>
 </md-card>
-<!-- ----------------------HANDICRAFT-DETAILS ENDS HERE-------------------------------- -->
+<!-- ----------------------General-DETAILS ENDS HERE-------------------------------- -->
 
 <div class="row ecm-card" #itemDetails>
 	<div class="medium-8 large-8 columns ecm-product-details">

ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-general.component.ts

+import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef, OnDestroy } from '@angular/core';
+import { EcmTemplateInterface } from './ecm-template.component';
+import { ItemDetail } from '../../ecm-model/product-detail-model';
+import { Router, ActivatedRoute } from '@angular/router';
+import { Http } from '@angular/http';
+import { EcmCartComponent } from '../../ecm-view/ecm-cart/ecm-cart.component';
+import { Item } from '../../ecm-model/product-model';
+import { MdDialog, MdDialogRef, MdDialogConfig, MD_DIALOG_DATA } from '@angular/material';
+import { RESIZE_EVENT } from '../../ecm-store/ecm-resize';
+import { Observable } from 'rxjs/Observable';
+
+import { Store } from '@ngrx/store';
+import { AppState } from '../../ecm-store/reducers';
+
+import { EcmRecentViewComponent } from '../../ecm-view/ecm-recent-view/ecm-recent-view.component';
+
+@Component( {
+    selector: 'ecm-general',
+    templateUrl: './ecm-general.component.html',
+    styleUrls: ['./ecm-general.component.css']
+})
+export class EcmGeneralComponent implements OnInit, EcmTemplateInterface, OnDestroy {
+
+    @Input() itemDetail: ItemDetail;
+    @Input() isAddToCart: boolean = false;
+    @Input() inWishlist: boolean = false;
+    
+    @Output() scrollToReviews = new EventEmitter();
+    @Output() doActivity = new EventEmitter();
+    
+    @ViewChild( 'recentView' ) recentView: EcmRecentViewComponent;
+    @ViewChild('itemDetails') itemDetails: ElementRef;
+    
+    clientWidth: any;
+    itemCode;
+    cartItems: Observable<Item[]>;
+    wishlistItems: Observable<Item[]>;
+    
+    overview = "We are a renowned manufacture, supplier, wholesalers and traders of decorative basket, artificial flower, artificial flower bunches, rangoli designs, chocolate decoration material, wedding decoration material, candle making material, emboss painting, glass painting, school decoration material, handicrafts trays, handicraft trays-etc and caters to hotels, restaurants, bungalows, school, households-etc.";
+
+    constructor( private route: ActivatedRoute, private router: Router, private http: Http, public dialog: MdDialog, private store: Store<AppState>) { }
+
+    ngOnInit() {
+
+        console.log( "Item data in general " + JSON.stringify(this.itemDetail) );
+        console.log( "ngOnInit EcmGeneralComponent Object Keys : " + Object.keys( this.itemDetail ) )
+        console.log( this.itemDetail );
+        
+        this.itemCode = this.itemDetail.itemCode;
+        console.log( "ngOnInit EcmGeneralComponent itemCode : " + this.itemCode );
+        
+        this.clientWidth = document.documentElement.clientWidth;
+        RESIZE_EVENT.subscribe(data => {
+            this.clientWidth = data;
+        });
+
+        this.cartItems = this.store.select('cartItems');
+        this.cartItems.subscribe( cartItems => {
+            if(cartItems.find(x => x.itemCode === this.itemDetail.itemCode))
+                this.isAddToCart = true;
+            else
+                this.isAddToCart = false;
+        } );
+
+        this.wishlistItems = this.store.select('wishlistItems');
+        this.wishlistItems.subscribe( wishlistItems => {
+            if(wishlistItems.find(x => x.itemCode === this.itemDetail.itemCode))
+                this.inWishlist = true;
+            else
+                this.inWishlist = false;
+        } );
+
+    }
+
+    ngAfterViewInit() {
+        //this.recentView.ngOnInit();
+    }
+
+    ngOnDestroy() {
+        if ( this.recentView )
+            this.recentView.doDestroy( this.itemDetail.itemCode );
+    }
+ 
+    createRatings( ratings ) {
+        var rating: number[] = [];
+        for ( var i = 1; i <= ratings; i++ ) {
+            rating.push( i );
+        }
+        return rating;
+    }
+    
+    viewItem(itemCode) {      
+         this.router.navigate(['/detail',itemCode]);
+     }
+    
+    scrollToItemDetails() {
+        let offsetTop = this.itemDetails.nativeElement.offsetTop;
+        window.scrollTo(0, offsetTop + 60); 
+    }
+    
+    addToWishlist() {
+        this.doActivity.emit( { activity: 'ADD_WISHLIST', data: { 'item': this.itemDetail }, 'caller': this, 'callBack': 'changeStatus' });
+    }
+
+    removeFromWishlist() {
+        this.inWishlist = false;
+        this.doActivity.emit( { activity: 'REMOVE_WISHLIST', data: { 'item': this.itemDetail } });
+    }
+
+    changeStatus() {
+        this.inWishlist = true;
+    }
+    
+    loadItem(itemCode){
+        console.log('selected itemCode',itemCode);
+        
+        this.router.navigate(['/detail',itemCode]);
+    }
+    
+    scrollToReview() {
+        if(this.itemDetail.itemRatings.NO_OF_REVIEWS != 0)
+            this.scrollToReviews.emit();
+    }
+    
+    getCSV(value:string) {
+        let attributeValue: Array<string> = [];
+        attributeValue = value.split(',');
+        
+        return attributeValue;
+    }
+    
+}
\ No newline at end of file