mirror of
https://github.com/turt2live/matrix-dimension.git
synced 2024-10-01 01:05:53 -04:00
49 lines
2.1 KiB
HTML
49 lines
2.1 KiB
HTML
<div *ngIf="isError">
|
|
<div class="alert alert-danger">{{ errorMessage }}</div>
|
|
</div>
|
|
<div *ngIf="isLoading">
|
|
<my-spinner></my-spinner>
|
|
</div>
|
|
|
|
<div *ngIf="!isLoading && !isError">
|
|
<!-- ------------------------ -->
|
|
<!-- EMPTY/ENCRYPTED STATES -->
|
|
<!-- ------------------------ -->
|
|
<div class="alert alert-warning" *ngIf="hasIntegrations() && isRoomEncrypted">
|
|
<h4>This room is encrypted</h4>
|
|
<strong>Integrations are not encrypted!</strong>
|
|
This means that some information about yourself and the
|
|
room may be leaked to the bot, bridge, or widget. This information includes the room ID, your display
|
|
name,
|
|
your username, your avatar, information about Riot, and other similar details. Add integrations with
|
|
caution.
|
|
</div>
|
|
<div class="alert alert-warning" *ngIf="!hasIntegrations() && isRoomEncrypted">
|
|
<h4>This room is encrypted</h4>
|
|
There are currently no integrations which support encrypted rooms. Sorry about that!
|
|
</div>
|
|
<div class="alert alert-warning" *ngIf="!hasIntegrations() && !isRoomEncrypted">
|
|
<h4>No integrations available</h4>
|
|
This room does not have any compatible integrations. Please contact the server owner if you're seeing
|
|
this
|
|
message.
|
|
</div>
|
|
|
|
<!-- ------------------------ -->
|
|
<!-- CATEGORIES -->
|
|
<!-- ------------------------ -->
|
|
<div *ngFor="let category of getCategories()">
|
|
<div class="ibox" *ngIf="getIntegrationsIn(category).length > 0">
|
|
<div class="ibox-title">
|
|
<h4>{{ category }}</h4>
|
|
</div>
|
|
<div class="ibox-content">
|
|
<div class="integration" *ngFor="let integration of getIntegrationsIn(category)">
|
|
<img class="integration-avatar" [src]="getSafeUrl(integration.avatar)"/>
|
|
<div class="integration-name">{{ integration.name }}</div>
|
|
<div class="integration-description">{{ integration.about }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |