diff --git a/src/app/app.component.html b/src/app/app.component.html index 9403aeb..8291ae3 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -21,6 +21,10 @@ settings Settings + diff --git a/src/app/app.component.ts b/src/app/app.component.ts index b5cb7b9..6f01687 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -21,6 +21,7 @@ import { Router, NavigationStart, NavigationEnd } from '@angular/router'; import { OverlayContainer } from '@angular/cdk/overlay'; import { THEMES_CONFIG } from '../themes'; import { SettingsComponent } from './settings/settings.component'; +import { AboutDialogComponent } from './dialogs/about-dialog/about-dialog.component'; @Component({ selector: 'app-root', @@ -165,5 +166,11 @@ onSetTheme(theme, old_theme) { }); } + openAboutDialog() { + const dialogRef = this.dialog.open(AboutDialogComponent, { + width: '80vw' + }); + } + } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index e6b6152..a430fff 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -48,6 +48,7 @@ import { SubscriptionInfoDialogComponent } from './dialogs/subscription-info-dia import { SettingsComponent } from './settings/settings.component'; import es from '@angular/common/locales/es'; +import { AboutDialogComponent } from './dialogs/about-dialog/about-dialog.component'; registerLocaleData(es, 'es'); export function isVisible({ event, element, scrollContainer, offset }: IsVisibleProps) { @@ -68,7 +69,8 @@ export function isVisible({ event, element, scrollContainer, offset }: IsVisible SubscriptionComponent, SubscriptionFileCardComponent, SubscriptionInfoDialogComponent, - SettingsComponent + SettingsComponent, + AboutDialogComponent ], imports: [ BrowserModule, diff --git a/src/app/dialogs/about-dialog/about-dialog.component.html b/src/app/dialogs/about-dialog/about-dialog.component.html new file mode 100644 index 0000000..dde7daf --- /dev/null +++ b/src/app/dialogs/about-dialog/about-dialog.component.html @@ -0,0 +1,23 @@ +

About YoutubeDL-Material

+ + +
+

+ YoutubeDL-Material is an open-source YouTube downloader built under Google's Material Design specifications. You can seamlessly download your favorite videos as video or audio files, and even subscribe to your favorite channels and playlists to keep updated with their new videos. +

+

+ YoutubeDL-Material has some awesome features included! An extensive API, Docker support, and localization (translation) support. Read up on all the supported features by clicking on the GitHub icon below. +

+

+ Found a bug or have a suggestion? Click here to create an issue! +

+ + + +

Installed version: {{version}} - View latest update

+
+
+ + + + \ No newline at end of file diff --git a/src/app/dialogs/about-dialog/about-dialog.component.scss b/src/app/dialogs/about-dialog/about-dialog.component.scss new file mode 100644 index 0000000..b1d084c --- /dev/null +++ b/src/app/dialogs/about-dialog/about-dialog.component.scss @@ -0,0 +1,3 @@ +i { + margin-right: 1px; +} \ No newline at end of file diff --git a/src/app/dialogs/about-dialog/about-dialog.component.spec.ts b/src/app/dialogs/about-dialog/about-dialog.component.spec.ts new file mode 100644 index 0000000..7fc637d --- /dev/null +++ b/src/app/dialogs/about-dialog/about-dialog.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AboutDialogComponent } from './about-dialog.component'; + +describe('AboutDialogComponent', () => { + let component: AboutDialogComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ AboutDialogComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AboutDialogComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/dialogs/about-dialog/about-dialog.component.ts b/src/app/dialogs/about-dialog/about-dialog.component.ts new file mode 100644 index 0000000..475328a --- /dev/null +++ b/src/app/dialogs/about-dialog/about-dialog.component.ts @@ -0,0 +1,21 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-about-dialog', + templateUrl: './about-dialog.component.html', + styleUrls: ['./about-dialog.component.scss'] +}) +export class AboutDialogComponent implements OnInit { + + projectLink = 'https://github.com/Tzahi12345/YoutubeDL-Material'; + issuesLink = 'https://github.com/Tzahi12345/YoutubeDL-Material/issues'; + latestUpdateLink = 'https://github.com/Tzahi12345/YoutubeDL-Material/releases/latest' + + version = 'v3.5'; + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/assets/images/GitHub-64px.png b/src/assets/images/GitHub-64px.png new file mode 100644 index 0000000..182a1a3 Binary files /dev/null and b/src/assets/images/GitHub-64px.png differ