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 {
padding-left: 15px;
}
......@@ -33,6 +37,10 @@
.ecm-null-ratings {
color: lightgray;
font-size: 25px;
display: block;
position: relative;
text-align: center;
}
.review-section {
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-product-review.component.html
View file @ 3416efd4
......@@ -9,8 +9,16 @@
<div class="row header-content">
<div class="medium-5 medium-4 columns ecm-total-reviews">
<span class="ecm-avg-rating"> {{itemAvgRating}} </span>
<span class="ecm-ratings">&#x2605; &#x2605; &#x2605; &#x2605; &#x2605;</span>
<span class="ecm-total-ratings"> {{itemAvgRating}} Ratings </span>
<span class="ecm-ratings" *ngFor="let a of createRatings(itemAvgRating);">
&#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 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 {
ngOnInit() {
this.itemCode = this.itemDetail.itemCode;
this.itemAvgRating = this.itemDetail.itemAvgRating;
this.itemAvgRating = this.itemDetail.itemRatings.AVG_RATING;
this.fetchReviews();
}
......@@ -133,5 +133,13 @@ export class EcmProductReviewComponent implements OnInit {
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 @@
<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
</span>
<span *ngIf="itemDetail.itemAvgRating > 0 || itemDetail.itemNumOfReviews > 0 " >
<span class="ecm-ratingStars" *ngFor="let a of createRatings(itemDetail.itemAvgRating)">&#x2605;</span>
<span class="ecm-itemAvgRating">{{itemDetail.itemAvgRating}} Ratings</span>
<span class="ecm-itemNumOfReviews">| {{itemDetail.itemNumOfReviews}} Reviews</span>
<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.itemRatings.AVG_RATING)">&#x2605;</span>
<span class="ecm-itemAvgRating">{{itemDetail.itemRatings.AVG_RATING}} Ratings</span>
<span class="ecm-itemNumOfReviews">|<span style="padding-left: 12px;"> {{itemDetail.itemRatings.NO_OF_REVIEWS}} Reviews</span></span>
</span>
</a>
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-food.component.html
View file @ 3416efd4
......@@ -30,14 +30,14 @@
</div>
<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
</span>
<span *ngIf="itemDetail.itemAvgRating > 0 || itemDetail.itemNumOfReviews > 0 " style="display: inline-flex;" >
<span class="ecm-ratingStars" *ngFor="let a of createRatings(itemDetail.itemAvgRating)">&#x2605;</span>
<span class="ecm-itemAvgRating">{{itemDetail.itemAvgRating}} Ratings</span>
<span class="ecm-itemNumOfReviews">|<span style="padding-left: 12px;"> {{itemDetail.itemNumOfReviews}} Reviews</span></span>
<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.itemRatings.AVG_RATING)">&#x2605;</span>
<span class="ecm-itemAvgRating">{{itemDetail.itemRatings.AVG_RATING}} Ratings</span>
<span class="ecm-itemNumOfReviews">|<span style="padding-left: 12px;"> {{itemDetail.itemRatings.NO_OF_REVIEWS}} Reviews</span></span>
</span>
</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 {
color: rgb(500, 150, 50);
font-size: large;
......@@ -9,25 +13,31 @@
font-size: large;
}
.button {
border: 9px solid transparent;
margin-right: 15px;
}
.Add_to_cart {
padding-left: 30px;
padding-right: 30px;
background-color: ghostwhite;
color: mediumvioletred;
border-radius: 3px;
background: #fff;
color: mediumvioletred;
border: 1px solid lightgray;
width: calc(50% - 10px);
height: 50px;
font-size: 15px;
line-height: 15px;
text-align: center;
border-radius: 2px;
position: relative;
float: left;
}
.Buy_now {
background-color: mediumvioletred;
padding-left: 42px;
padding-right: 42px;
border-radius: 4px;
color: white;
background: mediumvioletred;
color: #fff;
width: calc(50% - 10px);
height: 50px;
font-size: 15px;
line-height: 15px;
text-align: center;
border-radius: 2px;
position: relative;
float: right;
}
.link_button {
......@@ -67,12 +77,15 @@ li::before {
}
.symbol {
display: inline;
display: inline-block;
vertical-align: super;
/*
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid black;
border: black;
*/
}
.back {
......@@ -89,10 +102,9 @@ li::before {
}
.ecm-payments {
margin-left: -13px;
font-size: 15px;
color: dimgrey;
padding-left: 0px;
font-size: 15px;
color: dimgrey;
padding: 15px;
}
.ecm-share {
......@@ -118,15 +130,20 @@ li::before {
font-size: 18px;
padding-bottom: 15px;
display: block;
font-weight: bold;
}
.ecm-other-detail {
font-weight: 100;
font-size: 14px;
color: #444;
font-size: 15px;
color: black;
text-align: justify;
}
.short-detail {
padding-bottom: 20px;
}
.ecm-card {
/* margin-top: 20px; */
/* max-width: 75rem; */
......@@ -210,39 +227,27 @@ td {
font-size: 18px;
padding-bottom: 15px;
display: block;
font-weight: bold;
}
.data {
padding-top: 25px;
.extra-details {
}
.data-title {
font-weight: 100;
font-size: 14px;
color: #444;
text-align: justify;
display: inline-block;
width: 160px;
padding-left: 10px;
padding: 5px;
}
.data-title-detail {
font-weight: 100;
font-size: 14px;
color: #444;
text-align: justify;
display: inline;
padding-left:
color: black;
padding: 5px;
font-weight: 500;
}
.product-detail-card {
margin-top: 15px;
}
.ecm-recent-view {
height: 300px;
}
@media screen and (max-width: 640px) {
.ecm-recent-view {
display: none;
......@@ -253,6 +258,10 @@ td {
}
}
hr {
margin-top: 8px;
}
.attribute-button{
color: mediumvioletred;
background-color: white;
......@@ -281,7 +290,7 @@ td {
}
.color-title {
color: mediumvioletred;
color: #444;
font-size: 1rem;
position: relative;
display: inline-block;
......@@ -293,7 +302,7 @@ td {
}
.size-title {
color: mediumvioletred;
color: #444;
font-size: 1rem;
position: relative;
display: inline-block;
......@@ -319,3 +328,135 @@ td {
display: inline-block;
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 @@
<md-card-content>
<div>
<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>
</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 style="display: inline; color: mediumvioletred; font-size: 15px; font-weight:bold;" > StoneCraft </span><br>
<span class="sold-by-title">
Sold by
</span>
<span class="seller-name">
{{itemDetail.itemDetail1.sellerInfo.name}}
</span><br>
<a (click)="scrollToReviews.emit();" class="link-reviews">
<span class="ecm-product-ratings" style="display:inline;">
<span *ngFor="let a of createRatings(itemDetail.itemAvgRating);" >
&#x2605;
</span>
<span *ngFor="let a of createRatings(5 - itemDetail.itemAvgRating);" class="ecm-null-ratings" >
&#x2605;
</span>
</span>
<a (click)="scrollToReviews.emit();" class="link-reviews">
<span *ngIf="itemDetail.itemRatings.AVG_RATING == 0 && itemDetail.itemRatings.NO_OF_REVIEWS == 0 " style="color: #444; font-size: 18px;">
Be the first to Review this product
</span>
<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.itemRatings.AVG_RATING)">&#x2605;</span>
<span class="ecm-itemAvgRating">{{itemDetail.itemRatings.AVG_RATING}} Ratings</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>
<span style="display:inline; padding-left: 5px; font-size: 14px; color: #888;" class="line"> | </span>
<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;">
<div class="item-descount-rate-section">
<span class="item-descount-rate">
Rs. {{itemDetail.itemHeader.itemDiscountedRate}}
</span>
</div>
<span style="font-size: 15px; color: gray; font-weight: 100;">
<div>
<span class="item-cost-rate">
<s>Rs. {{itemDetail.itemHeader.itemCostRate}}</s>
</span>
<span style="padding-left: 10px; color: forestgreen; font-weight:bold; font-size: 15px;">
<span class="item-discount">
{{itemDetail.itemHeader.itemDiscount}}% off
</span>
<br>
<button type="button" onclick="()" class="md-button link_button" >More Offers
<i class="material-icons arrow ">&#xE313;</i>
</span>
</div>
<div class="offers-section">
<span>{{itemDetail.itemDetail1.validity}}</span>
<button type="button" onclick="()" class="md-button link_button" >More Offers
<i class="material-icons arrow ">&#xE313;</i>
</button>
</div>
<div class="row">
<div class="medium-6 columns">
<div class="medium-3 columns" style="font-size: 15px; color: gray; ">
Details
<div class="small-6 medium-12 large-6 columns short-detail">
<div class="details-title">
Details
</div>
<div class="medium-9 columns Available" style="font-size: 15px;">
<div class="item-detail-1">
<ul>
<li>Material: {{itemDetail.itemDetail1.shortDetails.material}}</li>
<li>Crafted By: {{itemDetail.itemDetail1.shortDetails.craftedBy}}</li>
......@@ -70,43 +74,37 @@
<li>{{itemDetail.itemDetail1.shortDetails.type}}</li>
</ul>
<button type="button" onclick="()" class="md-button link_button">View More</button>
</div>
</div>
</div>
<div class="medium-6 columns">
<div class="row">
<div class="medium-2 columns Available" style="font-size: 15px; color: gray; padding-left: initial;">
<div class="small-6 medium-12 large-6 columns">
<div>
<div class="Available">
Delivery
</div>
<div class="medium-10 columns Available" style="font-size: 15px;">
<span style="display:inline; color: forestgreen; font-weight:bold; ">
<div class="Available" style="font-size: 15px;">
<div>
<span>
<span class="available-title">
Available
</span>
at {{itemDetail.itemDetail1.location}}
<button type="button" onclick="()" class="md-button link_changebutton">Change
<i class="material-icons arrow">&#xE313;</i>
</button>
<br>
<b>Free Delivery </b> in 5 to 6 days
<span class="symbol" >
?
</span>
<span> at {{itemDetail.itemDetail1.location}} </span>
</span>
<button type="button" onclick="()" class="md-button link_button" >Change
<i class="material-icons arrow ">&#xE313;</i>
</button>
</div>
<span class="delivery-info"> <b>Free Delivery</b> in 5 to 6 days </span><i class="material-icons help-icon">&#xE8FD;</i>
</div>
</div>
<br>
<div class="row">
<div class="medium-2 columns" style="font-size: 15px; color: gray; padding-left: initial; ">
<div>
<div class="service-title">
Service
</div>
<div class="medium-10 columns" style="font-size: 15px;">
30 days exchange policy
<span class="symbol" >
?
</span>
Cash on delivery available
<span class="symbol" >
?
</span>
<div class="service-detail">
<div><span class="symbol">30 days exchange policy</span> <i class="material-icons help-icon">&#xE8FD;</i></div>
<div><span class="symbol">Cash on delivery available</span> <i class="material-icons help-icon">&#xE8FD;</i></div>
</div>
</div>
<br>
......@@ -118,17 +116,13 @@
<div *ngIf="itemVariant.variant">
<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">
<a [ngClass]="{highlight:variant.itemCode == itemDetail.itemCode}" md-raised-button class="attribute-button" (click)="viewItem(variant.itemCode)"> {{variant.value}} </a>
</div>
<button type="button" onclick="()" class=" md-button link_button_size " >Size Chart
<i class="material-icons arrow">&#xE313;</i>
</button>
</div>
<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)">
<ecm-image [isThumbnail]="true" [refId]='variant.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage] = "true" ></ecm-image>
</div>
......@@ -139,7 +133,7 @@
</div>
</md-card-content>
<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"
(click)="doActivity.emit({activity:'ADD_CART', data: itemDetail.itemCode });">Add to cart</button>
<button md-raised-button class="button medium-btn Buy_now"
......@@ -166,7 +160,7 @@
<div>
<span class="ecm-itemDeatils">Items Details</span>
</div>
<hr style="margin-top: 8px;">
<hr>
<div class="ecm-Overview">
<span class="ecm-other-title">Overview</span>
<span class="ecm-other-detail">
......@@ -175,61 +169,48 @@
</div>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Description</span>
<div class="data">
<span class="data-title">Brand</span>
<span class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.brand}}</span>
</div>
<div class="data">
<span class="data-title">Sku</span>
<span class="data-title-detail">{{itemDetail.itemDetail2.productDetails.sku}}</span>
</div>
<div class="data">
<span class="data-title">Type</span>
<span class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.type}}</span>
</div>
<div class="data">
<span class="data-title">Size</span>
<span class="data-title-detail">{{itemDetail.itemDetail2.productDetails.size}}</span>
</div>
<div class="data" >
<span class="data-title">Weight</span>
<span class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.weight}}</span>
</div>
<div class="data">
<span class="data-title">Material</span>
<span class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.material}}</span>
</div>
<div class="data">
<span class="data-title">Color</span>
<span class="data-title-detail">{{itemDetail.itemDetail2.productDetails.color}}</span>
</div>
<div class="data">
<span class="data-title">PackageContent</span>
<span class="data-title-detail">{{itemDetail.itemDetail2.productDetails.packageContent}}</span>
</div>
<div class="data">
<span class="data-title">Care</span>
<span class="data-title-detail">{{itemDetail.itemDetail2.productDetails.care}}</span>
</div>
</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> -->
<span class="attraction">Description</span>
<table style="width: 100%">
<tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.brand">
<td class="data-title">Brand</td>
<td class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.brand}}</td>
</tr>
<tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.sku">
<td class="data-title">Sku</td>
<td class="data-title-detail">{{itemDetail.itemDetail2.productDetails.sku}}</td>
</tr>
<tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.type">
<td class="data-title">Type</td>
<td class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.type}}</td>
</tr>
<tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.size">
<td class="data-title">Size</td>
<td class="data-title-detail">{{itemDetail.itemDetail2.productDetails.size}}</td>
</tr>
<tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.weight">
<td class="data-title">Weight</td>
<td class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.weight}}</td>
</tr>
<tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.material">
<td class="data-title">Material</td>
<td class="data-title-detail"> {{itemDetail.itemDetail2.productDetails.material}}</td>
</tr>
<tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.color">
<td class="data-title">Color</td>
<td class="data-title-detail">{{itemDetail.itemDetail2.productDetails.color}}</td>
</tr>
<tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.packageContent">
<td class="data-title">PackageContent</td>
<td class="data-title-detail">{{itemDetail.itemDetail2.productDetails.packageContent}}</td>
</tr>
<tr class="extra-details" *ngIf="itemDetail.itemDetail2.productDetails.care">
<td class="data-title">Care</td>
<td class="data-title-detail">{{itemDetail.itemDetail2.productDetails.care}}</td>
</tr>
</table>
</div>
<div class="ecm-returnsPolicy">
<div class="ecm-returnsPolicy">
<span class="ecm-other-title">Return Policy</span>
<span class="ecm-other-detail">{{itemDetail.itemDetail2.returnPolicy}}</span>
</div>
......@@ -242,7 +223,7 @@
</md-card>
</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>
</div>
</div>
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-outing.component.html
View file @ 3416efd4
......@@ -31,14 +31,14 @@
<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
</span>
<span *ngIf="itemDetail.itemAvgRating > 0 || itemDetail.itemNumOfReviews > 0 " style="display: inline-flex;" >
<span class="ecm-ratingStars" *ngFor="let a of createRatings(itemDetail.itemAvgRating)">&#x2605;</span>
<span class="ecm-itemAvgRating">{{itemDetail.itemAvgRating}} Ratings</span>
<span class="ecm-itemNumOfReviews">|<span style="padding-left: 12px;"> {{itemDetail.itemNumOfReviews}} Reviews</span></span>
<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.itemRatings.AVG_RATING)">&#x2605;</span>
<span class="ecm-itemAvgRating">{{itemDetail.itemRatings.AVG_RATING}} Ratings</span>
<span class="ecm-itemNumOfReviews">|<span style="padding-left: 12px;"> {{itemDetail.itemRatings.NO_OF_REVIEWS}} Reviews</span></span>
</span>
</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 {
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