2018-05-12 23:55:02 -04:00
|
|
|
<div class="dialog">
|
|
|
|
|
<div class="dialog-header">
|
|
|
|
|
<h4>Sticker Pack: {{ pack.displayName }}</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dialog-content">
|
|
|
|
|
<div class="sticker" *ngFor="let sticker of pack.stickers trackById">
|
|
|
|
|
<img [src]="getThumbnailUrl(sticker.thumbnail.mxc, 120, 120)" width="120" height="120"/>
|
|
|
|
|
<div class="caption">
|
|
|
|
|
<span class="name">{{ sticker.name }}</span>
|
|
|
|
|
<span class="description">{{ sticker.description }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dialog-footer">
|
|
|
|
|
<button type="button" (click)="dialog.close()" title="close" class="btn btn-secondary btn-sm">
|
2020-10-23 07:30:20 -04:00
|
|
|
<i class="far fa-times-circle"></i> {{'Close' | translate}}
|
2018-05-12 23:55:02 -04:00
|
|
|
</button>
|
|
|
|
|
</div>
|
2020-10-23 07:30:20 -04:00
|
|
|
</div>
|
