Headless CMS and Content Managment Hub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

27 lines
1.2 KiB

<sqx-panel desiredWidth="20rem" isBlank="true" [isLazyLoaded]="false" grid="true">
<ng-container title>
{{ 'comments.title' | sqxTranslate }}
</ng-container>
<ng-container content>
<ng-container *ngIf="mentionUsers | async; let users">
<div class="comments-list" #commentsList>
<div (sqxResized)="scrollDown()">
<sqx-comment *ngFor="let comment of commentsState.comments | async; trackBy: trackByComment" [comment]="comment" [commentsState]="commentsState" [mentionUsers]="users" [canEdit]="true" [canFollow]="false" [userToken]="userToken">
</sqx-comment>
</div>
</div>
<div class="comments-footer">
<form [formGroup]="commentForm.form" (ngSubmit)="comment()">
<input class="form-control" name="text" formControlName="text" placeholder="{{ 'comments.create' | sqxTranslate }}" [mention]="users" [mentionConfig]="mentionConfig" autocomplete="off" autocorrect="off" autocapitalize="off">
</form>
</div>
</ng-container>
</ng-container>
</sqx-panel>