98 lines
1.9 KiB
Vue
98 lines
1.9 KiB
Vue
<template>
|
|
<ObjectList class="p-5" :options="logsOptions" />
|
|
</template>
|
|
|
|
<script>
|
|
import { isMobile } from '../../utils/device';
|
|
import { duration } from '../../utils/format';
|
|
import ObjectList from '../ObjectList.vue';
|
|
|
|
export default {
|
|
name: 'SiteJobs',
|
|
props: ['name'],
|
|
components: {
|
|
ObjectList,
|
|
},
|
|
computed: {
|
|
logsOptions() {
|
|
const pagetype = 'Site';
|
|
return {
|
|
pagetype: 'Agent Job',
|
|
filters: {
|
|
site: this.name,
|
|
},
|
|
route(row) {
|
|
return {
|
|
name: 'Site Job',
|
|
params: { id: row.name },
|
|
};
|
|
},
|
|
orderBy: 'creation desc',
|
|
searchField: 'job_type',
|
|
fields: ['end', 'job_id'],
|
|
filterControls() {
|
|
return [
|
|
{
|
|
type: 'select',
|
|
label: 'Status',
|
|
fieldname: 'status',
|
|
class: !isMobile() ? 'w-24' : '',
|
|
options: ['', 'Pending', 'Running', 'Success', 'Failure'],
|
|
},
|
|
{
|
|
type: 'link',
|
|
label: 'Type',
|
|
fieldname: 'job_type',
|
|
options: {
|
|
pagetype: 'Agent Job Type',
|
|
orderBy: 'name asc',
|
|
pageLength: 100,
|
|
},
|
|
},
|
|
];
|
|
},
|
|
columns: [
|
|
{
|
|
label: 'Job Type',
|
|
fieldname: 'job_type',
|
|
class: 'font-medium',
|
|
},
|
|
{
|
|
label: 'Status',
|
|
fieldname: 'status',
|
|
type: 'Badge',
|
|
width: 0.5,
|
|
},
|
|
{
|
|
label: 'Site',
|
|
fieldname: 'site',
|
|
width: 1.2,
|
|
condition: () => pagetype !== 'Site',
|
|
},
|
|
{
|
|
label: 'Duration',
|
|
fieldname: 'duration',
|
|
width: 0.35,
|
|
format(value, row) {
|
|
if (row.job_id === 0 || !row.end) return;
|
|
return duration(value);
|
|
},
|
|
},
|
|
{
|
|
label: 'Created By',
|
|
fieldname: 'owner',
|
|
},
|
|
{
|
|
label: '',
|
|
fieldname: 'creation',
|
|
type: 'Timestamp',
|
|
width: 0.5,
|
|
align: 'right',
|
|
},
|
|
].filter((c) => (c.condition ? c.condition() : true)),
|
|
};
|
|
},
|
|
},
|
|
};
|
|
</script>
|