matrix-dimension/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html

32 lines
1.6 KiB
HTML
Raw Normal View History

<div class="wrapper">
<div class="control-page" *ngIf="isLoading || authError">
<div class="loading-badge" *ngIf="isLoading">
<my-spinner></my-spinner>
</div>
<div class="auth-error" *ngIf="!isLoading && authError">
There was a problem authenticating your use of this sticker picker. Please make sure you're using a client
that has Dimension enabled and correctly set up.
</div>
</div>
<div class="sticker-picker" *ngIf="!isLoading && !authError">
<div class="no-stickers" *ngIf="!packs || packs.length === 0">
You have no sticker packs.
<!-- TODO: Open integrations manager -->
</div>
<div class="sticker-pack" *ngFor="let pack of packs trackById">
<div class="header">
<span class="title">{{ pack.displayName }}</span>
<span class="license"><a [href]="pack.license.urlPath" target="_blank">{{ pack.license.name }}</a></span>
<span class="author" *ngIf="pack.author.type !== 'none'">
<a [href]="pack.author.reference" target="_blank">{{ pack.author.name }}</a> |&nbsp;
</span>
</div>
<div class="stickers">
<div class="sticker" *ngFor="let sticker of pack.stickers trackById" (click)="sendSticker(sticker, pack)">
<img [src]="getThumbnailUrl(sticker.thumbnail.mxc, 48, 48)" width="48" height="48" class="image" ngbTooltip="{{ sticker.name }}" placement="bottom" />
</div>
</div>
</div>
</div>
</div>