Show loading indicator on toggle in RBF list
This commit is contained in:
		
							parent
							
								
									0b608c96dd
								
							
						
					
					
						commit
						87ee14f189
					
				@ -15,7 +15,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
  <div class="clearfix"></div>
 | 
					  <div class="clearfix"></div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  <div class="rbf-trees" style="min-height: 295px">
 | 
					  <div class="rbf-trees" [ngStyle]="{ 'min-height': '295px', 'opacity': isLoading ? '0.75' : '1' }">
 | 
				
			||||||
    <ng-container *ngIf="rbfTrees$ | async as trees">
 | 
					    <ng-container *ngIf="rbfTrees$ | async as trees">
 | 
				
			||||||
      <div *ngFor="let tree of trees" class="tree">
 | 
					      <div *ngFor="let tree of trees" class="tree">
 | 
				
			||||||
        <p class="info">
 | 
					        <p class="info">
 | 
				
			||||||
 | 
				
			|||||||
@ -38,6 +38,7 @@ export class RbfList implements OnInit, OnDestroy {
 | 
				
			|||||||
      this.fullRbf = (fragment === 'fullrbf');
 | 
					      this.fullRbf = (fragment === 'fullrbf');
 | 
				
			||||||
      this.websocketService.startTrackRbf(this.fullRbf ? 'fullRbf' : 'all');
 | 
					      this.websocketService.startTrackRbf(this.fullRbf ? 'fullRbf' : 'all');
 | 
				
			||||||
      this.nextRbfSubject.next(null);
 | 
					      this.nextRbfSubject.next(null);
 | 
				
			||||||
 | 
					      this.isLoading = true;
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    this.rbfTrees$ = merge(
 | 
					    this.rbfTrees$ = merge(
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user