mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-26 17:24:56 +00:00
35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
<div class="adf-comments-container">
|
|
<div id="comment-header" class="adf-comments-header adf-comments-divider">
|
|
{{'COMMENTS.HEADER' | translate: { count: comments?.length } }}
|
|
</div>
|
|
<div *ngIf="!readOnly" class="adf-comments-input-container adf-comments-divider">
|
|
<mat-form-field class="adf-comments-form-field" subscriptSizing="dynamic">
|
|
<mat-label>{{'COMMENTS.ADD' | translate}}</mat-label>
|
|
<textarea
|
|
matInput
|
|
id="comment-input"
|
|
[attr.aria-label]="'COMMENTS.ADD' | translate"
|
|
[(ngModel)]="message"
|
|
(keydown.escape)="clearMessage($event)"
|
|
>
|
|
</textarea>
|
|
</mat-form-field>
|
|
|
|
<div class="adf-comments-input-actions">
|
|
<button
|
|
mat-button
|
|
class="adf-comments-input-add"
|
|
data-automation-id="comments-input-add"
|
|
color="primary"
|
|
(click)="addComment()"
|
|
[disabled]="!message"
|
|
>
|
|
{{ 'COMMENTS.ADD' | translate }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<adf-comment-list *ngIf="comments?.length > 0" [comments]="comments">
|
|
</adf-comment-list>
|
|
</div>
|