Skip to content

B
business-java
Commit 3416efd4 authored by prumde's avatar prumde
Browse files
Options

Updated 


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174403 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 9dead783
Hide whitespace changes
Inline Side-by-side
Showing with 331 additions and 182 deletions
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-product-review.component.css
View file @ 3416efd4
md-card{
margin: 15px;
}
.ecm-tab { .ecm-tab {
padding-left: 15px; padding-left: 15px;
} }
...@@ -33,6 +37,10 @@ ...@@ -33,6 +37,10 @@
.ecm-null-ratings { .ecm-null-ratings {
color: lightgray; color: lightgray;
font-size: 25px;
display: block;
position: relative;
text-align: center;
} }
.review-section { .review-section {
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-product-review.component.html
View file @ 3416efd4
...@@ -9,8 +9,16 @@ ...@@ -9,8 +9,16 @@
<div class="row header-content"> <div class="row header-content">
<div class="medium-5 medium-4 columns ecm-total-reviews"> <div class="medium-5 medium-4 columns ecm-total-reviews">
<span class="ecm-avg-rating"> {{itemAvgRating}} </span> <span class="ecm-avg-rating"> {{itemAvgRating}} </span>
<span class="ecm-ratings">&#x2605; &#x2605; &#x2605; &#x2605; &#x2605;</span> <span class="ecm-ratings" *ngFor="let a of createRatings(itemAvgRating);">
<span class="ecm-total-ratings"> {{itemAvgRating}} Ratings </span> &#x2605;
</span>
<span class="ecm-null-ratings" *ngIf="!itemAvgRating">
&#x2605;
</span>
<span class="ecm-total-ratings" *ngIf="itemAvgRating"> {{itemAvgRating}} Ratings </span>
<span class="ecm-total-ratings" *ngIf="!itemAvgRating"> 0 Ratings </span>
</div> </div>
<div class="medium-5 medium-4 columns ecm-write-review"> <div class="medium-5 medium-4 columns ecm-write-review">
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-product-review.component.ts
View file @ 3416efd4
...@@ -36,7 +36,7 @@ export class EcmProductReviewComponent implements OnInit { ...@@ -36,7 +36,7 @@ export class EcmProductReviewComponent implements OnInit {
ngOnInit() { ngOnInit() {
this.itemCode = this.itemDetail.itemCode; this.itemCode = this.itemDetail.itemCode;
this.itemAvgRating = this.itemDetail.itemAvgRating; this.itemAvgRating = this.itemDetail.itemRatings.AVG_RATING;
this.fetchReviews(); this.fetchReviews();
} }
...@@ -133,5 +133,13 @@ export class EcmProductReviewComponent implements OnInit { ...@@ -133,5 +133,13 @@ export class EcmProductReviewComponent implements OnInit {
this.fetchReviews(); this.fetchReviews();
} }
} }
createRatings(ratings){
var rating: number[] = [];
for(var i = 1; i <= ratings; i++){
rating.push(i);
}
return rating;
}
} }
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-celebration.component.html
View file @ 3416efd4
...@@ -31,14 +31,14 @@ ...@@ -31,14 +31,14 @@
<a (click)="scrollToReviews.emit();" class="link-reviews"> <a (click)="scrollToReviews.emit();" class="link-reviews">
<span *ngIf="itemDetail.itemAvgRating == 0 && itemDetail.itemNumOfReviews == 0 " style="color: gray; font-size: 18px;"> <span *ngIf="itemDetail.itemRatings.AVG_RATING == 0 && itemDetail.itemRatings.NO_OF_REVIEWS == 0 " style="color: gray; font-size: 18px;">
Be the first to Review this product Be the first to Review this product
</span> </span>
<span *ngIf="itemDetail.itemAvgRating > 0 || itemDetail.itemNumOfReviews > 0 " > <span *ngIf="itemDetail.itemRatings.AVG_RATING > 0 || itemDetail.itemRatings.NO_OF_REVIEWS > 0 " style="display: inline-flex;" >
<span class="ecm-ratingStars" *ngFor="let a of createRatings(itemDetail.itemAvgRating)">&#x2605;</span> <span class="ecm-ratingStars" *ngFor="let a of createRatings(itemDetail.itemRatings.AVG_RATING)">&#x2605;</span>
<span class="ecm-itemAvgRating">{{itemDetail.itemAvgRating}} Ratings</span> <span class="ecm-itemAvgRating">{{itemDetail.itemRatings.AVG_RATING}} Ratings</span>
<span class="ecm-itemNumOfReviews">| {{itemDetail.itemNumOfReviews}} Reviews</span> <span class="ecm-itemNumOfReviews">|<span style="padding-left: 12px;"> {{itemDetail.itemRatings.NO_OF_REVIEWS}} Reviews</span></span>
</span> </span>
</a> </a>
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-food.component.html
View file @ 3416efd4
...@@ -30,14 +30,14 @@ ...@@ -30,14 +30,14 @@
</div> </div>
<a (click)="scrollToReviews.emit();" class="link-reviews"> <a (click)="scrollToReviews.emit();" class="link-reviews">
<span *ngIf="itemDetail.itemAvgRating == 0 && itemDetail.itemNumOfReviews == 0 " style="color: gray; font-size: 18px;"> <span *ngIf="itemDetail.itemRatings.AVG_RATING == 0 && itemDetail.itemRatings.NO_OF_REVIEWS == 0 " style="color: gray; font-size: 18px;">
Be the first to Review this product Be the first to Review this product
</span> </span>
<span *ngIf="itemDetail.itemAvgRating > 0 || itemDetail.itemNumOfReviews > 0 " style="display: inline-flex;" > <span *ngIf="itemDetail.itemRatings.AVG_RATING > 0 || itemDetail.itemRatings.NO_OF_REVIEWS > 0 " style="display: inline-flex;" >
<span class="ecm-ratingStars" *ngFor="let a of createRatings(itemDetail.itemAvgRating)">&#x2605;</span> <span class="ecm-ratingStars" *ngFor="let a of createRatings(itemDetail.itemRatings.AVG_RATING)">&#x2605;</span>
<span class="ecm-itemAvgRating">{{itemDetail.itemAvgRating}} Ratings</span> <span class="ecm-itemAvgRating">{{itemDetail.itemRatings.AVG_RATING}} Ratings</span>
<span class="ecm-itemNumOfReviews">|<span style="padding-left: 12px;"> {{itemDetail.itemNumOfReviews}} Reviews</span></span> <span class="ecm-itemNumOfReviews">|<span style="padding-left: 12px;"> {{itemDetail.itemRatings.NO_OF_REVIEWS}} Reviews</span></span>
</span> </span>
</a> </a>
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-handicraft.component.css
View file @ 3416efd4
md-card {
margin: 15px;
}
.ecm-product-ratings { .ecm-product-ratings {
color: rgb(500, 150, 50); color: rgb(500, 150, 50);
font-size: large; font-size: large;
...@@ -9,25 +13,31 @@ ...@@ -9,25 +13,31 @@
font-size: large; font-size: large;
} }
.button {
border: 9px solid transparent;
margin-right: 15px;
}
.Add_to_cart { .Add_to_cart {
padding-left: 30px; background: #fff;
padding-right: 30px; color: mediumvioletred;
background-color: ghostwhite; border: 1px solid lightgray;
color: mediumvioletred; width: calc(50% - 10px);
border-radius: 3px; height: 50px;
font-size: 15px;
line-height: 15px;
text-align: center;
border-radius: 2px;
position: relative;
float: left;
} }
.Buy_now { .Buy_now {
background-color: mediumvioletred; background: mediumvioletred;
padding-left: 42px; color: #fff;
padding-right: 42px; width: calc(50% - 10px);
border-radius: 4px; height: 50px;
color: white; font-size: 15px;
line-height: 15px;
text-align: center;
border-radius: 2px;
position: relative;
float: right;
} }
.link_button { .link_button {
...@@ -67,12 +77,15 @@ li::before { ...@@ -67,12 +77,15 @@ li::before {
} }
.symbol { .symbol {
display: inline; display: inline-block;
vertical-align: super;
/*
height: 20px; height: 20px;
width: 20px; width: 20px;
border-radius: 50%; border-radius: 50%;
border: 1px solid black; border: 1px solid black;
border: black; border: black;
*/
} }
.back { .back {
...@@ -89,10 +102,9 @@ li::before { ...@@ -89,10 +102,9 @@ li::before {
} }
.ecm-payments { .ecm-payments {
margin-left: -13px; font-size: 15px;
font-size: 15px; color: dimgrey;
color: dimgrey; padding: 15px;
padding-left: 0px;
} }
.ecm-share { .ecm-share {
...@@ -118,15 +130,20 @@ li::before { ...@@ -118,15 +130,20 @@ li::before {
font-size: 18px; font-size: 18px;
padding-bottom: 15px; padding-bottom: 15px;
display: block; display: block;
font-weight: bold;
} }
.ecm-other-detail { .ecm-other-detail {
font-weight: 100; font-weight: 100;
font-size: 14px; font-size: 15px;
color: #444; color: black;
text-align: justify; text-align: justify;
} }
.short-detail {
padding-bottom: 20px;
}
.ecm-card { .ecm-card {
/* margin-top: 20px; */ /* margin-top: 20px; */
/* max-width: 75rem; */ /* max-width: 75rem; */
...@@ -210,39 +227,27 @@ td { ...@@ -210,39 +227,27 @@ td {
font-size: 18px; font-size: 18px;
padding-bottom: 15px; padding-bottom: 15px;
display: block; display: block;
font-weight: bold;
} }
.data { .extra-details {
padding-top: 25px;
} }
.data-title { .data-title {
font-weight: 100; padding: 5px;
font-size: 14px;
color: #444;
text-align: justify;
display: inline-block;
width: 160px;
padding-left: 10px;
} }
.data-title-detail { .data-title-detail {
font-weight: 100; color: black;
font-size: 14px; padding: 5px;
color: #444; font-weight: 500;
text-align: justify;
display: inline;
padding-left:
} }
.product-detail-card { .product-detail-card {
margin-top: 15px; margin-top: 15px;
} }
.ecm-recent-view {
height: 300px;
}
@media screen and (max-width: 640px) { @media screen and (max-width: 640px) {
.ecm-recent-view { .ecm-recent-view {
display: none; display: none;
...@@ -253,6 +258,10 @@ td { ...@@ -253,6 +258,10 @@ td {
} }
} }
hr {
margin-top: 8px;
}
.attribute-button{ .attribute-button{
color: mediumvioletred; color: mediumvioletred;
background-color: white; background-color: white;
...@@ -281,7 +290,7 @@ td { ...@@ -281,7 +290,7 @@ td {
} }
.color-title { .color-title {
color: mediumvioletred; color: #444;
font-size: 1rem; font-size: 1rem;
position: relative; position: relative;
display: inline-block; display: inline-block;
...@@ -293,7 +302,7 @@ td { ...@@ -293,7 +302,7 @@ td {
} }
.size-title { .size-title {
color: mediumvioletred; color: #444;
font-size: 1rem; font-size: 1rem;
position: relative; position: relative;
display: inline-block; display: inline-block;
...@@ -319,3 +328,135 @@ td { ...@@ -319,3 +328,135 @@ td {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
} }
.help-icon {
cursor: pointer;
}
.delivery-info {
vertical-align: super;
}
.offers-section {
padding-bottom: 30px;
}
.seller-name {
display: inline;
color: mediumvioletred;
font-size: 15px;
font-weight:bold;
padding-left: 10px;
padding-right: 10px;
}
.sold-by-title {
display: inline;
color: #444;
font-size: 15px;
font-weight: bold;
}
.item-descr {
display: block;
font-size: 20px;
font-weight:bold;
}
.item-shdescr {
display: block;
color: mediumvioletred;
font-size: 14px;
font-weight: bold;
}
.item-descount-rate {
font-size: 25px;
font-weight:bold;
}
.item-cost-rate {
font-size: 15px;
color: gray;
font-weight: 100;
}
.details-title {
font-size: 15px;
color: #444;
}
.Available {
font-size: 15px;
color: #444;
padding-left: initial;
}
.available-title {
display:inline;
color: forestgreen;
font-weight:bold;
}
.service-title {
font-size: 15px;
color: #444;
padding-left: initial;
}
.buy-cart-button {
padding-top: 30px;
padding-left: 0px;
}
.item-discount {
padding-left: 10px;
color: forestgreen;
font-weight:bold;
font-size: 15px;
}
.reviews-no {
padding-left: 12px;
}
.share-icon {
color: dimgray;
}
.item-descount-rate-section {
padding-top: 20px;
}
.item-detail-1{
font-size: 15px;
}
.service-detail {
font-size: 15px;
}
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-handicraft.component.html
View file @ 3416efd4
...@@ -16,53 +16,57 @@ ...@@ -16,53 +16,57 @@
<md-card-content> <md-card-content>
<div> <div>
<div _ngcontent-c30="" class="ecm-share"> <div _ngcontent-c30="" class="ecm-share">
<i _ngcontent-c30="" class="material-icons" style="color: dimgray;">&#xE80D;</i> <i _ngcontent-c30="" class="material-icons share-icon">&#xE80D;</i>
<span _ngcontent-c30="" class="share">Share</span> <span _ngcontent-c30="" class="share">Share</span>
</div> </div>
<span style="display: block; color: mediumvioletred; font-size: 14px; font-weight: bold;" > Stone Handicraft </span> <span class="item-shdescr"> {{itemDetail.itemHeader.itemShDescr}} </span>
<span style="display: block; font-size: 20px; font-weight:bold;"> {{itemDetail.itemHeader.itemShDescr}} </span> <span class="item-descr"> {{itemDetail.itemHeader.itemDescr}} </span>
<span style="display: inline; color: #888; font-size: 15px; font-weight:bold;" > Sold by </span> <span class="sold-by-title">
<span style="display: inline; color: mediumvioletred; font-size: 15px; font-weight:bold;" > StoneCraft </span><br> Sold by
</span>
<span class="seller-name">
{{itemDetail.itemDetail1.sellerInfo.name}}
</span><br>
<a (click)="scrollToReviews.emit();" class="link-reviews"> <a (click)="scrollToReviews.emit();" class="link-reviews">
<span class="ecm-product-ratings" style="display:inline;"> <span *ngIf="itemDetail.itemRatings.AVG_RATING == 0 && itemDetail.itemRatings.NO_OF_REVIEWS == 0 " style="color: #444; font-size: 18px;">
<span *ngFor="let a of createRatings(itemDetail.itemAvgRating);" > Be the first to Review this product
&#x2605; </span>
</span>
<span *ngFor="let a of createRatings(5 - itemDetail.itemAvgRating);" class="ecm-null-ratings" > <span *ngIf="itemDetail.itemRatings.AVG_RATING > 0 || itemDetail.itemRatings.NO_OF_REVIEWS > 0 " style="display: inline-flex;" >
&#x2605; <span class="ecm-ratingStars" *ngFor="let a of createRatings(itemDetail.itemRatings.AVG_RATING)">&#x2605;</span>
</span> <span class="ecm-itemAvgRating">{{itemDetail.itemRatings.AVG_RATING}} Ratings</span>
</span> <span class="ecm-itemNumOfReviews">|<span class="reviews-no"> {{itemDetail.itemRatings.NO_OF_REVIEWS}} Reviews</span></span>
</span>
</a>
<span style="display:inline; padding-left: 10px; font-size: 14px;color: black;">{{ itemDetail.itemRatings.NO_OF_REVIEWS}} Rating</span> <div class="item-descount-rate-section">
<span style="display:inline; padding-left: 5px; font-size: 14px; color: #888;" class="line"> | </span> <span class="item-descount-rate">
<span style="display:inline; padding-left: 5px; font-size: 14px;color: black;">{{ itemDetail.itemRatings.AVG_RATING}} Reviews</span>
</a>
<div style="padding-top: 20px;">
<span style="font-size: 25px; font-weight:bold;">
Rs. {{itemDetail.itemHeader.itemDiscountedRate}} Rs. {{itemDetail.itemHeader.itemDiscountedRate}}
</span> </span>
</div> </div>
<div>
<span style="font-size: 15px; color: gray; font-weight: 100;"> <span class="item-cost-rate">
<s>Rs. {{itemDetail.itemHeader.itemCostRate}}</s> <s>Rs. {{itemDetail.itemHeader.itemCostRate}}</s>
</span> </span>
<span style="padding-left: 10px; color: forestgreen; font-weight:bold; font-size: 15px;"> <span class="item-discount">
{{itemDetail.itemHeader.itemDiscount}}% off {{itemDetail.itemHeader.itemDiscount}}% off
</span> </span>
<br> </div>
<button type="button" onclick="()" class="md-button link_button" >More Offers <div class="offers-section">
<i class="material-icons arrow ">&#xE313;</i> <span>{{itemDetail.itemDetail1.validity}}</span>
<button type="button" onclick="()" class="md-button link_button" >More Offers
<i class="material-icons arrow ">&#xE313;</i>
</button> </button>
</div>
<div class="row"> <div class="row">
<div class="medium-6 columns"> <div class="small-6 medium-12 large-6 columns short-detail">
<div class="medium-3 columns" style="font-size: 15px; color: gray; "> <div class="details-title">
Details Details
</div> </div>
<div class="medium-9 columns Available" style="font-size: 15px;"> <div class="item-detail-1">
<ul> <ul>
<li>Material: {{itemDetail.itemDetail1.shortDetails.material}}</li> <li>Material: {{itemDetail.itemDetail1.shortDetails.material}}</li>
<li>Crafted By: {{itemDetail.itemDetail1.shortDetails.craftedBy}}</li> <li>Crafted By: {{itemDetail.itemDetail1.shortDetails.craftedBy}}</li>
...@@ -70,43 +74,37 @@ ...@@ -70,43 +74,37 @@
<li>{{itemDetail.itemDetail1.shortDetails.type}}</li> <li>{{itemDetail.itemDetail1.shortDetails.type}}</li>
</ul> </ul>
<button type="button" onclick="()" class="md-button link_button">View More</button> <button type="button" onclick="()" class="md-button link_button">View More</button>
</div> </div>
</div> </div>
<div class="medium-6 columns"> <div class="small-6 medium-12 large-6 columns">
<div class="row"> <div>
<div class="medium-2 columns Available" style="font-size: 15px; color: gray; padding-left: initial;"> <div class="Available">
Delivery Delivery
</div> </div>
<div class="medium-10 columns Available" style="font-size: 15px;"> <div class="Available" style="font-size: 15px;">
<span style="display:inline; color: forestgreen; font-weight:bold; "> <div>
<span>
<span class="available-title">
Available Available
</span> </span>
at {{itemDetail.itemDetail1.location}} <span> at {{itemDetail.itemDetail1.location}} </span>
<button type="button" onclick="()" class="md-button link_changebutton">Change </span>
<i class="material-icons arrow">&#xE313;</i> <button type="button" onclick="()" class="md-button link_button" >Change
</button> <i class="material-icons arrow ">&#xE313;</i>
<br> </button>
<b>Free Delivery </b> in 5 to 6 days </div>
<span class="symbol" > <span class="delivery-info"> <b>Free Delivery</b> in 5 to 6 days </span><i class="material-icons help-icon">&#xE8FD;</i>
?
</span>
</div> </div>
</div> </div>
<br> <br>
<div class="row"> <div>
<div class="medium-2 columns" style="font-size: 15px; color: gray; padding-left: initial; "> <div class="service-title">
Service Service
</div> </div>
<div class="medium-10 columns" style="font-size: 15px;"> <div class="service-detail">
30 days exchange policy <div><span class="symbol">30 days exchange policy</span> <i class="material-icons help-icon">&#xE8FD;</i></div>
<span class="symbol" > <div><span class="symbol">Cash on delivery available</span> <i class="material-icons help-icon">&#xE8FD;</i></div>
?
</span>
Cash on delivery available
<span class="symbol" >
?
</span>
</div> </div>
</div> </div>
<br> <br>
...@@ -118,17 +116,13 @@ ...@@ -118,17 +116,13 @@
<div *ngIf="itemVariant.variant"> <div *ngIf="itemVariant.variant">
<div *ngIf="itemVariant.attribCode == 'SIZE' "> <div *ngIf="itemVariant.attribCode == 'SIZE' ">
<span class = "size-title"> Size </span> <span class = "size-title">Select Size </span>
<div *ngFor="let variant of itemVariant.variants" class="size-variant"> <div *ngFor="let variant of itemVariant.variants" class="size-variant">
<a [ngClass]="{highlight:variant.itemCode == itemDetail.itemCode}" md-raised-button class="attribute-button" (click)="viewItem(variant.itemCode)"> {{variant.value}} </a> <a [ngClass]="{highlight:variant.itemCode == itemDetail.itemCode}" md-raised-button class="attribute-button" (click)="viewItem(variant.itemCode)"> {{variant.value}} </a>
</div> </div>
<button type="button" onclick="()" class=" md-button link_button_size " >Size Chart
<i class="material-icons arrow">&#xE313;</i>
</button>
</div> </div>
<div *ngIf="itemVariant.attribCode == 'COLOR' "> <div *ngIf="itemVariant.attribCode == 'COLOR' ">
<span class = "color-title"> Color </span> <span class = "color-title">Select Color </span>
<div *ngFor="let variant of itemVariant.variants" class="color-variant" [ngClass]="{selected:variant.itemCode == itemDetail.itemCode}" (click)="viewItem(variant.itemCode)"> <div *ngFor="let variant of itemVariant.variants" class="color-variant" [ngClass]="{selected:variant.itemCode == itemDetail.itemCode}" (click)="viewItem(variant.itemCode)">
<ecm-image [isThumbnail]="true" [refId]='variant.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage] = "true" ></ecm-image> <ecm-image [isThumbnail]="true" [refId]='variant.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage] = "true" ></ecm-image>
</div> </div>
...@@ -139,7 +133,7 @@ ...@@ -139,7 +133,7 @@
</div> </div>
</md-card-content> </md-card-content>
<md-card-actions> <md-card-actions>
<div style="padding-top: 30px; padding-left: 0px;"> <div class="buy-cart-button">
<button md-raised-button class="button medium-btn Add_to_cart" <button md-raised-button class="button medium-btn Add_to_cart"
(click)="doActivity.emit({activity:'ADD_CART', data: itemDetail.itemCode });">Add to cart</button> (click)="doActivity.emit({activity:'ADD_CART', data: itemDetail.itemCode });">Add to cart</button>
<button md-raised-button class="button medium-btn Buy_now" <button md-raised-button class="button medium-btn Buy_now"
...@@ -166,7 +160,7 @@ ...@@ -166,7 +160,7 @@
<div> <div>
<span class="ecm-itemDeatils">Items Details</span> <span class="ecm-itemDeatils">Items Details</span>
</div> </div>
<hr style="margin-top: 8px;"> <hr>
<div class="ecm-Overview"> <div class="ecm-Overview">
<span class="ecm-other-title">Overview</span> <span class="ecm-other-title">Overview</span>
<span class="ecm-other-detail"> <span class="ecm-other-detail">
...@@ -175,61 +169,48 @@ ...@@ -175,61 +169,48 @@
</div> </div>
<div class="Attraction" style="padding-top: 24px;"> <div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Description</span> <span class="attraction">Description</span>
<div class="data"> <table style="width: 100%">
<span class="data-title">Brand</span> <tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.brand">
<span class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.brand}}</span> <td class="data-title">Brand</td>
</div> <td class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.brand}}</td>
<div class="data"> </tr>
<span class="data-title">Sku</span> <tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.sku">
<span class="data-title-detail">{{itemDetail.itemDetail2.productDetails.sku}}</span> <td class="data-title">Sku</td>
</div> <td class="data-title-detail">{{itemDetail.itemDetail2.productDetails.sku}}</td>
<div class="data"> </tr>
<span class="data-title">Type</span> <tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.type">
<span class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.type}}</span> <td class="data-title">Type</td>
</div> <td class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.type}}</td>
<div class="data"> </tr>
<span class="data-title">Size</span> <tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.size">
<span class="data-title-detail">{{itemDetail.itemDetail2.productDetails.size}}</span> <td class="data-title">Size</td>
</div> <td class="data-title-detail">{{itemDetail.itemDetail2.productDetails.size}}</td>
<div class="data" > </tr>
<span class="data-title">Weight</span> <tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.weight">
<span class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.weight}}</span> <td class="data-title">Weight</td>
</div> <td class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.weight}}</td>
<div class="data"> </tr>
<span class="data-title">Material</span> <tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.material">
<span class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.material}}</span> <td class="data-title">Material</td>
</div> <td class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.material}}</td>
<div class="data"> </tr>
<span class="data-title">Color</span> <tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.color">
<span class="data-title-detail">{{itemDetail.itemDetail2.productDetails.color}}</span> <td class="data-title">Color</td>
</div> <td class="data-title-detail">{{itemDetail.itemDetail2.productDetails.color}}</td>
<div class="data"> </tr>
<span class="data-title">PackageContent</span> <tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.packageContent">
<span class="data-title-detail">{{itemDetail.itemDetail2.productDetails.packageContent}}</span> <td class="data-title">PackageContent</td>
</div> <td class="data-title-detail">{{itemDetail.itemDetail2.productDetails.packageContent}}</td>
<div class="data"> </tr>
<span class="data-title">Care</span> <tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.care">
<span class="data-title-detail">{{itemDetail.itemDetail2.productDetails.care}}</span> <td class="data-title">Care</td>
</div> <td class="data-title-detail">{{itemDetail.itemDetail2.productDetails.care}}</td>
</tr>
</div> </table>
</div>
<!-- <div *ngIf="allProductDetail" class="Attraction" style="padding-top: 24px;">
<span class="attraction">Activities</span>
<ul *ngFor = "let a of allProductDetail">
<li>{{a.allProductDetail}}</li>
</ul>
</div> -->
<!-- <li>A 4th century fort,Thala,stands in the middle of the of a forest and overlooks the hilly terrain</li>
<li>There are quite Few waterFalls in this region the mostpopular is of being taksehi castel</li>
<li>Devi kedar janni hills</li>
<li>Bhira Dam</li> -->
<div class="ecm-returnsPolicy"> <div class="ecm-returnsPolicy">
<span class="ecm-other-title">Return Policy</span> <span class="ecm-other-title">Return Policy</span>
<span class="ecm-other-detail">{{itemDetail.itemDetail2.returnPolicy}}</span> <span class="ecm-other-detail">{{itemDetail.itemDetail2.returnPolicy}}</span>
</div> </div>
...@@ -242,7 +223,7 @@ ...@@ -242,7 +223,7 @@
</md-card> </md-card>
</div> </div>
<div class="medium-4 large-4 columns ecm-recent-view"> <div class="medium-4 large-4 columns">
<ecm-recent-view #recentView> </ecm-recent-view> <ecm-recent-view #recentView> </ecm-recent-view>
</div> </div>
</div> </div>
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-outing.component.html
View file @ 3416efd4
...@@ -31,14 +31,14 @@ ...@@ -31,14 +31,14 @@
<a (click)="scrollToReviews.emit();" class="link-reviews"> <a (click)="scrollToReviews.emit();" class="link-reviews">
<span *ngIf="itemDetail.itemAvgRating == 0 && itemDetail.itemNumOfReviews == 0 " style="color: gray; font-size: 18px;"> <span *ngIf="itemDetail.itemRatings.AVG_RATING == 0 && itemDetail.itemRatings.NO_OF_REVIEWS == 0 " style="color: gray; font-size: 18px;">
Be the first to Review this product Be the first to Review this product
</span> </span>
<span *ngIf="itemDetail.itemAvgRating > 0 || itemDetail.itemNumOfReviews > 0 " style="display: inline-flex;" > <span *ngIf="itemDetail.itemRatings.AVG_RATING > 0 || itemDetail.itemRatings.NO_OF_REVIEWS > 0 " style="display: inline-flex;" >
<span class="ecm-ratingStars" *ngFor="let a of createRatings(itemDetail.itemAvgRating)">&#x2605;</span> <span class="ecm-ratingStars" *ngFor="let a of createRatings(itemDetail.itemRatings.AVG_RATING)">&#x2605;</span>
<span class="ecm-itemAvgRating">{{itemDetail.itemAvgRating}} Ratings</span> <span class="ecm-itemAvgRating">{{itemDetail.itemRatings.AVG_RATING}} Ratings</span>
<span class="ecm-itemNumOfReviews">|<span style="padding-left: 12px;"> {{itemDetail.itemNumOfReviews}} Reviews</span></span> <span class="ecm-itemNumOfReviews">|<span style="padding-left: 12px;"> {{itemDetail.itemRatings.NO_OF_REVIEWS}} Reviews</span></span>
</span> </span>
</a> </a>
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-recent-view/ecm-recent-view.component.css
View file @ 3416efd4
...@@ -84,5 +84,8 @@ hr { ...@@ -84,5 +84,8 @@ hr {
padding-bottom: 50px; padding-bottom: 50px;
} }
md-card{
margin: 15px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment