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-08-29 04:08:32 +00:00
|
|
|
<div class="switch" *ngIf="integration.type !== 'bridge' && integration.type !== 'widget'">
|
2017-12-09 23:34:59 +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">
|
2017-06-10 20:56:29 +00:00
|
|
|
<i class="fa fa-warning text-warning" ngbTooltip="{{ integration.bridgeError }}"></i>
|
2017-06-05 03:31:31 +00:00
|
|
|
</div>
|
2017-05-27 07:27:36 +00:00
|
|
|
<div class="toolbar">
|
2017-12-09 23:34:59 +00:00
|
|
|
<i class="fa fa-question-circle text-info" ngbTooltip="{{integration.about}}"
|
|
|
|
*ngIf="integration.about"></i>
|
|
|
|
<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>
|