mirror of https://github.com/rancher/dashboard.git
99 lines
1.6 KiB
Vue
99 lines
1.6 KiB
Vue
|
|
<script>
|
|
import { Banner } from '@components/Banner';
|
|
import DisableAuthProviderModal from '@shell/components/DisableAuthProviderModal';
|
|
|
|
export default {
|
|
components: {
|
|
Banner,
|
|
DisableAuthProviderModal
|
|
},
|
|
|
|
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);
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
showDisableModal() {
|
|
this.$refs.disableAuthProviderModal.show();
|
|
}
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<Banner
|
|
color="success clearfix"
|
|
class="banner"
|
|
>
|
|
<div class="text">
|
|
{{ t('authConfig.stateBanner.enabled', tArgs) }}
|
|
</div>
|
|
<slot name="actions" />
|
|
<button
|
|
type="button"
|
|
class="btn-sm role-primary"
|
|
@click="edit"
|
|
>
|
|
{{ t('action.edit') }}
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="ml-10 btn-sm role-primary bg-error"
|
|
@click="showDisableModal"
|
|
>
|
|
{{ t('generic.disable') }}
|
|
</button>
|
|
</Banner>
|
|
|
|
<table
|
|
v-if="!!$slots.rows"
|
|
class="values"
|
|
>
|
|
<slot name="rows" />
|
|
</table>
|
|
<DisableAuthProviderModal
|
|
ref="disableAuthProviderModal"
|
|
@disable="disable"
|
|
/>
|
|
</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>
|