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.
65 lines
2.4 KiB
65 lines
2.4 KiB
<div class="comment row no-gutters">
|
|
<div class="col-auto pr-2">
|
|
<img class="user-picture" title="{{comment.user | sqxUserNameRef}}" [src]="comment.user | sqxUserPictureRef" />
|
|
</div>
|
|
|
|
<ng-container *ngIf="!isEditing; else editing">
|
|
<div class="col col-text">
|
|
<div class="comment-message">
|
|
<div class="user-row">
|
|
<div class="user-ref">{{comment.user | sqxUserNameRef}}</div>
|
|
</div>
|
|
|
|
<div [innerHTML]="comment.text | sqxMarkdown"></div>
|
|
|
|
<div class="comment-created text-muted">
|
|
<ng-container *ngIf="canFollow && comment.url">
|
|
<a [routerLink]="comment.url">Follow</a>
|
|
</ng-container>
|
|
|
|
{{comment.time | sqxFromNow}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-template #editing>
|
|
<div class="col">
|
|
<form (ngSubmit)="update()">
|
|
<textarea class="form-control mb-1" name="{{comment.id}}" sqxFocusOnInit
|
|
[(ngModel)]="editingText"
|
|
[mention]="mentionUsers"
|
|
[mentionConfig]="mentionConfig"
|
|
[mentionListTemplate]="mentionListTemplate"
|
|
(keydown)="updateWhenEnter($event)"></textarea>
|
|
|
|
<div>
|
|
<button type="button" class="btn btn-sm btn-secondary mr-1" (click)="cancelEdit()">
|
|
Cancel
|
|
</button>
|
|
<button type="submit" class="btn btn-sm btn-primary">
|
|
<i class="icon-enter"></i> Save
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</ng-template>
|
|
|
|
<div class="actions" *ngIf="!isEditing">
|
|
<button *ngIf="isEditable && canEdit" type="button" class="btn btn-sm btn-text-secondary" (click)="startEdit()">
|
|
<i class="icon-pencil"></i>
|
|
</button>
|
|
|
|
<button *ngIf="isDeletable || canDelete" type="button" class="btn btn-sm btn-text-danger"
|
|
(sqxConfirmClick)="delete()"
|
|
confirmTitle="Delete comment"
|
|
confirmText="Do you really want to delete the comment?"
|
|
[confirmRequired]="confirmDelete">
|
|
<i class="icon-bin2"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<ng-template #mentionListTemplate let-item="item">
|
|
{{item['contributorEmail']}}
|
|
</ng-template>
|