refactor: add info label for custom user agent field

src/app/home/recent-playlists/playlist-info/playlist-info.component.html

@@ -36,11 +36,14 @@
             }}</mat-label>
             <input matInput formControlName="count" />
         </mat-form-field>
-        <mat-form-field class="full-width">
+        <mat-form-field class="full-width mb-10">
             <mat-label>{{
                 'HOME.PLAYLISTS.INFO_DIALOG.USER_AGENT' | translate
             }}</mat-label>
             <input formControlName="userAgent" matInput />
+            <mat-hint>{{
+                'HOME.PLAYLISTS.INFO_DIALOG.CUSTOM_USER_AGENT' | translate
+            }}</mat-hint>
         </mat-form-field>
         <mat-form-field class="full-width" *ngIf="playlist.filePath">
             <mat-label>

src/assets/i18n/de.json

@@ -61,7 +61,8 @@
                 "FILE_PATH": "Dateipfad",
                 "UPDATE_FAILED": "Update fehlgeschlagen",
                 "AUTO_UPDATE": "Auto-update",
-                "AUTO_UPDATE_DESCRIPTION": "Wenn die Auto-Refresh-Funktion aktiviert ist, wird die Wiedergabeliste bei jedem Start der Anwendung automatisch aktualisiert."
+                "AUTO_UPDATE_DESCRIPTION": "Wenn die Auto-Refresh-Funktion aktiviert ist, wird die Wiedergabeliste bei jedem Start der Anwendung automatisch aktualisiert.",
+                "CUSTOM_USER_AGENT": "Einige IPTV-Anbieter benötigen einen bestimmten 'User-Agent', um ihre Playlist abspielen zu können."
             },
             "UPDATED": "Aktualisiert am",
             "REFRESH": "Aktualisieren"

src/assets/i18n/en.json

@@ -29,7 +29,8 @@
                 "FILE_PATH": "File path",
                 "UPDATE_FAILED": "Last playlist update failed",
                 "AUTO_UPDATE": "Auto-update",
-                "AUTO_UPDATE_DESCRIPTION": "If the auto-refresh function is activated, the playlist will be updated automatically each time the app is started."
+                "AUTO_UPDATE_DESCRIPTION": "If the auto-refresh function is activated, the playlist will be updated automatically each time the app is started.",
+                "CUSTOM_USER_AGENT": "Some IPTV providers need a specific user-agent in order to play their playlist."
             },
             "UPDATED": "Updated",
             "REFRESH": "Refresh playlist"

src/assets/i18n/ru.json

@@ -29,7 +29,8 @@
                 "FILE_PATH": "Путь к файлу",
                 "UPDATE_FAILED": "Не удалось обновить плейлист",
                 "AUTO_UPDATE": "Автообновление",
-                "AUTO_UPDATE_DESCRIPTION": "Если активирована функция автообновления, список воспроизведения будет обновляться автоматически при каждом запуске приложения."
+                "AUTO_UPDATE_DESCRIPTION": "Если активирована функция автообновления, список воспроизведения будет обновляться автоматически при каждом запуске приложения.",
+                "CUSTOM_USER_AGENT": "Некоторые IPTV провайдеры требуют указанние определенного пользовательского агента (User Agent) для воспроизведения своего плейлиста."
             },
             "UPDATED": "Обновлен",
             "REFRESH": "Обновить плейлист"

src/styles.scss

@@ -55,3 +55,7 @@ textarea,
         background-color: rgb(60, 60, 60);
     }
 }
+
+.mb-10 {
+    margin-bottom: 10px;
+}