database driven image uploader and storage service model

src/app/schedule/schedule.component.html

@@ -1,7 +1,7 @@
 <section class="schedule">
   <div class="container">
     <div class="schedule-header">
-      <img [src]="config().logo_url" alt="" class="schedule-flower" aria-hidden="true">
+      <img [src]="resolveImageUrl(config().logo_url)" alt="" class="schedule-flower" aria-hidden="true">
       <h2>Program <span class="text-accent">Schedule</span></h2>
       <p class="section-intro">
         All times are local (Mountain Time). Every show is free to listen to

src/app/schedule/schedule.component.ts

@@ -6,7 +6,7 @@ import { ShowService } from '../services/show.service';
 import { Show } from '../interfaces/show';
 import { StationConfigService } from '../services/station-config.service';
 import { SortSchedulesPipe } from '../pipes/sort-schedules.pipe';
-import { getAppConfig } from '../services/app-config.service';
+import { resolveImageUrl } from '../services/app-config.service';
 
 interface ScheduleState {
   loading: boolean;
@@ -33,8 +33,10 @@ export class ScheduleComponent {
 
   /** Resolve a relative uploads/… path to an absolute URL for image rendering. */
   resolveAsset(url: string | null): string {
-    if (!url) return '';
-    if (url.startsWith('http://') || url.startsWith('https://')) return url;
-    return `${getAppConfig().apiBaseUrl}/${url}`;
+    return resolveImageUrl(url ?? '');
+  }
+
+  resolveImageUrl(url: string): string {
+    return resolveImageUrl(url);
   }
 }