web app: Fix location of guidecoclors.css in Colors dialog

The dialog was displaying the default location. Updated to display the actual location. Fixes #1004
MythTV · Dec 27, 2024 · dd4e6fb · dd4e6fb
1 parent 9fe31ef
commit dd4e6fb
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/mythtv/html/apps/backend/main.js b/mythtv/html/apps/backend/main.js
diff --git a/mythtv/html/backend/src/app/guide/components/legend/legend.component.html b/mythtv/html/backend/src/app/guide/components/legend/legend.component.html
@@ -26,5 +26,5 @@
 
         <p>{{ 'dashboard.guide.color_includes' | translate }}<br>
         {{ 'dashboard.guide.color_expl' | translate }}<br>
-        {{ 'dashboard.guide.color_customize' | translate }}<code>/usr/share/mythtv/html/assets/guidecolors.css</code>&nbsp;.</p>
+        {{ 'dashboard.guide.color_customize' | translate }}<code>{{ cssFile }}</code>&nbsp;.</p>
     </div>
diff --git a/mythtv/html/backend/src/app/guide/components/legend/legend.component.ts b/mythtv/html/backend/src/app/guide/components/legend/legend.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { ScheduleOrProgram } from 'src/app/services/interfaces/program.interface';
 import { ProgramGuide } from 'src/app/services/interfaces/programguide.interface';
+import { MythService } from 'src/app/services/myth.service';
 
 @Component({
   selector: 'app-legend',
@@ -14,10 +15,12 @@ export class LegendComponent implements OnInit {
   catTypes: string[] = [];
   categories: string[] = [];
   regex = /[^a-z0-9]/g;
+  cssFile = '';
 
-  constructor() { }
+  constructor(private mythService: MythService) { }
 
   ngOnInit(): void {
+    this.loadfInfo();
     let setTypes = new Set();
     let setCats = new Set();
     if (this.programGuide != null) {
@@ -67,4 +70,10 @@ export class LegendComponent implements OnInit {
     this.categories.sort();
   }
 
+  loadfInfo() {
+    this.mythService.GetBackendInfo().subscribe(data => {
+      this.cssFile = data.BackendInfo.Env.HttpRootDir + '/assets/guidecolors.css';
+    });
+  }
+
 }
diff --git a/mythtv/html/backend/src/app/services/interfaces/backend.interface.ts b/mythtv/html/backend/src/app/services/interfaces/backend.interface.ts
@@ -11,6 +11,7 @@ export interface EnvInfo {
     HOME:           string;
     USER:           string;
     MYTHCONFDIR:    string;
+    HttpRootDir:    string;
     SchedulingEnabled: boolean;
     IsDatabaseIgnored: boolean;
     DBTimezoneSupport: boolean;