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 */