matrix-dimension/web/app/riot/riot.component.html

<div id="wrapper">
    <my-scalar-close></my-scalar-close>
    <div *ngIf="error">
        <p class="text-danger">{{ error }}</p>
    </div>
    <div *ngIf="loading && !error">
        <p><i class="fa fa-circle-o-notch fa-spin"></i> Loading...</p>
    </div>
    <div *ngIf="!error && !loading">
        <h3>Manage Integrations</h3>
        <p>Turn on anything you like. If an integration has some special configuration, it will have a configuration icon next to it.</p>
        <div class="integration-container">
            <my-integration *ngFor="let integration of integrations" [integration]="integration" (updated)="updateIntegration(integration)"></my-integration>
        </div>
    </div>
</div>