mirror of https://github.com/portainer/portainer
52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import { useCurrentStateAndParams } from '@uirouter/react';
|
|
import { CalendarCheck2, CalendarSync } from 'lucide-react';
|
|
|
|
import { useUnauthorizedRedirect } from '@/react/hooks/useUnauthorizedRedirect';
|
|
|
|
import { PageHeader } from '@@/PageHeader';
|
|
import { WidgetTabs, Tab, findSelectedTabIndex } from '@@/Widget/WidgetTabs';
|
|
|
|
import { JobsDatatable } from './JobsDatatable/JobsDatatable';
|
|
import { CronJobsDatatable } from './CronJobsDatatable/CronJobsDatatable';
|
|
|
|
export function JobsView() {
|
|
useUnauthorizedRedirect(
|
|
{ authorizations: ['K8sJobsR', 'K8sCronJobsR'] },
|
|
{ to: 'kubernetes.dashboard' }
|
|
);
|
|
|
|
const tabs: Tab[] = [
|
|
{
|
|
name: 'Cron Jobs',
|
|
icon: CalendarSync,
|
|
widget: <CronJobsDatatable />,
|
|
selectedTabParam: 'cronJobs',
|
|
},
|
|
{
|
|
name: 'Jobs',
|
|
icon: CalendarCheck2,
|
|
widget: <JobsDatatable />,
|
|
selectedTabParam: 'jobs',
|
|
},
|
|
];
|
|
|
|
const currentTabIndex = findSelectedTabIndex(
|
|
useCurrentStateAndParams(),
|
|
tabs
|
|
);
|
|
|
|
return (
|
|
<>
|
|
<PageHeader
|
|
title="Cron Jobs & Jobs lists"
|
|
breadcrumbs="Cron Jobs & Jobs"
|
|
reload
|
|
/>
|
|
<>
|
|
<WidgetTabs tabs={tabs} currentTabIndex={currentTabIndex} />
|
|
<div className="content">{tabs[currentTabIndex].widget}</div>
|
|
</>
|
|
</>
|
|
);
|
|
}
|