Commit 02d6bf0b authored by prumde's avatar prumde

Updated


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174535 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 5f1d87f1
.user-review-edit-button{
text-align: right;
/* text-align: right; */
padding-bottom: 8px;
}
.review-card-delete-button {
height: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #fff;
padding-left: 70px;
color: dimgray;
float: right;
}
.review-edit-button{
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
background: #fff;
color: mediumvioletred !important;
padding-right: 20px;
font-size: 12px;
float: right;
font-weight: bold;
}
......@@ -70,17 +69,74 @@
padding: 15px;
}
@media screen and (max-width: 640px){
.save-review-button {
width: 127px !important;
}
.cancel-review-button {
width: 127px !important;
}
.write-review-button {
padding: 14px;
vertical-align: middle;
width: 190px;
text-align: center;
color: mediumvioletred;
cursor: pointer;
box-shadow: 0 0px 5px 1px rgba(0,0,0,.1);
line-height: 15px;
font-size: 15px;
}
.edit {
vertical-align: sub;
font-size: 18px;
}
.write-review-text {
font-size: 14px;
font-weight: bold;
}
.wReview{
display: inline-block;
padding: 28px;
padding-left: 100px;
}
@media screen and (max-width: 640px){
/* .user-review-edit-button{ */
/* padding-bottom: 0px !important; */
/* position: relative !important; */
/* bottom: 50px !important; */
/* float: right !important; */
/* left: 18px !important; */
/* } */
.review-card-delete-button{
padding: 0px !important;
position: relative !important;
bottom: 4px !important;
float: none !important;
}
.review-edit-button{
padding: 0px !important;
position: relative !important;
bottom: 42px !important;
}
.review-save-cancel-button{
padding-bottom: 30px !important;
}
/* .save-review-button { */
/* width: 127px !important; */
/* } */
/* .cancel-review-button { */
/* width: 127px !important; */
/* } */
.wReview{
padding: 0px !important;
float: right !important;
}
.write-review-button {
width: 163px !important;
}
}
......
<!-- <div class="user-review-card"> -->
<!-- <span class="review-card-info">My Reviews</span> -->
<!-- </div> -->
<ng-container *ngTemplateOutlet="editMode == 'V' ? addScreen : editScreen" >
</ng-container>
<review-screen [editMode] = "editMode" [isNullReview]="isNullReview" [userReview]="userReview"></review-screen>
<div class="user-review-edit-button" *ngIf="editMode == 'V' && !isNullReview">
<button md-button class="review-card-delete-button" (click)="confirmDialog();" >
<i class="material-icons review-card-delete-icon">delete</i>
</button>
<button md-button class="review-edit-button" (click)="edit();" >
<i class="material-icons edit-icon-change">edit</i> Edit
</button>
</div>
<ng-template #addScreen>
<div *ngIf="isNullReview && editMode == 'V'" class="wReview">
<button md-button class="write-review-button" (click)="editMode = 'E'">
<i class="material-icons edit">&#xE254;</i>
<span md-button class="write-review-text"> Write a Review </span>
</button>
</div>
<div class="user-review-edit-button" *ngIf="editMode == 'V' && !isNullReview">
<review-screen [editMode] = "editMode" [isNullReview]="isNullReview" [userReview]="userReview"></review-screen>
<button md-button class="review-card-delete-button" (click)="confirmDialog();" >
<i class="material-icons review-card-delete-icon">delete</i>
</button>
<button md-button class="review-edit-button" (click)="edit();" >
<i class="material-icons edit-icon-change">edit</i> Edit
</button>
</div>
</ng-template>
<ng-template #editScreen>
<review-screen [editMode] = "editMode" [isNullReview]="isNullReview" [userReview]="userReview"></review-screen>
<div class="review-save-cancel-button" *ngIf="editMode == 'E'">
<button md-button class="cancel-review-button" (click)="cancel(); " >
Cancel
......@@ -23,3 +31,4 @@
Publish
</button>
</div>
<!-- </ng-template> -->
\ No newline at end of file
......@@ -26,7 +26,7 @@ export class ReviewEditor implements OnInit {
@Input() reviewList : Review;
@Input('isDetailPage') isDetailPage: boolean = false;
itemCode;
@Input() itemCode;
oldReview : Review;
isNullReview: boolean = true;
......@@ -39,11 +39,6 @@ export class ReviewEditor implements OnInit {
ngOnInit() {
console.log('isDetailPage-Manager',this.isDetailPage);
this.itemCode = this.userReviewService.itemCode;
/* TODO For order page*/
if(!this.itemCode){
this.itemCode = 'L2D0140006';
}
/* */
this.initializeUserReview();
......@@ -88,10 +83,12 @@ export class ReviewEditor implements OnInit {
//console.log('cancel', this.profileData, this.oldProfile);
this.reviewList = this.oldReview;
localStorage.removeItem('editorId');
if(this.isDetailPage)
if(this.isDetailPage){
this.onCancel.emit();
else
}
else{
this.editMode = 'V';
}
}
......
......@@ -2,10 +2,6 @@
font-size: 18px;
font-weight: bold;
}
.user-review-title{
position: relative;
bottom: 8px;
}
.review-title{
font-size: 15px;
font-weight: bold;
......@@ -20,7 +16,8 @@
font-weight: bold;
}
.item-review{
font-size: 14px;
font-size: 14px;
height: 58px;
}
.edit-category-name{
......@@ -56,32 +53,7 @@ font-size: 14px;
.item-review{
display: none !important;
}
.user-review-info{
display: inline-block !important;
}
}
.write-review-button {
padding: 15px;
display: block;
vertical-align: middle;
height: 50px;
width: 190px;
/* max-width: 190px; */
text-align: center;
line-height: 50px;
color: mediumvioletred;
cursor: pointer;
float: right;
box-shadow: 0 0px 5px 1px rgba(0,0,0,.1);
line-height: 15px;
font-size: 15px;
}
.write-review-text {
font-size: 14px;
font-weight: bold;
}
.edit {
vertical-align: sub;
font-size: 18px;
}
......@@ -6,7 +6,7 @@
<div class="user-review-info" *ngIf="!isNullReview">
<!-- <div class="large-2 columns"> -->
<!-- <img class="ecm-product-image" src="/ecm/assets/images/items/L2D0100058.png" /> -->
<!-- <img class="ecm-product-image" src="/ibase/ecm/assets/images/items/L2D0100058.png" /> -->
<!-- </div> -->
<div>
......@@ -24,17 +24,19 @@
<!-- </div> -->
<div class="item-review">
<!-- <span class="item-review">{{reviewList?.itemdescription}}</span> -->
<ecm-readmore [text]="userReview?.productComments" [maxLength]="112"></ecm-readmore>
<ecm-readmore *ngIf="userReview?.productComments" [text]="userReview?.productComments" [maxLength]="112"></ecm-readmore>
</div>
</div>
</div>
<div *ngIf="isNullReview">
<button md-button class="write-review-button" (click)="showEditMode();">
<i class="material-icons edit">&#xE254;</i>
<span md-button class="write-review-text"> Write a Review </span>
</button>
</div>
<!-- change by Kamal -->
<!-- <div *ngIf="isNullReview && editMode == 'V'"> -->
<!-- <button md-button class="write-review-button" (click)="editMode = 'E'"> -->
<!-- <i class="material-icons edit">&#xE254;</i> -->
<!-- <span md-button class="write-review-text"> Write a Review </span> -->
<!-- </button> -->
<!-- </div> -->
</ng-template>
......@@ -43,7 +45,7 @@
<ng-template #interactiveTemplate>
<div class="review-edit-information">
<!-- <div class="large-2 columns"> -->
<!-- <img class="ecm-product-image" src="/ecm/assets/images/items/L2D0100058.png" /> -->
<!-- <img class="ecm-product-image" src="/ibase/ecm/assets/images/items/L2D0100058.png" /> -->
<!-- </div> -->
<div >
......
@media screen and (max-width: 640px){
.user-review-all-info{
position: relative !important;
top: 20px !important;
}
}
\ No newline at end of file
......@@ -16,9 +16,11 @@ export class UserReviewComponent implements OnInit {
@ViewChildren(ReviewEditor) reviewEditors: QueryList<ReviewEditor>;
@Output() onCancel = new EventEmitter();
@Input('editMode') editMode : string = 'V';
@Input('isDetailPage') isDetailPage: boolean = false;
@Input('itemCode') itemCode;
// reviewList: Review[]= [
// new Review('Kabab Special','4','Awesome Taste...Good Quantity','By Bipinraj sartape','very nice to eat never eat such good food in my life i will come again and again'),
......
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