mirror of
https://github.com/YunoHost/yunohost-admin.git
synced 2024-09-03 20:06:15 +02:00
43 lines
857 B
Vue
43 lines
857 B
Vue
<template>
|
|
<!-- This card receives style from `ViewLockOverlay` if used inside it -->
|
|
<div>
|
|
<BCardBody body-class="alert alert-warning">
|
|
<div v-html="warning.text" />
|
|
</BCardBody>
|
|
|
|
<BCardFooter footer-bg-variant="warning">
|
|
<BButton variant="light" size="sm" v-t="'ok'" @click="dismiss" />
|
|
</BCardFooter>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
compatConfig: { MODE: 3 },
|
|
name: 'WarningDisplay',
|
|
|
|
props: {
|
|
request: { type: Object, required: true },
|
|
},
|
|
|
|
computed: {
|
|
warning() {
|
|
const messages = this.request.messages
|
|
return messages[messages.length - 1]
|
|
},
|
|
},
|
|
|
|
methods: {
|
|
dismiss() {
|
|
this.$store.dispatch('DISMISS_WARNING', this.request)
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.card-body {
|
|
padding-bottom: 1.5rem !important;
|
|
margin-bottom: 0;
|
|
}
|
|
</style>
|