+ @if (seasons()[0]; as serial) {
+
+
+ ![]()
+
+
+
+
+ }
+{{ serial.name }}
+
+ {{ serial.description }}
+
+
+
+ {{ 'XTREAM.DIRECTOR' | translate }}:
+ {{ serial.director }}
+
+
+ {{ 'XTREAM.ACTORS' | translate }}:
+ {{ serial.actors }}
+
+
+ {{ 'XTREAM.YEAR' | translate }}:
+ {{ serial.year }}
+
+
+ {{ 'XTREAM.GENRE' | translate }}:
+ {{ serial.genres_str }}
+
+
+ {{ 'XTREAM.AGE' | translate }}:
+ {{ serial.age }}
+
+
+ IMDB Rating:
+ {{ serial.rating_imdb }}
+
+
+ Kinopoisk Rating:
+ {{ serial.rating_kinopoisk }}
+
+
+
+ Added:
+ {{ serial.added }}
+
+ @for (item of seasons(); track $index) {
+
diff --git a/src/app/stalker/stalker-series-view/stalker-series-view.component.ts b/src/app/stalker/stalker-series-view/stalker-series-view.component.ts
new file mode 100644
index 000000000..67a29181b
--- /dev/null
+++ b/src/app/stalker/stalker-series-view/stalker-series-view.component.ts
@@ -0,0 +1,47 @@
+import { NgFor, NgOptimizedImage } from '@angular/common';
+import { Component, Signal, input, output } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDividerModule } from '@angular/material/divider';
+import { TranslateModule } from '@ngx-translate/core';
+import { FavoritesButtonComponent } from '../favorites-button/favorites-button.component';
+import { StalkerSeason } from '../models';
+
+function sortByNumericValue(array: StalkerSeason[]): StalkerSeason[] {
+ if (!array) return [];
+ const key = 'name';
+ return array.sort((a, b) => {
+ const numericA = extractNumericValue(a[key]);
+ const numericB = extractNumericValue(b[key]);
+ return numericA - numericB;
+ });
+}
+
+function extractNumericValue(str: string) {
+ const matches = str.match(/\d+/);
+ if (matches) {
+ return parseInt(matches[0], 10);
+ }
+ return 0;
+}
+
+@Component({
+ selector: 'app-stalker-series-view',
+ templateUrl: './stalker-series-view.component.html',
+ styleUrls: ['../../xtream/detail-view.scss'],
+ standalone: true,
+ imports: [
+ FavoritesButtonComponent,
+ MatButtonModule,
+ MatDividerModule,
+ NgFor,
+ NgOptimizedImage,
+ TranslateModule,
+ ],
+})
+export class StalkerSeriesViewComponent {
+ seasons: Signal{{ item.name }}
+
+ @for (episode of item.series; track $index) {
+
+ }
+
+ }
+