database driven image uploader and storage service model

src/app/navbar/navbar.component.html

@@ -1,7 +1,7 @@
 <nav class="navbar" role="navigation" aria-label="Main navigation">
   <div class="container navbar-inner">
     <a routerLink="/" class="navbar-brand" routerLinkActive="active">
-      <img [src]="config().logo_url" alt="" class="brand-flower" aria-hidden="true">
+      <img [src]="resolveImageUrl(config().logo_url)" alt="" class="brand-flower" aria-hidden="true">
       <span class="brand-name">
         <span class="brand-mountain">{{ config().callsign | uppercase }}</span>
         <span class="brand-tagline">{{ config().tagline }}</span>

src/app/navbar/navbar.component.ts

@@ -5,6 +5,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 import { AuthService } from '../services/auth.service';
 import { StationConfigService } from '../services/station-config.service';
+import { resolveImageUrl } from '../services/app-config.service';
 
 @Component({
   selector: 'app-navbar',
@@ -47,6 +48,10 @@ export class NavbarComponent implements OnInit {
     this.menuOpen = false;
   }
 
+  resolveImageUrl(url: string): string {
+    return resolveImageUrl(url);
+  }
+
   onLogout(): void {
     this.auth.logout();
     this.router.navigate(['/']);