92 lines
2.8 KiB
Vue
92 lines
2.8 KiB
Vue
<script>
|
|
import { GlTabs, GlTab, GlIntersperse } from '@gitlab/ui';
|
|
import { s__ } from '~/locale';
|
|
import TimeAgo from '~/vue_shared/components/time_ago_tooltip.vue';
|
|
import { timeIntervalInWords } from '~/lib/utils/datetime_utility';
|
|
import { ACCESS_LEVEL_REF_PROTECTED } from '../constants';
|
|
import RunnerDetail from './runner_detail.vue';
|
|
import RunnerTags from './runner_tags.vue';
|
|
|
|
export default {
|
|
components: {
|
|
GlTabs,
|
|
GlTab,
|
|
GlIntersperse,
|
|
RunnerDetail,
|
|
RunnerTags,
|
|
TimeAgo,
|
|
},
|
|
props: {
|
|
runner: {
|
|
type: Object,
|
|
required: false,
|
|
default: null,
|
|
},
|
|
},
|
|
computed: {
|
|
maximumTimeout() {
|
|
const { maximumTimeout } = this.runner;
|
|
if (typeof maximumTimeout !== 'number') {
|
|
return null;
|
|
}
|
|
return timeIntervalInWords(maximumTimeout);
|
|
},
|
|
configTextProtected() {
|
|
if (this.runner.accessLevel === ACCESS_LEVEL_REF_PROTECTED) {
|
|
return s__('Runners|Protected');
|
|
}
|
|
return null;
|
|
},
|
|
configTextUntagged() {
|
|
if (this.runner.runUntagged) {
|
|
return s__('Runners|Runs untagged jobs');
|
|
}
|
|
return null;
|
|
},
|
|
},
|
|
ACCESS_LEVEL_REF_PROTECTED,
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<gl-tabs>
|
|
<gl-tab>
|
|
<template #title>{{ s__('Runners|Details') }}</template>
|
|
|
|
<div v-if="runner" class="gl-py-4">
|
|
<dl>
|
|
<runner-detail :label="s__('Runners|Description')" :value="runner.description" />
|
|
<runner-detail
|
|
:label="s__('Runners|Last contact')"
|
|
:empty-value="s__('Runners|Never contacted')"
|
|
>
|
|
<template #value>
|
|
<time-ago v-if="runner.contactedAt" :time="runner.contactedAt" />
|
|
</template>
|
|
</runner-detail>
|
|
<runner-detail :label="s__('Runners|Version')" :value="runner.version" />
|
|
<runner-detail :label="s__('Runners|IP Address')" :value="runner.ipAddress" />
|
|
<runner-detail :label="s__('Runners|Configuration')">
|
|
<template #value>
|
|
<gl-intersperse v-if="configTextProtected || configTextUntagged">
|
|
<span v-if="configTextProtected">{{ configTextProtected }}</span>
|
|
<span v-if="configTextUntagged">{{ configTextUntagged }}</span>
|
|
</gl-intersperse>
|
|
</template>
|
|
</runner-detail>
|
|
<runner-detail :label="s__('Runners|Maximum job timeout')" :value="maximumTimeout" />
|
|
<runner-detail :label="s__('Runners|Tags')">
|
|
<template #value>
|
|
<runner-tags
|
|
v-if="runner.tagList && runner.tagList.length"
|
|
class="gl-vertical-align-middle"
|
|
:tag-list="runner.tagList"
|
|
size="sm"
|
|
/>
|
|
</template>
|
|
</runner-detail>
|
|
</dl>
|
|
</div>
|
|
</gl-tab>
|
|
</gl-tabs>
|
|
</template>
|