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
Expand all 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-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