feat(device): Add 'Save to keyboard' button (#402)

* feat(device): Add 'Save to keyboard' button

Created a 'Progress Button' that have 2 state in progress or not.
Able to set different text for different state:
- baseText for normal state
- progressText for in progress state
close: #377

* fix 'Save to keyboard' button visibility in web version

* remove success notification when save to keyboard success

* feat(notifier): Turn off auto hide of the notifier

* feat(device): Show saved state of 'Save to keyboard button'

* style: Format import in app.component.ts

* feat(device): Auto hide 'Save to Keyboard' button

* fix(device): Fix saving animation

* fix(device): Fix saving animation

* fix(device): Fix tslint
This commit is contained in:
Róbert Kiss
2017-09-11 01:22:54 +02:00
committed by László Monda
parent c135aed7c9
commit 8d7269a998
16 changed files with 244 additions and 69 deletions

View File

@@ -0,0 +1,19 @@
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
import { Action } from '@ngrx/store';
import { ProgressButtonState, initProgressButtonState } from '../../store/reducers/progress-button-state';
@Component({
selector: 'progress-button',
templateUrl: './progress-button.component.html',
styleUrls: ['./progress-button.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class ProgressButtonComponent {
@Input() state: ProgressButtonState = initProgressButtonState;
@Output() clicked: EventEmitter<Action> = new EventEmitter<Action>();
onClicked() {
this.clicked.emit(this.state.action);
}
}