dashboard/shell/detail/catalog.cattle.io.clusterre...

36 lines
713 B
Vue

<script>
export default {
name: 'ClusterRepoDetail',
props: {
value: {
type: Object,
required: true,
},
},
};
</script>
<template>
<div class="mt-20 row">
<div :class="{'col': true, 'span-6': value.isGit, 'span-12': !value.isGit}">
<h3>{{ t('tableHeaders.url') }}</h3>
<span>{{ value.urlDisplay }}</span>
</div>
<div
v-if="value.isGit"
class="span-3"
>
<h3>{{ t('tableHeaders.branch') }}</h3>
<span>{{ value.branchDisplay }}</span>
</div>
<div
v-if="value.isGit"
class="span-3"
>
<h3>{{ t('tableHeaders.commit') }}</h3>
<span>{{ value.status.commit }}</span>
</div>
</div>
</template>