2017-05-28 20:37:09 +00:00
|
|
|
<div class="integration">
|
2017-05-28 06:35:40 +00:00
|
|
|
<img [src]="integration.avatar" class="avatar">
|
2017-05-27 07:27:36 +00:00
|
|
|
<div class="title">
|
2017-05-28 06:35:40 +00:00
|
|
|
<b>{{ integration.name }}</b>
|
2017-05-27 07:27:36 +00:00
|
|
|
<div style="display: flex;">
|
2017-06-05 03:31:31 +00:00
|
|
|
<div class="switch" *ngIf="integration.type !== 'bridge'">
|
2017-05-28 06:35:40 +00:00
|
|
|
<ui-switch [checked]="integration.isEnabled" size="small" [disabled]="integration.isBroken" (change)="update()"></ui-switch>
|
2017-05-27 07:27:36 +00:00
|
|
|
</div>
|
2017-06-05 03:31:31 +00:00
|
|
|
<div class="switch" *ngIf="integration.type == 'bridge' && integration.isEnabled">
|
|
|
|
<ui-switch [checked]="true" size="small" [disabled]="true" ngbTooltip="This integration is always enabled. Click the cog to configure it."></ui-switch>
|
|
|
|
</div>
|
|
|
|
<div class="switch" *ngIf="integration.type == 'bridge' && !integration.isEnabled">
|
|
|
|
<ui-switch [checked]="false" size="small" [disabled]="true" ngbTooltip="{{ integration.bridgeError }}"></ui-switch>
|
|
|
|
</div>
|
2017-05-27 07:27:36 +00:00
|
|
|
<div class="toolbar">
|
2017-05-28 06:35:40 +00:00
|
|
|
<i class="fa fa-question-circle text-info" ngbTooltip="{{integration.about}}" *ngIf="integration.about"></i>
|
2017-05-29 04:51:04 +00:00
|
|
|
<i class="fa fa-cog text-info config-icon" (click)="configureIntegration()" *ngIf="integration.isEnabled && integration.hasConfig"></i>
|
2017-05-27 07:27:36 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="clear: both;"></div>
|
|
|
|
</div>
|