mirror of https://github.com/Squidex/squidex.git
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.
43 lines
1.6 KiB
43 lines
1.6 KiB
<sqx-panel desiredWidth="20rem" isBlank="true" [isLazyLoaded]="false" grid="true">
|
|
<ng-container title>
|
|
Comments
|
|
</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">
|
|
<ng-template #mentionListTemplate let-item="item">
|
|
{{item['contributorEmail']}}
|
|
</ng-template>
|
|
|
|
<form [formGroup]="commentForm.form" (ngSubmit)="comment()">
|
|
<input class="form-control" name="text" formControlName="text" placeholder="Create a comment"
|
|
[mention]="users"
|
|
[mentionConfig]="mentionConfig"
|
|
[mentionListTemplate]="mentionListTemplate"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
autocapitalize="off" />
|
|
</form>
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|
|
</sqx-panel>
|
|
|
|
|
|
|
|
|
|
|