comparison src/app/progress-spinner/progress-spinner.component.ts @ 115:c02c76b94148

Basic spinner for indicating loading of files and features - the flag used for tracking state is mostly redundant (it is usually !canExtract... apart from initial state)... but going with this for now.

+/**
+ * Created by lucast on 14/03/2017.
+ */
+
+
+import {Component, Input} from "@angular/core";
+@Component({
+  selector: 'ugly-progress-spinner',
+  template: `
+    <div class="container" [hidden]="!isVisible">
+      <md-spinner
+        class="spinner"
+        color="primary"
+      ></md-spinner>
+    </div>
+  `,
+  styles: [`
+    .container {
+      height: 40px;
+      width: 40px;
+      position: absolute;
+      top: calc(100% - 40px);
+      left: calc(100% - 40px);
+    }
+    
+    .spinner {
+      width: 100%;
+      height: 100%;
+    }
+  `]
+})
+export class ProgressSpinnerComponent {
+  @Input() isVisible: boolean = true;
+}