added loading animation for thread loading

src/app/components/stream/stream-statuses/stream-statuses.component.html

@@ -1,6 +1,9 @@
 <div class="stream-toots flexcroll" #statusstream (scroll)="onScroll()">
+    <app-waiting-animation *ngIf="isLoading" class="waiting-icon"></app-waiting-animation>
+
     <!-- data-simplebar  -->
     <div class="stream-toots__status" *ngFor="let statusWrapper of statuses">
-        <app-status [statusWrapper]="statusWrapper" (browseAccountEvent)="browseAccount($event)" (browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)"></app-status>
+        <app-status [statusWrapper]="statusWrapper" (browseAccountEvent)="browseAccount($event)" (browseHashtagEvent)="browseHashtag($event)"
+            (browseThreadEvent)="browseThread($event)"></app-status>
     </div>
-</div> 
+</div>

src/app/components/stream/stream-statuses/stream-statuses.component.ts

@@ -16,6 +16,7 @@ import { StatusWrapper } from '../stream.component';
     styleUrls: ['./stream-statuses.component.scss']
 })
 export class StreamStatusesComponent implements OnInit, OnDestroy {
+    private isLoading = false; //TODO
 
     private _streamElement: StreamElement;
     private account: AccountInfo;

src/app/components/stream/thread/thread.component.html

@@ -1,5 +0,0 @@
-<p>
-  thread works!
-
-  {{ thread }}
-</p>

src/app/components/stream/thread/thread.component.ts

@@ -11,6 +11,7 @@ import { Status, Results, Context } from '../../../services/models/mastodon.inte
 })
 export class ThreadComponent implements OnInit {
     statuses: StatusWrapper[] = [];
+    private isLoading: boolean;
 
     @Output() browseAccountEvent = new EventEmitter<string>();
     @Output() browseHashtagEvent = new EventEmitter<string>();
@@ -19,6 +20,7 @@ export class ThreadComponent implements OnInit {
     @Input('currentThread')
     set currentThread(thread: string) {
         if (thread) {
+            this.isLoading = true;
             this.getThread(thread);
         }
     }
@@ -41,6 +43,7 @@ export class ThreadComponent implements OnInit {
                     const retrievedStatus = result.statuses[0];
                     this.mastodonService.getStatusContext(currentAccount, retrievedStatus.id)
                         .then((context: Context) => {
+                            this.isLoading = false;
                             let contextStatuses = [...context.ancestors, retrievedStatus, ...context.descendants]
 
                             for (const s of contextStatuses) {
@@ -50,6 +53,7 @@ export class ThreadComponent implements OnInit {
                         });
                 } else {
                     //TODO handle error
+                    this.isLoading = false;
                     console.error('could not retrieve status');
                 }
             });