Block requesting invalid Service items from UI.

.gitignore

@@ -21,7 +21,7 @@
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json
-!.vscode/launch.json
+.vscode/launch.json
 !.vscode/extensions.json
 
 # misc

src/app/components/service/service.component.ts

@@ -20,8 +20,10 @@ export class ServiceComponent implements OnInit {
   }
 
   onItemSelected(item) {
-    this.openlpService.setServiceItem(item.id).subscribe();
-    this.router.navigate(['slides']);
+    if (item.is_valid) {
+      this.openlpService.setServiceItem(item.id).subscribe();
+      this.router.navigate(['slides']);
+    }
   }
 
   getServiceItems() {
@@ -35,7 +37,9 @@ export class ServiceComponent implements OnInit {
   }
 
   getIcon(item: ServiceItem): string {
-    if (item.plugin === 'songs') {
+    if (!item.is_valid) {
+      return 'delete';
+    } else if (item.plugin === 'songs') {
       return 'queue_music';
     } else if (item.plugin === 'images') {
       return 'image';

src/app/responses.ts

@@ -27,16 +27,17 @@ export interface Slide {
 }
 
 export interface ServiceItem {
-    id: string;
-    notes: string;
-    plugin: string;
-    selected: boolean;
-    title: string;
+  id: string;
+  notes: string;
+  plugin: string;
+  selected: boolean;
+  title: string;
+  is_valid: boolean;
 }
 
 export interface Theme {
-    selected: boolean;
-    name: string;
+  selected: boolean;
+  name: string;
 }
 
 export interface MainView {