mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
kill BaseAlert
This commit is contained in:
parent
3c4eeda891
commit
812842c5b5
@ -1,75 +0,0 @@
|
||||
<template>
|
||||
<fade-transition>
|
||||
<b-alert
|
||||
v-model="visible"
|
||||
:variant="type"
|
||||
:class="[{ 'alert-dismissible': dismissible }]"
|
||||
role="alert"
|
||||
>
|
||||
<slot v-if="!dismissible"></slot>
|
||||
<template v-else>
|
||||
<template v-if="icon || $slots.icon">
|
||||
<slot name="icon">
|
||||
<span class="alert-icon" data-notify="icon">
|
||||
<i :class="icon"></i>
|
||||
</span>
|
||||
</slot>
|
||||
</template>
|
||||
|
||||
<span class="alert-text"><slot></slot></span>
|
||||
|
||||
<slot name="dismiss-icon">
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="alert"
|
||||
aria-label="Close"
|
||||
@click="dismissAlert"
|
||||
>
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</slot>
|
||||
</template>
|
||||
</b-alert>
|
||||
</fade-transition>
|
||||
</template>
|
||||
<script>
|
||||
import { FadeTransition } from 'vue2-transitions'
|
||||
|
||||
export default {
|
||||
name: 'base-alert',
|
||||
components: {
|
||||
FadeTransition,
|
||||
},
|
||||
created() {
|
||||
// console.log('base-alert gesetzt in =>', this.$route.path)
|
||||
},
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: 'default',
|
||||
description: 'Alert type',
|
||||
},
|
||||
dismissible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
description: 'Whether alert is dismissible (closeable)',
|
||||
},
|
||||
icon: {
|
||||
type: String,
|
||||
default: '',
|
||||
description: 'Alert icon to display',
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
visible: true,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dismissAlert() {
|
||||
this.visible = false
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -1,5 +1,4 @@
|
||||
import BaseCheckbox from './Inputs/BaseCheckbox.vue'
|
||||
import BaseAlert from './BaseAlert.vue'
|
||||
import BaseRadio from './Inputs/BaseRadio.vue'
|
||||
import BaseInput from './Inputs/BaseInput.vue'
|
||||
import Badge from './Badge'
|
||||
@ -28,7 +27,6 @@ import SidebarPlugin from './SidebarPlugin'
|
||||
export {
|
||||
BaseCheckbox,
|
||||
Badge,
|
||||
BaseAlert,
|
||||
BaseProgress,
|
||||
BasePagination,
|
||||
BaseRadio,
|
||||
|
||||
@ -9,7 +9,6 @@ import BaseCheckbox from '@/components/Inputs/BaseCheckbox.vue'
|
||||
import BaseRadio from '@/components/Inputs/BaseRadio'
|
||||
import BaseProgress from '@/components/BaseProgress'
|
||||
import BasePagination from '@/components/BasePagination'
|
||||
import BaseAlert from '@/components/BaseAlert'
|
||||
import BaseNav from '@/components/Navbar/BaseNav'
|
||||
import { ValidationProvider, ValidationObserver } from 'vee-validate'
|
||||
|
||||
@ -17,7 +16,6 @@ import { ValidationProvider, ValidationObserver } from 'vee-validate'
|
||||
const GlobalComponents = {
|
||||
install(Vue) {
|
||||
Vue.component(Badge.name, Badge)
|
||||
Vue.component(BaseAlert.name, BaseAlert)
|
||||
Vue.component(BaseButton.name, BaseButton)
|
||||
Vue.component(BaseCheckbox.name, BaseCheckbox)
|
||||
Vue.component(BaseInput.name, BaseInput)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user