X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Badmin%2Fsystem%2Fjobs%2Fjobs.component.ts;h=25d75aed255e55149eb9b90468b00a05fe2f8dd4;hb=7f0d85616944681ed447f4342d86eee8141c7612;hp=ebfb527793425811572fc7bad4b8738273f83c51;hpb=2c22613c2fe6f7f9c8c7de66e42be54b27cc7edd;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+admin/system/jobs/jobs.component.ts b/client/src/app/+admin/system/jobs/jobs.component.ts index ebfb52779..25d75aed2 100644 --- a/client/src/app/+admin/system/jobs/jobs.component.ts +++ b/client/src/app/+admin/system/jobs/jobs.component.ts @@ -1,12 +1,11 @@ +import { SortMeta } from 'primeng/api' import { Component, OnInit } from '@angular/core' -import { peertubeLocalStorage } from '@app/shared/misc/peertube-local-storage' -import { Notifier } from '@app/core' -import { SortMeta } from 'primeng/primeng' -import { Job } from '../../../../../../shared/index' -import { JobState } from '../../../../../../shared/models' -import { RestPagination, RestTable } from '../../../shared' +import { Notifier, RestPagination, RestTable } from '@app/core' +import { peertubeLocalStorage } from '@root-helpers/peertube-web-storage' +import { Job, JobState, JobType } from '@shared/models' +import { JobStateClient } from '../../../../types/job-state-client.type' +import { JobTypeClient } from '../../../../types/job-type-client.type' import { JobService } from './job.service' -import { I18n } from '@ngx-translate/i18n-polyfill' @Component({ selector: 'my-jobs', @@ -14,39 +13,74 @@ import { I18n } from '@ngx-translate/i18n-polyfill' styleUrls: [ './jobs.component.scss' ] }) export class JobsComponent extends RestTable implements OnInit { - private static JOB_STATE_LOCAL_STORAGE_STATE = 'jobs-list-state' + private static LOCAL_STORAGE_STATE = 'jobs-list-state' + private static LOCAL_STORAGE_TYPE = 'jobs-list-type' + + jobState: JobStateClient = 'waiting' + jobStates: JobStateClient[] = [ 'active', 'completed', 'failed', 'waiting', 'delayed' ] + + jobType: JobTypeClient = 'all' + jobTypes: JobTypeClient[] = [ + 'all', + 'activitypub-follow', + 'activitypub-http-broadcast', + 'activitypub-http-fetcher', + 'activitypub-http-unicast', + 'email', + 'video-transcoding', + 'video-file-import', + 'video-import', + 'videos-views', + 'activitypub-refresher', + 'video-redundancy' + ] - jobState: JobState = 'waiting' - jobStates: JobState[] = [ 'active', 'completed', 'failed', 'waiting', 'delayed' ] jobs: Job[] = [] totalRecords: number - rowsPerPage = 10 sort: SortMeta = { field: 'createdAt', order: -1 } pagination: RestPagination = { count: this.rowsPerPage, start: 0 } constructor ( private notifier: Notifier, - private jobsService: JobService, - private i18n: I18n - ) { + private jobsService: JobService + ) { super() } ngOnInit () { - this.loadJobState() + this.loadJobStateAndType() this.initialize() } - onJobStateChanged () { + getIdentifier () { + return 'JobsComponent' + } + + getJobStateClass (state: JobStateClient) { + switch (state) { + case 'active': + return 'badge-blue' + case 'completed': + return 'badge-green' + case 'delayed': + return 'badge-brown' + case 'failed': + return 'badge-red' + case 'waiting': + return 'badge-yellow' + } + } + + onJobStateOrTypeChanged () { this.pagination.start = 0 this.loadData() - this.saveJobState() + this.saveJobStateAndType() } protected loadData () { this.jobsService - .getJobs(this.jobState, this.pagination, this.sort) + .getJobs(this.jobState, this.jobType, this.pagination, this.sort) .subscribe( resultList => { this.jobs = resultList.data @@ -57,13 +91,16 @@ export class JobsComponent extends RestTable implements OnInit { ) } - private loadJobState () { - const result = peertubeLocalStorage.getItem(JobsComponent.JOB_STATE_LOCAL_STORAGE_STATE) + private loadJobStateAndType () { + const state = peertubeLocalStorage.getItem(JobsComponent.LOCAL_STORAGE_STATE) + if (state) this.jobState = state as JobState - if (result) this.jobState = result as JobState + const type = peertubeLocalStorage.getItem(JobsComponent.LOCAL_STORAGE_TYPE) + if (type) this.jobType = type as JobType } - private saveJobState () { - peertubeLocalStorage.setItem(JobsComponent.JOB_STATE_LOCAL_STORAGE_STATE, this.jobState) + private saveJobStateAndType () { + peertubeLocalStorage.setItem(JobsComponent.LOCAL_STORAGE_STATE, this.jobState) + peertubeLocalStorage.setItem(JobsComponent.LOCAL_STORAGE_TYPE, this.jobType) } }