mirror of
https://github.com/Lissy93/happy-app.git
synced 2021-05-12 19:52:18 +03:00
26 lines
956 B
HTML
26 lines
956 B
HTML
<mat-card class="chart-card team-chart message-chart">
|
|
<mat-card-header>
|
|
<mat-card-title><h3>Comments</h3></mat-card-title>
|
|
<mat-card-subtitle>Recent anatomised team cements</mat-card-subtitle>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<loader class="loading-spinner" *ngIf="loading"></loader>
|
|
|
|
<div class="no-data-message" *ngIf="!chartVisible">
|
|
<h3>No Comments to Display</h3>
|
|
<p>The comments chart will appear here when there is more data in the system</p>
|
|
</div>
|
|
|
|
<div class="speech-bubble {{comment.score}}" *ngFor="let comment of comments| slice:0:show let i=index">
|
|
<span>{{comment.comment}}</span>
|
|
<br>
|
|
<span class="small-grey-text">{{comment.date}}</span>
|
|
</div>
|
|
|
|
</mat-card-content>
|
|
<mat-card-actions>
|
|
<button mat-button *ngIf="show < comments.length" (click)="show = show + 5">Show More...</button>
|
|
</mat-card-actions>
|
|
|
|
</mat-card>
|