add icons

thebookins · Feb 8, 2020 · d205650 · d205650
1 parent 726280b
commit d205650
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -7,6 +7,8 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 import { MatCardModule } from '@angular/material/card';
 import { TimeAgoPipe } from 'time-ago-pipe';
+import { MatIconModule } from '@angular/material/icon';
+
 
 import { HttpClientModule } from '@angular/common/http';
 import { TwitFollowComponent } from './twit-follow/twit-follow.component';
@@ -24,6 +26,7 @@ import { JwSocialButtonsModule } from 'jw-angular-social-buttons';
     BrowserModule,
     BrowserAnimationsModule,
     MatCardModule,
+    MatIconModule,
     HttpClientModule,
     JwSocialButtonsModule
   ],

diff --git a/src/app/status-bar/status-bar.component.html b/src/app/status-bar/status-bar.component.html
@@ -1,7 +1,8 @@
-<mat-card class="example-card">
+<mat-card *ngIf="status" class="example-card">
   <mat-card-header>
     <mat-card-title>Share US status</mat-card-title>
     <mat-card-subtitle>
+      <mat-icon>{{ status.up ? "check" : "close" }}</mat-icon>
       {{ status.up ? "online" : "offline" }} since {{ status.since | date }} ({{ status.since | timeAgo }})
     </mat-card-subtitle>
   </mat-card-header>