Commit 3416efd4 authored by prumde's avatar prumde

Updated


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174403 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 9dead783
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 {
......
......@@ -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">
......
......@@ -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();
}
......@@ -134,4 +134,12 @@ export class EcmProductReviewComponent implements OnInit {
}
}
createRatings(ratings){
var rating: number[] = [];
for(var i = 1; i <= ratings; i++){
rating.push(i);
}
return rating;
}
}
......@@ -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>
......
......@@ -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>
......
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;
background: #fff;
color: mediumvioletred;
border-radius: 3px;
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;
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;
}
......@@ -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>
......
......@@ -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