dev@115: /**
dev@115:  * Created by lucast on 14/03/2017.
dev@115:  */
dev@115: 
dev@115: 
dev@236: import {Component, Input} from '@angular/core';
dev@115: @Component({
dev@115:   selector: 'ugly-progress-spinner',
dev@115:   template: `
dev@115:     <div class="container" [hidden]="!isVisible">
dev@505:       <mat-spinner
dev@115:         class="spinner"
dev@224:         [attr.color]="'primary'"
dev@224:         [mode]="isDeterminate ? 'determinate' : 'indeterminate'"
dev@224:         [value]="currentProcess"
dev@505:         [diameter]="40"
dev@505:         [strokeWidth]="3"
dev@505:       ></mat-spinner>
dev@115:     </div>
dev@115:   `,
dev@115:   styles: [`
dev@115:     .container {
dev@505:       height: 50px;
dev@505:       width: 50px;
dev@115:       position: absolute;
dev@505:       left: calc(50% - 25px);
dev@115:     }
dev@224: 
dev@115:     .spinner {
dev@115:       width: 100%;
dev@115:       height: 100%;
dev@115:     }
dev@115:   `]
dev@115: })
dev@115: export class ProgressSpinnerComponent {
dev@236:   private currentProcess = 0;
dev@224: 
dev@236:   @Input() isVisible = true;
dev@236:   @Input() isDeterminate = false;
dev@224:   @Input()
dev@224:   set progress(value: number) {
dev@224:     if (value < 0) {
dev@224:       this.currentProcess = 0;
dev@224:     } else if (value > 100) {
dev@224:       this.currentProcess = 100;
dev@224:     } else {
dev@224:       this.currentProcess = value;
dev@224:     }
dev@224:   }
dev@115: }