TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-04-05 20:11:27 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added ability to generate RSS feed URLs from the UI

Browse Source 
Moved property sorting into its own component
This commit is contained in:
Tzahi12345
2023-01-05 02:38:44 -05:00
parent 2a3017972a
commit 121f5586a6
16 changed files with 314 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/app/dialogs/generate-rss-url/generate-rss-url.component.html Normal file
View File

@@ -0,0 +1,67 @@
<h4 mat-dialog-title><ng-container i18n="Generate RSS URL">Generate RSS URL</ng-container></h4>
<mat-dialog-content>
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 col-md-6 mt-2">
<mat-form-field class="filter-field">
<mat-label i18n="Title filter">Title filter</mat-label>
<input [(ngModel)]="titleFilter" matInput (input)="rebuildURL()">
<mat-hint i18n="Supports regex">Supports regex</mat-hint>
</mat-form-field>
</div>
<div class="col-12 col-md-6 mt-2">
<mat-form-field class="filter-field">
<mat-label><ng-container i18n="File type">File type</ng-container></mat-label>
<mat-select color="accent" [(ngModel)]="fileTypeFilter" (selectionChange)="rebuildURL()">
<mat-option value="both"><ng-container i18n="Both">Both</ng-container></mat-option>
<mat-option value="video_only"><ng-container i18n="Video only">Video only</ng-container></mat-option>
<mat-option value="audio_only"><ng-container i18n="Audio only">Audio only</ng-container></mat-option>
</mat-select>
</mat-form-field>
</div>
<div class="col-12 col-md-6 mt-2">
<mat-form-field class="filter-field">
<mat-label><ng-container i18n="User">User</ng-container></mat-label>
<mat-select color="accent" [(ngModel)]="userFilter" (selectionChange)="rebuildURL()" [disabled]="!usersList">
<mat-option [value]="''"><ng-container i18n="None">None</ng-container></mat-option>
<mat-option *ngFor="let user of usersList" [value]="user.uid"><ng-container>{{user.name}}</ng-container></mat-option>
</mat-select>
</mat-form-field>
</div>
<div class="col-12 col-md-6 mt-2">
<mat-form-field class="filter-field">
<mat-label><ng-container i18n="Subscription">Subscription</ng-container></mat-label>
<mat-select color="accent" [(ngModel)]="subscriptionFilter" (selectionChange)="rebuildURL()">
<mat-option [value]="''"><ng-container i18n="None">None</ng-container></mat-option>
<mat-option *ngFor="let sub of postsService.subscriptions" [value]="sub.id"><ng-container>{{sub.name}}</ng-container></mat-option>
</mat-select>
</mat-form-field>
</div>
<div class="col-12 col-md-6 mt-2">
<app-sort-property (sortOptionChanged)="sortOptionChanged($event)"></app-sort-property>
</div>
<div class="col-12 col-md-6 mt-2">
<mat-form-field class="filter-field">
<mat-label i18n="Item limit">Item limit</mat-label>
<input type="number" [(ngModel)]="itemLimit" (input)="rebuildURL()" matInput>
</mat-form-field>
</div>
<div class="col-12 mb-4">
<mat-checkbox (change)="rebuildURL()" [(ngModel)]="favoriteFilter"><ng-container i18n="Favorited">Favorited</ng-container></mat-checkbox>
</div>
</div>
</div>
<mat-form-field style="width: 100%;">
<mat-label i18n="URL">URL</mat-label>
<input readonly [(ngModel)]="url" matInput>
<button mat-icon-button matSuffix (click)="copyURL()">
<mat-icon>content_copy</mat-icon>
</button>
</mat-form-field>
</mat-dialog-content>
<mat-dialog-actions>
<button mat-button mat-dialog-close><ng-container i18n="Close">Close</ng-container></button>
</mat-dialog-actions>

3
src/app/dialogs/generate-rss-url/generate-rss-url.component.scss Normal file
View File

@@ -0,0 +1,3 @@
.filter-field {
width: 80%;
}

23
src/app/dialogs/generate-rss-url/generate-rss-url.component.spec.ts Normal file
View File

@@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { GenerateRssUrlComponent } from './generate-rss-url.component';
describe('GenerateRssUrlComponent', () => {
let component: GenerateRssUrlComponent;
let fixture: ComponentFixture<GenerateRssUrlComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ GenerateRssUrlComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(GenerateRssUrlComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

88
src/app/dialogs/generate-rss-url/generate-rss-url.component.ts Normal file
View File

@@ -0,0 +1,88 @@
import { Component } from '@angular/core';
import { Router, UrlSerializer } from '@angular/router';
import { Sort } from 'api-types';
import { PostsService } from 'app/posts.services';
import { Clipboard } from '@angular/cdk/clipboard';
@Component({
selector: 'app-generate-rss-url',
templateUrl: './generate-rss-url.component.html',
styleUrls: ['./generate-rss-url.component.scss']
})
export class GenerateRssUrlComponent {
usersList = null;
userFilter = '';
titleFilter = '';
subscriptionFilter = '';
fileTypeFilter = 'both';
itemLimit = null;
favoriteFilter = false;
url = '';
baseURL = `${this.postsService.config.Host.url}:${this.postsService.config.Host.port}/api/rss`
sortProperty = 'registered'
descendingMode = true
constructor(public postsService: PostsService, private router: Router, private serializer: UrlSerializer, private clipboard: Clipboard) {
if (postsService.isLoggedIn) {
this.usersList = [this.postsService.user];
this.userFilter = postsService.user.uid;
this.getUsers();
}
this.url = this.baseURL;
this.rebuildURL();
}
getUsers() {
this.postsService.getUsers().subscribe(res => {
this.usersList = res['users'];
console.log(this.usersList)
});
}
sortOptionChanged(sort: Sort) {
this.descendingMode = sort['order'] === -1;
this.sortProperty = sort['by'];
this.rebuildURL();
}
rebuildURL() {
// code can be cleaned up
const params = {};
if (this.userFilter) {
params['uuid'] = encodeURIComponent(this.userFilter);
}
if (this.titleFilter) {
params['text_search'] = encodeURIComponent(this.titleFilter);
}
if (this.subscriptionFilter) {
params['sub_id'] = encodeURIComponent(this.subscriptionFilter);
}
if (this.itemLimit) {
params['range'] = [0, this.itemLimit];
}
if (this.favoriteFilter) {
params['favorite_filter'] = this.favoriteFilter;
}
if (this.fileTypeFilter !== 'both') {
params['file_type_filter'] = this.fileTypeFilter;
}
if (this.sortProperty !== 'registered' || !this.descendingMode) {
params['sort'] = encodeURIComponent(JSON.stringify({by: this.sortProperty, order: this.descendingMode ? -1 : 1}));
}
const tree = this.router.createUrlTree(['..'], { queryParams: params });
this.url = `${this.baseURL}${this.serializer.serialize(tree)}`;
}
copyURL() {
this.clipboard.copy(this.url);
this.postsService.openSnackBar('URL copied!');
}
}