MycroftAI
/
selene-ui
mirror of https://github.com/MycroftAI/selene-ui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

got to the previous page in history after device was added

pull/3/head
Chris Veilleux 2019-03-23 18:41:31 -05:00
parent 4a5a146536
commit 21ae056716
2 changed files with 131 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

247
projects/account/src/app/modules/device/pages/device-add/device-add.component.html
View File

@ -1,130 +1,129 @@
<!-- Show a horizontal stepper on larger devices -->
<mat-horizontal-stepper *ngIf="!alignVertical" labelPosition="bottom">
<!-- Use font awesome icons in the stepper to indicate progress -->
<ng-template matStepperIcon="done">
<fa-icon [icon]="stepDoneIcon"></fa-icon>
</ng-template>
<ng-template matStepperIcon="edit">
<fa-icon [icon]="stepDoneIcon"></fa-icon>
</ng-template>
<!-- Show a horizontal stepper on larger devices -->
<mat-horizontal-stepper *ngIf="!alignVertical" labelPosition="bottom">
<!-- Use font awesome icons in the stepper to indicate progress -->
<ng-template matStepperIcon="done">
<fa-icon [icon]="stepDoneIcon"></fa-icon>
</ng-template>
<ng-template matStepperIcon="edit">
<fa-icon [icon]="stepDoneIcon"></fa-icon>
</ng-template>
<mat-step label="Preferences" *ngIf="!preferences" [stepControl]="preferencesForm">
<form [formGroup]="preferencesForm" (ngSubmit)="onPreferencesSubmit()">
<account-device-preferences
[preferencesForm]="preferencesForm"
[deviceSetup]="true"
>
</account-device-preferences>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button matStepperNext [disabled]="!preferencesForm.valid">
NEXT
</button>
</div>
</form>
</mat-step>
<mat-step label="Defaults" *ngIf="!preferences" [stepControl]="defaultsForm">
<form [formGroup]="defaultsForm" (ngSubmit)="onDefaultsSubmit()">
<account-device-edit
[deviceForm]="defaultsForm"
[action]="'default setup'"
>
</account-device-edit>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button matStepperNext [disabled]="!defaultsForm.valid">
NEXT
</button>
</div>
</form>
</mat-step>
<mat-step label="Device" [stepControl]="deviceForm">
<form [formGroup]="deviceForm" (ngSubmit)="onDeviceSubmit()">
<account-device-edit
[deviceForm]="deviceForm"
[action]="'device setup'"
[defaults]="defaults"
>
</account-device-edit>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button matStepperNext [disabled]="!deviceForm.valid">
NEXT
</button>
</div>
</form>
</mat-step>
<mat-step label="Done!">
<account-device-add-complete [wakeWord]="deviceForm.controls['wakeWord'].value">
</account-device-add-complete>
<mat-step label="Preferences" *ngIf="!preferences" [stepControl]="preferencesForm">
<form [formGroup]="preferencesForm" (ngSubmit)="onPreferencesSubmit()">
<account-device-preferences
[preferencesForm]="preferencesForm"
[deviceSetup]="true"
>
</account-device-preferences>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button>FINISHED</button>
<button mat-button matStepperNext [disabled]="!preferencesForm.valid">
NEXT
</button>
</div>
</mat-step>
</mat-horizontal-stepper>
</form>
</mat-step>
<!-- Show a vertical stepper on smaller devices -->
<mat-vertical-stepper *ngIf="alignVertical">
<!-- Use font awesome icons in the stepper to indicate progress -->
<ng-template matStepperIcon="done">
<fa-icon [icon]="stepDoneIcon"></fa-icon>
</ng-template>
<ng-template matStepperIcon="edit">
<fa-icon [icon]="stepDoneIcon"></fa-icon>
</ng-template>
<mat-step label="Preferences" *ngIf="!preferences" [stepControl]="preferencesForm">
<form [formGroup]="preferencesForm" (ngSubmit)="onPreferencesSubmit()">
<account-device-preferences
[preferencesForm]="preferencesForm"
[deviceSetup]="true"
>
</account-device-preferences>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button matStepperNext [disabled]="!preferencesForm.valid">
NEXT
</button>
</div>
</form>
</mat-step>
<mat-step label="Defaults" *ngIf="!preferences" [stepControl]="defaultsForm">
<form [formGroup]="defaultsForm" (ngSubmit)="onDefaultsSubmit()">
<account-device-edit
[deviceForm]="defaultsForm"
[action]="'default setup'"
>
</account-device-edit>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button matStepperNext [disabled]="!defaultsForm.valid">
NEXT
</button>
</div>
</form>
</mat-step>
<mat-step label="Device" [stepControl]="deviceForm">
<form [formGroup]="deviceForm" (ngSubmit)="onDeviceSubmit()">
<account-device-edit
[deviceForm]="deviceForm"
[action]="'device setup'"
[defaults]="defaults"
>
</account-device-edit>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button matStepperNext [disabled]="!deviceForm.valid">
NEXT
</button>
</div>
</form>
</mat-step>
<mat-step label="Done!">
<account-device-add-complete [wakeWord]="deviceForm.controls['wakeWord'].value">
</account-device-add-complete>
<mat-step label="Defaults" *ngIf="!preferences" [stepControl]="defaultsForm">
<form [formGroup]="defaultsForm" (ngSubmit)="onDefaultsSubmit()">
<account-device-edit
[deviceForm]="defaultsForm"
[action]="'default setup'"
>
</account-device-edit>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button>FINISHED</button>
<button mat-button matStepperNext [disabled]="!defaultsForm.valid">
NEXT
</button>
</div>
</mat-step>
</mat-vertical-stepper>
</form>
</mat-step>
<mat-step label="Device" [stepControl]="deviceForm">
<form [formGroup]="deviceForm" (ngSubmit)="onDeviceSubmit()">
<account-device-edit
[deviceForm]="deviceForm"
[action]="'device setup'"
[defaults]="defaults"
>
</account-device-edit>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button matStepperNext [disabled]="!deviceForm.valid">
NEXT
</button>
</div>
</form>
</mat-step>
<mat-step label="Done!">
<account-device-add-complete [wakeWord]="deviceForm.controls['wakeWord'].value">
</account-device-add-complete>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button (click)="onFinished()">FINISHED</button>
</div>
</mat-step>
</mat-horizontal-stepper>
<!-- Show a vertical stepper on smaller devices -->
<mat-vertical-stepper *ngIf="alignVertical">
<!-- Use font awesome icons in the stepper to indicate progress -->
<ng-template matStepperIcon="done">
<fa-icon [icon]="stepDoneIcon"></fa-icon>
</ng-template>
<ng-template matStepperIcon="edit">
<fa-icon [icon]="stepDoneIcon"></fa-icon>
</ng-template>
<mat-step label="Preferences" *ngIf="!preferences" [stepControl]="preferencesForm">
<form [formGroup]="preferencesForm" (ngSubmit)="onPreferencesSubmit()">
<account-device-preferences
[preferencesForm]="preferencesForm"
[deviceSetup]="true"
>
</account-device-preferences>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button matStepperNext [disabled]="!preferencesForm.valid">
NEXT
</button>
</div>
</form>
</mat-step>
<mat-step label="Defaults" *ngIf="!preferences" [stepControl]="defaultsForm">
<form [formGroup]="defaultsForm" (ngSubmit)="onDefaultsSubmit()">
<account-device-edit
[deviceForm]="defaultsForm"
[action]="'default setup'"
>
</account-device-edit>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button matStepperNext [disabled]="!defaultsForm.valid">
NEXT
</button>
</div>
</form>
</mat-step>
<mat-step label="Device" [stepControl]="deviceForm">
<form [formGroup]="deviceForm" (ngSubmit)="onDeviceSubmit()">
<account-device-edit
[deviceForm]="deviceForm"
[action]="'device setup'"
[defaults]="defaults"
>
</account-device-edit>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button matStepperNext [disabled]="!deviceForm.valid">
NEXT
</button>
</div>
</form>
</mat-step>
<mat-step label="Done!">
<account-device-add-complete [wakeWord]="deviceForm.controls['wakeWord'].value">
</account-device-add-complete>
<div fxLayout="row" fxLayoutAlign="end">
<button mat-button (click)="onFinished()">FINISHED</button>
</div>
</mat-step>
</mat-vertical-stepper>

16
projects/account/src/app/modules/device/pages/device-add/device-add.component.ts
View File

@ -1,18 +1,14 @@
import { Component, OnInit } from '@angular/core';
import { MediaChange, MediaObserver } from '@angular/flex-layout';
import {
FormBuilder,
FormGroup,
Validators
} from '@angular/forms';
import {FormBuilder, FormGroup, Validators } from '@angular/forms';
import { ActivatedRoute } from '@angular/router';
import { faCheck } from '@fortawesome/free-solid-svg-icons';
import { Subscription } from 'rxjs';
import { AccountPreferences } from '../../../../shared/models/preferences.model';
import { DeviceService } from '../../../../core/http/device.service';
import { AccountDefaults } from '../../../../shared/models/defaults.model';
import { AccountDefaults } from '@account/models/defaults.model';
import { AccountPreferences } from '@account/models/preferences.model';
import { DeviceService } from '@account/http/device.service';
@Component({
selector: 'account-device-add',
@ -114,4 +110,8 @@ export class DeviceAddComponent implements OnInit {
onDefaultsSubmit() {
this.deviceService.addAccountDefaults(this.defaultsForm).subscribe();
}
onFinished() {
window.history.back();
}
}