{{ title }}
- {{ subtitle }}
-
@@ -30,7 +31,7 @@
- star
- {{
'HOME.XTREAM_PLAYLIST.URL_VALIDATION_ERROR' | translate
diff --git a/src/app/home/xtream-code-import/xtream-code-import.component.ts b/src/app/home/xtream-code-import/xtream-code-import.component.ts
index 7d64a3f71..a7c8e8f2a 100644
--- a/src/app/home/xtream-code-import/xtream-code-import.component.ts
+++ b/src/app/home/xtream-code-import/xtream-code-import.component.ts
@@ -67,4 +67,25 @@ export class XtreamCodeImportComponent {
);
this.addClicked.emit();
}
+
+ extractParams(urlAsString: string): void {
+ if (
+ this.form.get('username').value !== '' ||
+ this.form.get('password').value !== ''
+ )
+ return;
+ try {
+ // Create a new URL object from the complete link
+ const url = new URL(urlAsString);
+
+ // Extract username and password from query parameters
+ const username = url.searchParams.get('username') || '';
+ const password = url.searchParams.get('password') || '';
+
+ this.form.get('username')?.setValue(username);
+ this.form.get('password')?.setValue(password);
+ } catch (error) {
+ console.error('Invalid URL', error);
+ }
+ }
}
diff --git a/src/app/player/components/channel-list-container/channel-list-container.component.html b/src/app/player/components/channel-list-container/channel-list-container.component.html
index 8e9ad77a8..20193adf4 100644
--- a/src/app/player/components/channel-list-container/channel-list-container.component.html
+++ b/src/app/player/components/channel-list-container/channel-list-container.component.html
@@ -8,15 +8,17 @@
@@ -43,7 +44,6 @@
}}
-
+
+
+
-
- ![]()
-
-
+
+
{{ name }}
-
{{ 'SETTINGS.VIDEO_PLAYER_LABEL' | translate }}
@@ -111,8 +111,8 @@
/>
+
{{ 'SETTINGS.VLC_PLAYER_PATH_LABEL' | translate }}
@@ -131,8 +131,8 @@
/>
+
{{ 'SETTINGS.LANGUAGE' | translate }}
diff --git a/src/app/shared/components/add-playlist/add-playlist-dialog.component.html b/src/app/shared/components/add-playlist/add-playlist-dialog.component.html
index 7d22fd41f..a45e7bf16 100644
--- a/src/app/shared/components/add-playlist/add-playlist-dialog.component.html
+++ b/src/app/shared/components/add-playlist/add-playlist-dialog.component.html
@@ -1,4 +1,6 @@
-
@if (playlistType === 'file') {
- 
-
-Add Playlist: {{ playlistType }}
++ {{ 'HOME.URL_UPLOAD.ADD_PLAYLIST' | translate }}: {{ playlistType }} +
-
-
-
+ {{ 'HOME.FILTER_BY_TYPE' | translate }}:
+ @for (type of playlistTypes; track $index) { +
+
+
+
+
+
-
+
+ search
+
+
diff --git a/src/app/xtream/navigation-bar/navigation-bar.component.scss b/src/app/xtream/navigation-bar/navigation-bar.component.scss
index a14245451..eecc6a736 100644
--- a/src/app/xtream/navigation-bar/navigation-bar.component.scss
+++ b/src/app/xtream/navigation-bar/navigation-bar.component.scss
@@ -1,3 +1,5 @@
+@use '@angular/material' as mat;
+
:host {
position: relative;
}
@@ -40,31 +42,36 @@
.search {
text-align: center;
-
- .search-input {
- padding: 6px 8px 6px 40px;
- width: 250px;
- border-radius: 5px;
- border: 1px solid #333;
- color: #000;
- background: #ccc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
- display: block;
- }
}
}
+.search-input {
+ @include mat.form-field-density(-5);
+}
+
/* stylelint-disable-next-line no-descending-specificity */
::ng-deep {
+
+ .search-input {
+ div {
+ border-radius: 20px;
+ }
+ }
+
.dark-theme {
#navigation,
#sub-panel {
- background: black;
+ background: #1b1c1c;
}
#sub-panel {
border-bottom: 1px solid #333;
}
}
+
+ div[matformfieldlineripple] {
+ display: none;
+ }
}
@media (max-width: 800px) {
diff --git a/src/app/xtream/navigation-bar/navigation-bar.component.ts b/src/app/xtream/navigation-bar/navigation-bar.component.ts
index 70193d2fb..af0707ff9 100644
--- a/src/app/xtream/navigation-bar/navigation-bar.component.ts
+++ b/src/app/xtream/navigation-bar/navigation-bar.component.ts
@@ -3,10 +3,16 @@ import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { MatButtonModule } from '@angular/material/button';
import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatDialog } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
import { RouterLink } from '@angular/router';
+import { Store } from '@ngrx/store';
import { TranslateModule } from '@ngx-translate/core';
import { Subject, debounceTime, distinctUntilChanged } from 'rxjs';
+import { PlaylistInfoComponent } from '../../home/recent-playlists/playlist-info/playlist-info.component';
+import { selectCurrentPlaylist } from '../../state/selectors';
import { Breadcrumb } from '../breadcrumb.interface';
import { ContentTypeNavigationItem } from '../content-type-navigation-item.interface';
import { ContentType } from '../content-type.enum';
@@ -22,6 +28,8 @@ import { PortalStore } from '../portal.store';
MatButtonModule,
MatButtonToggleModule,
MatIconModule,
+ MatInputModule,
+ MatFormFieldModule,
NgFor,
NgIf,
RouterLink,
@@ -42,9 +50,12 @@ export class NavigationBarComponent {
@Output() searchTextChanged = new EventEmitter