<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-back-button [text]="'core.back' | translate"></ion-back-button>
        </ion-buttons>
        <ion-title>{{ 'addon.messageoutput_airnotifier.processorsettingsdesc' | translate }}</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <ion-refresher slot="fixed" [disabled]="!devicesLoaded" (ionRefresh)="refreshDevices($event.target)">
        <ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
    </ion-refresher>
    <core-loading [hideUntil]="devicesLoaded">
        <ion-list>
            <ion-item class="ion-text-wrap" *ngFor="let device of devices">
                <ion-label [class.core-bold]="device.current">
                    {{ device.name }} {{ device.model }} {{ device.platform }} {{ device.version }}
                    <span *ngIf="device.current">({{ 'core.currentdevice' | translate }})</span>
                </ion-label>
                <ion-spinner *ngIf="device.updating" slot="end"></ion-spinner>
                <ion-toggle [disabled]="device.updating" [(ngModel)]="device.enable"
                    (ngModelChange)="enableDevice(device, device.enable)">
                </ion-toggle>
            </ion-item>
        </ion-list>
    </core-loading>
</ion-content>
