Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 | 1x 1x 1x 1x 1x 1x 3x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import { HttpErrorResponse } from '@angular/common/http';
import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
import { defer } from 'lodash-es';
import { autorun, IReactionDisposer } from 'mobx';
import { catchError, switchMap, throwError } from 'rxjs';
import { TemplateListComponent } from '../../../component/template/template-list/template-list.component';
import { HasChanges } from '../../../guard/pending-changes.guard';
import { mapTemplate, Template } from '../../../model/template';
import { TemplateService } from '../../../service/api/template.service';
import { ModService } from '../../../service/mod.service';
import { Store } from '../../../store/store';
import { TemplateStore } from '../../../store/template';
import { printError } from '../../../util/http';
import { getTagFilter } from '../../../util/query';
import { getModels, getZipOrTextFile } from '../../../util/zip';
@Component({
selector: 'app-settings-template-page',
templateUrl: './template.component.html',
styleUrls: ['./template.component.scss'],
imports: [TemplateListComponent],
})
export class SettingsTemplatePage implements OnInit, OnDestroy, HasChanges {
serverError: string[] = [];
@ViewChild('list')
list?: TemplateListComponent;
private disposers: IReactionDisposer[] = [];
constructor(
private mod: ModService,
public store: Store,
public query: TemplateStore,
private templates: TemplateService,
) {
mod.setTitle($localize`Settings: Templates`);
store.view.clear(['tag:len', 'tag'], ['tag:len', 'tag']);
query.clear();
}
saveChanges() {
return !this.list || this.list.saveChanges();
}
ngOnInit(): void {
this.disposers.push(autorun(() => {
const args = {
query: this.store.view.showRemotes ? '@*' : (this.store.account.origin || '*'),
search: this.store.view.search,
sort: [...this.store.view.sort],
page: this.store.view.pageNumber,
size: this.store.view.pageSize,
...getTagFilter(this.store.view.filter),
};
defer(() => this.query.setArgs(args));
}));
}
ngOnDestroy() {
this.query.close();
for (const dispose of this.disposers) dispose();
this.disposers.length = 0;
}
upload(files?: FileList) {
this.serverError = [];
if (!files || !files.length) return;
getZipOrTextFile(files[0]!, 'template.json')
.then(json => getModels<Template>(json))
.then(plugins => plugins.map(mapTemplate))
.then(plugins => plugins.map(p => this.uploadTemplate(p)))
.catch(err => this.serverError = [err]);
}
uploadTemplate(template: Template) {
return this.templates.delete(template.tag + this.store.account.origin).pipe(
switchMap(() => this.templates.create({ ...template, origin: this.store.account.origin })),
catchError((res: HttpErrorResponse) => {
this.serverError = printError(res);
return throwError(() => res);
}),
).subscribe(() => this.query.refresh());
}
}
|