mirror of
https://github.com/turt2live/matrix-dimension.git
synced 2024-10-01 01:05:53 -04:00
47 lines
2.4 KiB
HTML
47 lines
2.4 KiB
HTML
<div *ngIf="isLoading">
|
|
<my-spinner></my-spinner>
|
|
</div>
|
|
<div *ngIf="!isLoading">
|
|
<my-ibox boxTitle="Sticker Packs" *ngIf="packs.length <= 0 && !customEnabled">
|
|
<div class="my-ibox-content">
|
|
<h5 style="text-align: center;">{{'Sticker packs are not enabled on this Dimension instance.' | translate}}</h5>
|
|
</div>
|
|
</my-ibox>
|
|
<my-ibox boxTitle="Add Sticker Packs" *ngIf="customEnabled">
|
|
<div class="my-ibox-content">
|
|
<form (submit)="importPack()" novalidate name="importForm">
|
|
<label class="label-block">
|
|
Stickerpack URL
|
|
<span class="text-muted">{{'Start a conversation with' | translate}} {{stickerBot}} {{'to create your own stickerpack.' | translate}}</span>
|
|
<input type="text" class="form-control" name="packUrl"
|
|
placeholder="{{managerUrl}}/pack/..."
|
|
[(ngModel)]="packUrl" [disabled]="isImporting"/>
|
|
</label>
|
|
<div style="margin-top: 25px">
|
|
<button type="submit" class="btn btn-sm btn-success" [disabled]="isImporting">
|
|
<i class="fa fa-plus"></i> {{'Add stickerpack' | translate}}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</my-ibox>
|
|
<my-ibox boxTitle="Sticker Packs" *ngIf="packs.length > 0">
|
|
<div class="my-ibox-content">
|
|
<div class="pack" *ngFor="let pack of packs trackById">
|
|
<img [src]="getThumbnailUrl(pack.avatarUrl, 120, 120)" width="120" height="120"/>
|
|
<div class="caption">
|
|
<ui-switch [checked]="pack.isSelected" size="medium" [disabled]="isUpdating"
|
|
(change)="toggleSelected(pack)" class="toggle-switch"></ui-switch>
|
|
|
|
<span class="name">{{ pack.displayName | translate}}</span>
|
|
<span class="description">{{ pack.description | translate}}</span>
|
|
|
|
<span class="author" *ngIf="pack.author.type !== 'none'">{{'Created by' | translate}} <a
|
|
[href]="pack.author.reference">{{ pack.author.name }}</a> {{'under' | translate}} </span>
|
|
<span class="license"><a [href]="pack.license.urlPath">{{ pack.license.name }}</a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</my-ibox>
|
|
</div>
|