+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
diff --git a/client/src/app/navbar/add-new-torrent/add-new-torrent.component.scss b/client/src/app/navbar/add-new-torrent/add-new-torrent.component.scss
new file mode 100644
index 0000000..3cef3d3
--- /dev/null
+++ b/client/src/app/navbar/add-new-torrent/add-new-torrent.component.scss
@@ -0,0 +1,4 @@
+.file-name {
+ max-width: 24em;
+ width: 24em;
+}
diff --git a/client/src/app/navbar/add-new-torrent/add-new-torrent.component.ts b/client/src/app/navbar/add-new-torrent/add-new-torrent.component.ts
new file mode 100644
index 0000000..72397c0
--- /dev/null
+++ b/client/src/app/navbar/add-new-torrent/add-new-torrent.component.ts
@@ -0,0 +1,91 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { TorrentService } from 'src/app/torrent.service';
+
+@Component({
+ selector: 'app-add-new-torrent',
+ templateUrl: './add-new-torrent.component.html',
+ styleUrls: ['./add-new-torrent.component.scss']
+})
+export class AddNewTorrentComponent implements OnInit {
+ @Input()
+ public get open(): boolean {
+ return this.isActive;
+ }
+
+ public set open(val: boolean) {
+ this.reset();
+ this.isActive = val;
+ }
+
+ @Output()
+ public openChange = new EventEmitter
+
+
+
+
+
+
+
+Add New Torrent
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+ Cannot add torrent: {{ error }}
+
+
+
+
diff --git a/client/src/assets/.gitkeep b/client/src/app/navbar/settings/settings.component.scss
similarity index 100%
rename from client/src/assets/.gitkeep
rename to client/src/app/navbar/settings/settings.component.scss
diff --git a/client/src/app/navbar/settings/settings.component.ts b/client/src/app/navbar/settings/settings.component.ts
new file mode 100644
index 0000000..99293bd
--- /dev/null
+++ b/client/src/app/navbar/settings/settings.component.ts
@@ -0,0 +1,103 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { SettingsService } from 'src/app/settings.service';
+import { Setting } from 'src/app/models/setting.model';
+
+@Component({
+ selector: 'app-settings',
+ templateUrl: './settings.component.html',
+ styleUrls: ['./settings.component.scss'],
+})
+export class SettingsComponent implements OnInit {
+ @Input()
+ public get open(): boolean {
+ return this.isActive;
+ }
+
+ public set open(val: boolean) {
+ this.reset();
+ this.isActive = val;
+ }
+
+ @Output()
+ public openChange = new EventEmitter
+
+
+
+
+
+
+Settings
+ +
+
+
+
+
+
+ + You can find your API key here: + https://real-debrid.com/apitoken. +
+
+
+
+
+
+
+ + Path on the host where Real Debrid Client is hosted. +
+
+
+
+
+
+
+ + Maximum amount of torrents that get downloaded to your host at the + same time. +
+
+ Error saving settings: {{ error }}
+
+
+
+
+
diff --git a/client/src/app/torrent-table/torrent-table.component.scss b/client/src/app/torrent-table/torrent-table.component.scss
new file mode 100644
index 0000000..41c6f23
--- /dev/null
+++ b/client/src/app/torrent-table/torrent-table.component.scss
@@ -0,0 +1,5 @@
+table {
+ tr {
+ cursor: pointer;
+ }
+}
diff --git a/client/src/app/torrent-table/torrent-table.component.ts b/client/src/app/torrent-table/torrent-table.component.ts
new file mode 100644
index 0000000..b5e0799
--- /dev/null
+++ b/client/src/app/torrent-table/torrent-table.component.ts
@@ -0,0 +1,61 @@
+import {
+ Component,
+ OnInit,
+ OnDestroy,
+ HostListener,
+ ElementRef,
+} from '@angular/core';
+import { Torrent } from '../models/torrent.model';
+import { TorrentService } from '../torrent.service';
+
+@Component({
+ selector: 'app-torrent-table',
+ templateUrl: './torrent-table.component.html',
+ styleUrls: ['./torrent-table.component.scss'],
+})
+export class TorrentTableComponent implements OnInit, OnDestroy {
+ public torrents: Torrent[] = [];
+
+ public showFiles: { [key: string]: boolean } = {};
+
+ private timer: any;
+
+ constructor(private torrentService: TorrentService) {}
+
+ ngOnInit(): void {
+ this.timer = setInterval(() => {
+ this.torrentService.getList().subscribe((result) => {
+ this.torrents = result;
+ });
+ }, 1000);
+ }
+
+ ngOnDestroy(): void {
+ clearInterval(this.timer);
+ }
+
+ public selectTorrent(torrent: Torrent): void {
+ this.showFiles[torrent.torrentId] = !this.showFiles[torrent.torrentId];
+
+ if (this.showFiles[torrent.torrentId]) {
+ this.torrentService.getDetails(torrent.torrentId).subscribe((result) => {
+ torrent.files = result.files;
+ torrent.downloads = result.downloads;
+
+ torrent.files.forEach((file) => {
+ const downloads = torrent.downloads.filter(
+ (m) => m.link === file.path
+ );
+
+ if (downloads.length > 0) {
+ file.download = downloads[0];
+ }
+ });
+ });
+ }
+ }
+
+ public trackByMethod(index: number, el: Torrent): string {
+ return el.torrentId;
+ }
+}
diff --git a/client/src/app/torrent.service.ts b/client/src/app/torrent.service.ts
new file mode 100644
index 0000000..5edfa32
--- /dev/null
+++ b/client/src/app/torrent.service.ts
@@ -0,0 +1,37 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable, Subject } from 'rxjs';
+import { Torrent } from './models/torrent.model';
+
+@Injectable({
+ providedIn: 'root',
+})
+export class TorrentService {
+ constructor(private http: HttpClient) {}
+
+ public getList(): Observable| Name | +Size | +Status | ++ | + | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| + + | +|||||||||||||||||||