<ng-container *ngTemplateOutlet="editMode == 'V' ?  displayTemplate : interactiveTemplate" >
</ng-container>


<ng-template #displayTemplate>
<div class="user-review-info" *ngIf="!isNullReview">
	<div>
	<div> 
		<rating [rate]="userReview?.productRating"></rating>
	</div>
	<div class="user-review-title"> 
		<span class="review-title">{{userReview?.productRemarks}}</span>
	</div>
	<div class="item-review"> 
		 <ecm-readmore *ngIf="userReview?.productComments" [text]="userReview?.productComments" [maxLength]="50"></ecm-readmore>
	</div>
	</div>
</div>
</ng-template>


<ng-template #interactiveTemplate>
  <div class="review-edit-information">

  <div >
  <div class="user-edit-review-item-rating"> 
	   <rating [rate]="userReview.productRating" (updateRate)="updateRate($event)" [isResponsive]="true" ></rating>
  </div>
  <div class="input-review-title">
  <md-form-field class="review">
      <input mdInput  [placeholder]="'Title'" [(ngModel)]="userReview.productRemarks">
  </md-form-field>
  <md-form-field class="itemList-review">
      <textarea mdInput [placeholder]="'Review'" [(ngModel)]="userReview.productComments"></textarea>
  </md-form-field>
  </div>
  </div>
  </div>
</ng-template>




