diff --git a/apps/web/src/app/services/settings-store.service.ts b/apps/web/src/app/services/settings-store.service.ts index 6215f28dc..4aed192ab 100644 --- a/apps/web/src/app/services/settings-store.service.ts +++ b/apps/web/src/app/services/settings-store.service.ts @@ -27,7 +27,7 @@ const DEFAULT_SETTINGS: Settings = { mpvReuseInstance: false, vlcPlayerPath: '', remoteControl: false, - remoteControlPort: 3000, + remoteControlPort: 8765, epgUrl: [], }; diff --git a/apps/web/src/app/settings/settings.component.html b/apps/web/src/app/settings/settings.component.html index e483a4468..f882c0261 100644 --- a/apps/web/src/app/settings/settings.component.html +++ b/apps/web/src/app/settings/settings.component.html @@ -270,25 +270,23 @@ > - @if (settingsForm.value.remoteControl === true) {
@@ -302,13 +300,29 @@

- + + Port (1-65535) + @if (settingsForm.get('remoteControlPort')?.hasError('required')) { + {{ 'SETTINGS.PORT_REQUIRED' | translate }} + } + @if (settingsForm.get('remoteControlPort')?.hasError('min')) { + {{ 'SETTINGS.PORT_MIN' | translate }} + } + @if (settingsForm.get('remoteControlPort')?.hasError('max')) { + {{ 'SETTINGS.PORT_MAX' | translate }} + } + @if (settingsForm.get('remoteControlPort')?.hasError('pattern')) { + {{ 'SETTINGS.PORT_PATTERN' | translate }} + }
diff --git a/apps/web/src/app/settings/settings.component.ts b/apps/web/src/app/settings/settings.component.ts index 5bc12672f..0d3b86897 100644 --- a/apps/web/src/app/settings/settings.component.ts +++ b/apps/web/src/app/settings/settings.component.ts @@ -144,7 +144,15 @@ export class SettingsComponent implements OnInit { mpvReuseInstance: false, vlcPlayerPath: '', remoteControl: false, - remoteControlPort: 3000, + remoteControlPort: [ + 8765, + [ + Validators.required, + Validators.min(1), + Validators.max(65535), + Validators.pattern(/^\d+$/), + ], + ], }); /** Form array with epg sources */