kill BaseAlert

This commit is contained in:
ogerly 2021-06-11 11:34:06 +02:00
parent 3c4eeda891
commit 812842c5b5
3 changed files with 0 additions and 79 deletions

View File

@ -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>

View File

@ -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,

View File

@ -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)