placeholder for empty service interfaces table

web/projects/shared/src/i18n/dictionaries/de.ts

@@ -575,4 +575,5 @@ export default {
   608: 'Zweck',
   609: 'Subdomains von',
   610: 'Dynamisches DNS',
+  611: 'Keine Service-Schnittstellen',
 } satisfies i18n

web/projects/shared/src/i18n/dictionaries/en.ts

@@ -574,4 +574,5 @@ export const ENGLISH = {
   'Purpose': 608, // as in, the reason for a thing to exist
   'subdomains of': 609, // this is a partial sentence. A domain name will be added after "of" to complete the sentence.
   'Dynamic DNS': 610,
+  'No service interfaces': 611, // as in, there are no available interfaces (API, UI, etc) for this software application
 } as const

web/projects/shared/src/i18n/dictionaries/es.ts

@@ -575,4 +575,5 @@ export default {
   608: 'Propósito',
   609: 'Subdominios de',
   610: 'DNS dinámico',
+  611: 'Sin interfaces de servicio',
 } satisfies i18n

web/projects/shared/src/i18n/dictionaries/fr.ts

@@ -575,4 +575,5 @@ export default {
   608: 'But',
   609: 'Sous-domaines de',
   610: 'DNS dynamique',
+  611: 'Aucune interface de service',
 } satisfies i18n

web/projects/shared/src/i18n/dictionaries/pl.ts

@@ -575,4 +575,5 @@ export default {
   608: 'Cel',
   609: 'Subdomeny',
   610: 'Dynamiczny DNS',
+  611: 'Brak interfejsów usług',
 } satisfies i18n

web/projects/ui/src/app/routes/portal/routes/services/components/interfaces.component.ts

@@ -9,6 +9,7 @@ import { tuiDefaultSort } from '@taiga-ui/cdk'
 import { PackageDataEntry } from 'src/app/services/patch-db/data-model'
 import { ServiceInterfaceItemComponent } from './interface-item.component'
 import { i18nPipe } from '@start9labs/shared'
+import { PlaceholderComponent } from '../../../components/placeholder.component'
 
 @Component({
   selector: 'service-interfaces',
@@ -31,6 +32,10 @@ import { i18nPipe } from '@start9labs/shared'
             [pkg]="pkg()"
             [disabled]="disabled()"
           ></tr>
+        } @empty {
+          <app-placeholder icon="@tui.monitor-x">
+            {{ 'No service interfaces' | i18n }}
+          </app-placeholder>
         }
       </tbody>
     </table>
@@ -42,7 +47,12 @@ import { i18nPipe } from '@start9labs/shared'
   `,
   host: { class: 'g-card' },
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [ServiceInterfaceItemComponent, TuiTable, i18nPipe],
+  imports: [
+    ServiceInterfaceItemComponent,
+    TuiTable,
+    i18nPipe,
+    PlaceholderComponent,
+  ],
 })
 export class ServiceInterfacesComponent {
   readonly pkg = input.required<PackageDataEntry>()