fixing notification header.

added work in progress banners.

frontend/src/app/app.component.ts

@@ -22,7 +22,8 @@ export class AppComponent implements OnInit {
     navbarBackdrop.classList.add('az-navbar-backdrop');
     document.querySelector('body').appendChild(navbarBackdrop);
 
-
+    //TODO: onfirst load the header is always shown, why?
+    // seems to be related to the presence of jwt token, and/or auth-interceptor.
     //determine if we should show the header
     this.router.events.subscribe(event => this.modifyHeader(event));
   }

frontend/src/app/components/header/header.component.html

@@ -24,7 +24,7 @@
         <a routerLink="/"><i class="typcn typcn-messages"></i></a>
       </div><!-- az-header-message -->
       <div class="dropdown az-header-notification" ngbDropdown>
-        <a class="new" id="notificationsDropdown" ngbDropdownToggle><i class="typcn typcn-bell"></i></a>
+        <a class="new" id="notificationsDropdown" ngbDropdownToggle><i class="far fa-sm fa-bell"></i></a>
         <div class="dropdown-menu" ngbDropdownMenu aria-labelledby="notificationsDropdown">
           <div class="az-dropdown-header mg-b-20 d-sm-none">
             <a class="az-header-arrow" (click)="closeMenu($event)"><i class="icon ion-md-arrow-back"></i></a>

frontend/src/app/components/list-generic-resource/list-generic-resource.component.html

@@ -1,4 +1,16 @@
 <div>
+
+  <div class="alert alert-info" role="alert">
+    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+      <span aria-hidden="true">×</span>
+    </button>
+    <strong>Work-in-Progress!</strong> Fasten is still under active development, and some of these tables may be incomplete.
+    <br/>
+    You can click on a row to see the raw data.
+    <br/>
+    If you have any feedback regarding the data displayed, please <a href="https://github.com/fastenhealth/docs/issues">file a ticket <i class="fab fa-github"></i></a>
+  </div>
+
   <ngx-datatable
     #table
     class="bootstrap"

frontend/src/app/pages/medical-sources/medical-sources.component.html

@@ -6,6 +6,17 @@
         <span>Medical Sources</span>
       </div>
 
+      <div class="alert alert-info" role="alert">
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+          <span aria-hidden="true">×</span>
+        </button>
+        <strong>Work-in-Progress!</strong> Some sources may not be implemented correctly.
+        Some sources may require frequent re-connection, as background refresh has not been implemented yet.
+        <br/>
+        If you have feedback regarding healthcare sources, please <a href="https://github.com/fastenhealth/docs/issues">file a ticket <i class="fab fa-github"></i></a>
+      </div>
+
+
       <h2 class="az-content-title">Connected Sources</h2>
 
       <div class="row">

frontend/src/assets/scss/layout/_content.scss

@@ -124,10 +124,10 @@
     position: relative;
 
     + span::before {
-      content: '\f3d1';
+      content: '\f054';
-      font-family: 'Ionicons';
+      font-family: "Font Awesome 5 Free";
       font-size: 12px;
-      font-weight: 300;
+      font-weight: 900;
       display: inline;
       margin: 0 5px;
       color: $gray-400;

frontend/src/assets/scss/layout/_header.scss

@@ -550,8 +550,8 @@
       &::before {
         content: '';
         position: absolute;
-        top: -2px;
+        top: -4px;
-        right: 2px;
+        right: -1px;
         width: 7px;
         height: 7px;
         background-color: $red;