Add maintenance menu to repository overview
Signed-off-by: trivernis <trivernis@protonmail.com>pull/25/head
parent
99c224586a
commit
6dfefe01c2
GPG Key ID:
DFFFCC2C7A02DB45
@ -1,8 +1,8 @@
|
||||
import {Component, Inject, ViewChild} from "@angular/core";
|
||||
import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
|
||||
import {RepositoryFormComponent} from "../repository-form/repository-form.component";
|
||||
import {RepositoryService} from "../../../../../services/repository/repository.service";
|
||||
import {LoggingService} from "../../../../../services/logging/logging.service";
|
||||
import {RepositoryService} from "../../../../services/repository/repository.service";
|
||||
import {LoggingService} from "../../../../services/logging/logging.service";
|
||||
|
||||
@Component({
|
||||
selector: "app-add-repository-dialog",
|
||||
@ -1,9 +1,9 @@
|
||||
import {Component, Inject, ViewChild} from "@angular/core";
|
||||
import {RepositoryFormComponent} from "../repository-form/repository-form.component";
|
||||
import {RepositoryService} from "../../../../../services/repository/repository.service";
|
||||
import {LoggingService} from "../../../../../services/logging/logging.service";
|
||||
import {RepositoryService} from "../../../../services/repository/repository.service";
|
||||
import {LoggingService} from "../../../../services/logging/logging.service";
|
||||
import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
|
||||
import {Repository} from "../../../../../../api/models/Repository";
|
||||
import {Repository} from "../../../../../api/models/Repository";
|
||||
|
||||
@Component({
|
||||
selector: "app-edit-repository-dialog",
|
||||
@ -1,7 +1,7 @@
|
||||
import {Component, Input, OnInit, Output} from "@angular/core";
|
||||
import {AbstractControl, FormControl, FormGroup, ValidationErrors, Validators} from "@angular/forms";
|
||||
import {Repository} from "../../../../../../api/models/Repository";
|
||||
import {RepositoryService} from "../../../../../services/repository/repository.service";
|
||||
import {Repository} from "../../../../../api/models/Repository";
|
||||
import {RepositoryService} from "../../../../services/repository/repository.service";
|
||||
import {dialog} from "@tauri-apps/api";
|
||||
import {MatDialog} from "@angular/material/dialog";
|
||||
|
||||
@ -0,0 +1,29 @@
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<mat-card-title>
|
||||
<h1>Maintenance</h1></mat-card-title>
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
<div class="button-list">
|
||||
<button (click)="this.runJob('CheckIntegrity', false)" color="primary" mat-flat-button>Check Integrity
|
||||
</button>
|
||||
<button (click)="this.runJob('Vacuum', false)" color="primary" mat-flat-button>Optimize Database</button>
|
||||
<button (click)="this.runJob('GenerateThumbnails', true)"
|
||||
[disabled]="this.jobState.GenerateThumbnails"
|
||||
color="primary"
|
||||
mat-flat-button>Generate missing
|
||||
Thumbnails
|
||||
<mat-progress-bar *ngIf="this.jobState.GenerateThumbnails" color="primary"
|
||||
mode="indeterminate"></mat-progress-bar>
|
||||
</button>
|
||||
<button (click)="this.runJob('CalculateSizes', true)"
|
||||
[disabled]="this.jobState.CalculateSizes"
|
||||
color="primary"
|
||||
mat-flat-button>Recalculate Repository
|
||||
Size
|
||||
<mat-progress-bar *ngIf="this.jobState.CalculateSizes" color="primary"
|
||||
mode="indeterminate"></mat-progress-bar>
|
||||
</button>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
@ -0,0 +1,18 @@
|
||||
mat-card-header {
|
||||
display: block;
|
||||
}
|
||||
|
||||
mat-card-title h1 {
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button-list {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
button {
|
||||
display: block;
|
||||
margin: 2em auto;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
import {ComponentFixture, TestBed} from "@angular/core/testing";
|
||||
|
||||
import {RepositoryMaintenanceComponent} from "./repository-maintenance.component";
|
||||
|
||||
describe("RepositoryMaintenanceComponent", () => {
|
||||
let component: RepositoryMaintenanceComponent;
|
||||
let fixture: ComponentFixture<RepositoryMaintenanceComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [RepositoryMaintenanceComponent]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(RepositoryMaintenanceComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it("should create", () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,68 @@
|
||||
import {ChangeDetectionStrategy, ChangeDetectorRef, Component} from "@angular/core";
|
||||
import {JobService} from "../../../../services/job/job.service";
|
||||
import {JobType} from "../../../../../api/api-types/job";
|
||||
import {MatDialog} from "@angular/material/dialog";
|
||||
import {BusyDialogComponent, BusyDialogData} from "../../app-common/busy-dialog/busy-dialog.component";
|
||||
import {LoggingService} from "../../../../services/logging/logging.service";
|
||||
import {BehaviorSubject} from "rxjs";
|
||||
|
||||
|
||||
@Component({
|
||||
selector: "app-repository-maintenance",
|
||||
templateUrl: "./repository-maintenance.component.html",
|
||||
styleUrls: ["./repository-maintenance.component.scss"],
|
||||
changeDetection: ChangeDetectionStrategy.OnPush
|
||||
})
|
||||
export class RepositoryMaintenanceComponent {
|
||||
|
||||
public jobState: { [Property in JobType]?: boolean } = {
|
||||
CalculateSizes: false,
|
||||
GenerateThumbnails: false,
|
||||
};
|
||||
|
||||
constructor(
|
||||
private changeDetector: ChangeDetectorRef,
|
||||
private jobService: JobService,
|
||||
private dialog: MatDialog,
|
||||
private logger: LoggingService
|
||||
) {
|
||||
}
|
||||
|
||||
public async runJob(jobType: JobType, runAsync: boolean) {
|
||||
if (runAsync) {
|
||||
this.jobState[jobType] = true;
|
||||
this.jobService.runJob(jobType).then(() => this.delay(1000)).catch(this.logger.error).finally(() => {
|
||||
this.jobState[jobType] = false;
|
||||
this.changeDetector.detectChanges();
|
||||
});
|
||||
this.changeDetector.detectChanges();
|
||||
} else {
|
||||
const dialog = this.dialog.open<BusyDialogComponent, BusyDialogData>(BusyDialogComponent, {
|
||||
disableClose: true,
|
||||
minWidth: "30%",
|
||||
minHeight: "30%",
|
||||
data: {
|
||||
title: "Synchronous Job",
|
||||
message: new BehaviorSubject(`Running Job ${jobType}`),
|
||||
allowCancel: false,
|
||||
}
|
||||
});
|
||||
try {
|
||||
this.changeDetector.detectChanges();
|
||||
await this.jobService.runJob(jobType);
|
||||
} catch (err: any) {
|
||||
this.logger.error(err);
|
||||
} finally {
|
||||
dialog.close();
|
||||
this.changeDetector.detectChanges();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async delay(ms: number) {
|
||||
return new Promise((res, _) => setTimeout(
|
||||
res,
|
||||
ms
|
||||
));
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue