dev@115: /**
dev@115:  * Created by lucast on 14/03/2017.
dev@115:  */
dev@115: 
dev@115: 
dev@115: 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@115:       <md-spinner
dev@115:         class="spinner"
dev@115:         color="primary"
dev@115:       ></md-spinner>
dev@115:     </div>
dev@115:   `,
dev@115:   styles: [`
dev@115:     .container {
dev@115:       height: 40px;
dev@115:       width: 40px;
dev@115:       position: absolute;
dev@197:       top: calc(50% - 20px);
dev@197:       left: calc(50% - 20px);
dev@115:     }
dev@115:     
dev@115:     .spinner {
dev@115:       width: 100%;
dev@115:       height: 100%;
dev@115:     }
dev@115:   `]
dev@115: })
dev@115: export class ProgressSpinnerComponent {
dev@115:   @Input() isVisible: boolean = true;
dev@115: }