mirror of https://github.com/rancher/dashboard.git
72 lines
1.2 KiB
Vue
72 lines
1.2 KiB
Vue
|
|
<script>
|
|
import Banner from '@/components/Banner';
|
|
import AsyncButton from '@/components/AsyncButton';
|
|
|
|
export default {
|
|
components: {
|
|
AsyncButton,
|
|
Banner
|
|
},
|
|
|
|
props: {
|
|
tArgs: {
|
|
type: Object,
|
|
required: true,
|
|
default: () => { },
|
|
},
|
|
disable: {
|
|
type: Function,
|
|
required: true,
|
|
default: () => { },
|
|
},
|
|
edit: {
|
|
type: Function,
|
|
required: true,
|
|
default: () => { },
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
values() {
|
|
return Object.entries(this.table);
|
|
}
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<Banner color="success clearfix" class="banner">
|
|
<div class="text">
|
|
{{ t('authConfig.stateBanner.enabled', tArgs) }}
|
|
</div>
|
|
<button type="button" class="btn-sm role-primary" @click="edit">
|
|
{{ t('action.edit') }}
|
|
</button>
|
|
<AsyncButton class="ml-10" mode="disable" size="sm" action-color="bg-error" @click="disable" />
|
|
</Banner>
|
|
|
|
<table v-if="!!$slots.rows" class="values">
|
|
<slot name="rows"></slot>
|
|
</table>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.banner {
|
|
display: flex;
|
|
align-items: center;
|
|
.text {
|
|
flex: 1;
|
|
}
|
|
}
|
|
|
|
.values {
|
|
tr td:not(:first-of-type) {
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
|
|
</style>
|