web-app: Miscellaneous fixes

Fix recordings menu bugs from PrimeNG upgrade: - Sub-menu was off the screen - Menu was not refreshing when another item was selected Remove unused import of Slide Menu Fix color and alignment of links in recording schedule dialog
MythTV · Aug 22, 2024 · 7872829 · 7872829
1 parent afa8b38
commit 7872829
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 9 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/dashboard/recordings/recordings.component.css b/mythtv/html/backend/src/app/dashboard/recordings/recordings.component.css
@@ -4,4 +4,6 @@
 
 :host ::ng-deep .p-tieredmenu .p-submenu-list {
     border: 2px solid;
-}
+    left: 10%;
+    top: 2em;
+}
diff --git a/mythtv/html/backend/src/app/dashboard/recordings/recordings.component.ts b/mythtv/html/backend/src/app/dashboard/recordings/recordings.component.ts
@@ -347,8 +347,11 @@ export class RecordingsComponent implements OnInit {
           this.jobs[ix + this.jobsoffset].visible = false;
       }
     }
-    // todo: implement this
+    // todo: implement this ??
     // this.menuToShow.push(this.mnu_updaterecrule);
+
+    // Notify Angular that menu has changed
+    this.menuToShow = [...this.menuToShow];
     this.menu.toggle(event);
   }
 

diff --git a/mythtv/html/backend/src/app/primeng.module.ts b/mythtv/html/backend/src/app/primeng.module.ts
@@ -31,7 +31,6 @@ import { ProgressBarModule } from 'primeng/progressbar';
 import { ScrollPanelModule } from 'primeng/scrollpanel';
 import { TabMenuModule } from 'primeng/tabmenu';
 import { MultiSelectModule } from 'primeng/multiselect';
-import { SlideMenuModule } from 'primeng/slidemenu';
 import {InputTextareaModule} from 'primeng/inputtextarea';
 import {TieredMenuModule} from 'primeng/tieredmenu';
 
@@ -68,7 +67,6 @@ import {TieredMenuModule} from 'primeng/tieredmenu';
         ScrollPanelModule,
         TabMenuModule,
         MultiSelectModule,
-        SlideMenuModule,
         InputTextareaModule,
         TieredMenuModule
     ]

diff --git a/mythtv/html/backend/src/app/schedule/schedule.component.css b/mythtv/html/backend/src/app/schedule/schedule.component.css
@@ -0,0 +1,12 @@
+
+a:link {
+    background-color: white;
+}
+
+a:visited {
+    background-color: white;
+}
+
+a:active {
+    background-color: white;
+}
diff --git a/mythtv/html/backend/src/app/schedule/schedule.component.html b/mythtv/html/backend/src/app/schedule/schedule.component.html
@@ -258,13 +258,13 @@
             <div class="form-group field" *ngIf="recRule.Type != 'Recording Template'">
                 <label for="Inetref" class="label block">{{ 'dashboard.sched.inetref_label' | translate }}</label>
                 <div class="grid p-0">
-                    <div class="col-3 flex align-items-center">
+                    <div class="col-5 flex align-items-center">
                         <p-radioButton name="prefix" value="ttvdb4.py_" [(ngModel)]="metaPrefix" inputId="ttvdb"
                             (ngModelChange)="iCheckbox(recRule)"></p-radioButton>
                         <label for="ttvdb"><img class="pl-1 " src="images/metadata/thetvdb.png" alt="thtvdb"
                                 height="40"></label>
                     </div>
-                    <div class="col-9 flex align-items-center">
+                    <div class="col-7 flex align-items-center">
                         <a href="{{ URLencode('https://thetvdb.com/search?query='+recRule.Title) }}" target="_blank">
                             {{ 'dashboard.sched.isearch' | translate }} thetvdb.com</a>
                         <br>
@@ -280,13 +280,13 @@
                             {{ 'dashboard.sched.isearch' | translate }} tvmaze.com</a>
                         <br>
                     </div>
-                    <div class="col-3 flex align-items-center">
+                    <div class="col-5 flex align-items-center">
                         <p-radioButton name="prefix" value="tmdb3.py_" [(ngModel)]="metaPrefix" inputId="tmdb"
                             (ngModelChange)="iCheckbox(recRule)"></p-radioButton>
                         <label for="tmdb"><img class="pl-1 " src="images/metadata/themoviedb.svg" alt="themoviedb"
                                 height="40"></label>
                     </div>
-                    <div class="col-9 flex align-items-center">
+                    <div class="col-7 flex align-items-center">
                         <a href="{{ URLencode('https://www.themoviedb.org/search?query='+recRule.Title) }}"
                             target="_blank">
                             {{ 'dashboard.sched.isearch' | translate }} themoviedb.org</a>