mirror of https://github.com/rancher/dashboard.git
56 lines
1.5 KiB
Vue
56 lines
1.5 KiB
Vue
<script>
|
|
import ResourceTable from '@shell/components/ResourceTable';
|
|
import { mapGetters } from 'vuex';
|
|
|
|
export default {
|
|
name: 'ListNavLink',
|
|
components: { ResourceTable },
|
|
|
|
props: {
|
|
schema: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
|
|
rows: {
|
|
type: Array,
|
|
required: true,
|
|
},
|
|
|
|
loading: {
|
|
type: Boolean,
|
|
required: false,
|
|
},
|
|
},
|
|
|
|
computed: { ...mapGetters(['clusterId']) }
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<ResourceTable
|
|
:schema="schema"
|
|
:rows="rows"
|
|
:loading="loading"
|
|
>
|
|
<template #cell:to="{row}">
|
|
<template v-if="row.spec && row.spec.toService">
|
|
<n-link :to="{name: 'c-cluster-product-resource-namespace-id', params: { cluster: clusterId, product: 'explorer', resource: 'service', namespace: row.spec.toService.namespace, id: row.spec.toService.name}}">
|
|
{{ row.spec.toService.namespace }}/{{ row.spec.toService.name }}
|
|
</n-link>:
|
|
<a :href="row.link" :target="row.actualTarget" rel="noopener noreferrer nofollow">
|
|
{{ row.spec.toService.port || 'default' }}
|
|
<i class="icon icon-external-link" />
|
|
</a>
|
|
</template>
|
|
<template v-else-if="row.link">
|
|
<a :href="row.link" :target="row.actualTarget" rel="noopener noreferrer nofollow">
|
|
{{ row.link.replace(/^https:\/\//,'') }}
|
|
<i class="icon icon-external-link" />
|
|
</a>
|
|
</template>
|
|
<span v-else class="text-muted">—</span>
|
|
</template>
|
|
</ResourceTable>
|
|
</template>
|