|
|
@ -35,13 +35,37 @@
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
</ion-grid>
|
|
|
|
</ion-grid>
|
|
|
|
</ion-slide>
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
<!-- compilation waiting screen -->
|
|
|
|
|
|
|
|
<ion-slide *ngIf="!slideIsHidden(slideCompilation)">
|
|
|
|
|
|
|
|
<ng-container *ngIf="state.compilation == 'compiling'">
|
|
|
|
|
|
|
|
<h2 translate>OTAWIZ.COMPILATION.COMPILING.TITLE</h2>
|
|
|
|
|
|
|
|
<!-- getActiveIndex() check because animated icons use loads of CPU, even when not visible! -->
|
|
|
|
|
|
|
|
<ion-spinner *ngIf="currentSlide == slideCompilation" item-start name="dots"></ion-spinner>
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<ng-container *ngIf="state.compilation == 'go-online'">
|
|
|
|
|
|
|
|
<h2 translate>OTAWIZ.COMPILATION.GO_ONLINE.TITLE</h2>
|
|
|
|
|
|
|
|
<p translate>OTAWIZ.COMPILATION.GO_ONLINE.TEXT</p>
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ng-container *ngIf="state.compilation == 'done'">
|
|
|
|
|
|
|
|
<h2 translate>OTAWIZ.COMPILATION.DONE.TITLE</h2>
|
|
|
|
|
|
|
|
<button ion-button large clear icon-end color="primary" (click)="slides.slideNext()">
|
|
|
|
|
|
|
|
{{ 'OTAWIZ.BTN_NEXT' | translate }}
|
|
|
|
|
|
|
|
<ion-icon name="arrow-forward"></ion-icon>
|
|
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<ng-container *ngIf="state.compilation == 'error'">
|
|
|
|
|
|
|
|
<h2 translate>OTAWIZ.COMPILATION.ERROR.TITLE</h2>
|
|
|
|
|
|
|
|
<p [innerHTML]="errorMsg"></p> <!-- @TODO: translate? -->
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
</ion-slide>
|
|
|
|
<!-- OTA Mode guide-->
|
|
|
|
<!-- OTA Mode guide-->
|
|
|
|
<ion-slide>
|
|
|
|
<ion-slide>
|
|
|
|
<ion-grid>
|
|
|
|
<ion-grid>
|
|
|
|
<ion-row align-items-center>
|
|
|
|
<ion-row align-items-center>
|
|
|
|
<ion-col col-12>
|
|
|
|
<ion-col col-12>
|
|
|
|
<h2 translate>OTAWIZ.OTAMODE.TITLE</h2>
|
|
|
|
<h2 translate>OTAWIZ.OTAMODE.TITLE</h2>
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
<ion-row align-items-center>
|
|
|
|
<ion-row align-items-center>
|
|
|
|
<ion-col col-12 col-md-6>
|
|
|
|
<ion-col col-12 col-md-6>
|
|
|
@ -50,7 +74,7 @@
|
|
|
|
Automatic mode
|
|
|
|
Automatic mode
|
|
|
|
</ion-card-header>
|
|
|
|
</ion-card-header>
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-icon class="mode_selection" name="wifi" ></ion-icon> <br>
|
|
|
|
<ion-icon class="mode_selection" name="wifi"></ion-icon> <br>
|
|
|
|
{{ 'OTAWIZ.OTAMODESELECTION.AUTOMATIC' | translate}}
|
|
|
|
{{ 'OTAWIZ.OTAMODESELECTION.AUTOMATIC' | translate}}
|
|
|
|
</ion-card-content>
|
|
|
|
</ion-card-content>
|
|
|
|
</ion-card>
|
|
|
|
</ion-card>
|
|
|
@ -61,7 +85,7 @@
|
|
|
|
Manual mode
|
|
|
|
Manual mode
|
|
|
|
</ion-card-header>
|
|
|
|
</ion-card-header>
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-icon class="mode_selection" name="hammer" ></ion-icon> <br>
|
|
|
|
<ion-icon class="mode_selection" name="hammer"></ion-icon> <br>
|
|
|
|
{{ 'OTAWIZ.OTAMODESELECTION.MANUAL' | translate}}
|
|
|
|
{{ 'OTAWIZ.OTAMODESELECTION.MANUAL' | translate}}
|
|
|
|
</ion-card-content>
|
|
|
|
</ion-card-content>
|
|
|
|
</ion-card>
|
|
|
|
</ion-card>
|
|
|
@ -71,7 +95,7 @@
|
|
|
|
</ion-grid>
|
|
|
|
</ion-grid>
|
|
|
|
</ion-slide>
|
|
|
|
</ion-slide>
|
|
|
|
<!-- OTA Manual -->
|
|
|
|
<!-- OTA Manual -->
|
|
|
|
<ion-slide id="manual-slide">
|
|
|
|
<ion-slide id="manual-slide">
|
|
|
|
<ion-grid *ngIf="modus==='manual'">
|
|
|
|
<ion-grid *ngIf="modus==='manual'">
|
|
|
|
<ion-row align-items-center>
|
|
|
|
<ion-row align-items-center>
|
|
|
|
<ion-col col-12 col-md-6>
|
|
|
|
<ion-col col-12 col-md-6>
|
|
|
@ -85,13 +109,14 @@
|
|
|
|
<li [innerHTML]="'OTAWIZ.OTAMODE.STEP3' | translate"></li>
|
|
|
|
<li [innerHTML]="'OTAWIZ.OTAMODE.STEP3' | translate"></li>
|
|
|
|
</ol>
|
|
|
|
</ol>
|
|
|
|
<!-- @TODO: diagram! -->
|
|
|
|
<!-- @TODO: diagram! -->
|
|
|
|
<button ion-button large clear icon-end color="primary" (click)="slides.slideNext()">
|
|
|
|
<button ion-button large clear icon-end color="primary" (click)="slides.slideNext()">
|
|
|
|
{{ 'OTAWIZ.BTN_NEXT' | translate }}
|
|
|
|
{{ 'OTAWIZ.BTN_NEXT' | translate }}
|
|
|
|
<ion-icon name="arrow-forward"></ion-icon>
|
|
|
|
<ion-icon name="arrow-forward"></ion-icon>
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
</ion-grid>
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
<!-- OTA Automatic-->
|
|
|
|
<ion-grid *ngIf="modus === 'automatic' ">
|
|
|
|
<ion-grid *ngIf="modus === 'automatic' ">
|
|
|
|
<ion-row align-items-center>
|
|
|
|
<ion-row align-items-center>
|
|
|
|
<ion-col col-12 col-md-6>
|
|
|
|
<ion-col col-12 col-md-6>
|
|
|
@ -103,7 +128,7 @@
|
|
|
|
</ion-col>
|
|
|
|
</ion-col>
|
|
|
|
<ion-col col-12 col-md-6>
|
|
|
|
<ion-col col-12 col-md-6>
|
|
|
|
<!-- @TODO: diagram! -->
|
|
|
|
<!-- @TODO: diagram! -->
|
|
|
|
<button ion-button large clear icon-end color="primary" (click)="slides.slideNext()">
|
|
|
|
<button ion-button large clear icon-end color="primary" (click)="slides.slideNext()">
|
|
|
|
{{ 'OTAWIZ.BTN_NEXT' | translate }}
|
|
|
|
{{ 'OTAWIZ.BTN_NEXT' | translate }}
|
|
|
|
<ion-icon name="arrow-forward"></ion-icon>
|
|
|
|
<ion-icon name="arrow-forward"></ion-icon>
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
@ -111,30 +136,6 @@
|
|
|
|
</ion-row>
|
|
|
|
</ion-row>
|
|
|
|
</ion-grid>
|
|
|
|
</ion-grid>
|
|
|
|
</ion-slide>
|
|
|
|
</ion-slide>
|
|
|
|
<!-- compilation waiting screen -->
|
|
|
|
|
|
|
|
<ion-slide *ngIf="!slideIsHidden(slideCompilation)">
|
|
|
|
|
|
|
|
<ng-container *ngIf="state.compilation == 'compiling'">
|
|
|
|
|
|
|
|
<h2 translate>OTAWIZ.COMPILATION.COMPILING.TITLE</h2>
|
|
|
|
|
|
|
|
<!-- getActiveIndex() check because animated icons use loads of CPU, even when not visible! -->
|
|
|
|
|
|
|
|
<ion-spinner *ngIf="currentSlide == slideCompilation" item-start name="dots"></ion-spinner>
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<ng-container *ngIf="state.compilation == 'go-online'">
|
|
|
|
|
|
|
|
<h2 translate>OTAWIZ.COMPILATION.GO_ONLINE.TITLE</h2>
|
|
|
|
|
|
|
|
<p translate>OTAWIZ.COMPILATION.GO_ONLINE.TEXT</p>
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ng-container *ngIf="state.compilation == 'done'">
|
|
|
|
|
|
|
|
<h2 translate>OTAWIZ.COMPILATION.DONE.TITLE</h2>
|
|
|
|
|
|
|
|
<button ion-button large clear icon-end color="primary" (click)="slides.slideNext()">
|
|
|
|
|
|
|
|
{{ 'OTAWIZ.BTN_NEXT' | translate }}
|
|
|
|
|
|
|
|
<ion-icon name="arrow-forward"></ion-icon>
|
|
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<ng-container *ngIf="state.compilation == 'error'">
|
|
|
|
|
|
|
|
<h2 translate>OTAWIZ.COMPILATION.ERROR.TITLE</h2>
|
|
|
|
|
|
|
|
<p [innerHTML]="errorMsg"></p> <!-- @TODO: translate? -->
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
</ion-slide>
|
|
|
|
|
|
|
|
<!-- wifi selection -->
|
|
|
|
<!-- wifi selection -->
|
|
|
|
<ion-slide id="wifi-slide" *ngIf="!slideIsHidden(slideWifi)">
|
|
|
|
<ion-slide id="wifi-slide" *ngIf="!slideIsHidden(slideWifi)">
|
|
|
|
<ion-grid>
|
|
|
|
<ion-grid>
|
|
|
|