You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mediarepo/mediarepo-ui/src/app/models/TabState.ts

90 lines
3.1 KiB
TypeScript

import {BehaviorSubject} from "rxjs";
import {TabCategory} from "./TabCategory";
import {FileService} from "../services/file/file.service";
import {File} from "./File";
import {
FilterExpression,
OrFilterExpression,
SingleFilterExpression
} from "./FilterExpression";
import {SortKey} from "./SortKey";
import {TagQuery} from "./TagQuery";
import {debounceTime} from "rxjs/operators";
export class TabState {
public uuid: number;
public category: TabCategory;
public mode = new BehaviorSubject<"grid" | "gallery">("grid");
public selectedFileHash = new BehaviorSubject<string | undefined>(undefined);
public loading = new BehaviorSubject<boolean>(false);
public files = new BehaviorSubject<File[]>([]);
public filters = new BehaviorSubject<FilterExpression[]>([]);
public sortKeys = new BehaviorSubject<SortKey[]>(
[new SortKey("FileImportedTime",
"Ascending", undefined)]);
private fileService: FileService;
constructor(uuid: number, category: TabCategory, fileService: FileService) {
this.category = category;
this.uuid = uuid;
this.fileService = fileService;
if (this.category === TabCategory.Files) {
this.filters.pipe(debounceTime(500))
.subscribe(async () => await this.findFiles());
this.sortKeys.pipe(debounceTime(100))
.subscribe(async () => await this.findFiles());
}
}
public async findFiles() {
this.loading.next(true);
const files = await this.fileService.findFiles(this.filters.value,
this.sortKeys.value);
this.files.next(files);
this.loading.next(false);
}
public setFilters(filters: FilterExpression[]) {
this.filters.next(filters);
}
public setSortKeys(keys: SortKey[]) {
this.sortKeys.next(keys);
}
public static fromDTO(dto: any, fileService: FileService): TabState {
const state = new TabState(dto.uuid, dto.category, fileService);
const filters = dto.filters.map((f: {filter: any, filter_type: any}) => {
if (f.filter_type === "OrExpression") {
return new OrFilterExpression(f.filter.map((f: any) => new TagQuery(f.tag, f.negate)))
} else {
return new SingleFilterExpression(new TagQuery(f.filter.tag, f.filter.negate))
}
})
const sortKeys = dto.sortKeys.map((s: {sortType: any, sortDirection: any, namespaceName: any}) =>
new SortKey(s.sortType, s.sortDirection, s.namespaceName)
);
state.filters.next(filters);
state.sortKeys.next(sortKeys);
state.mode.next(dto.mode ?? "grid");
state.selectedFileHash.next(dto.selectedFileHash);
state.files.next(dto.files);
return state
}
public getDTO(): any {
return {
uuid: this.uuid,
category: this.category,
filters: this.filters.value,
sortKeys: this.sortKeys.value,
mode: this.mode.value,
selectedFileHash: this.selectedFileHash.value,
files: this.files.value,
};
}
}