diff options
Diffstat (limited to 'docs/.vuepress/components/app-imports')
-rw-r--r-- | docs/.vuepress/components/app-imports/BVToastMixin.js | 58 | ||||
-rw-r--r-- | docs/.vuepress/components/app-imports/StatusIcon.vue | 65 |
2 files changed, 0 insertions, 123 deletions
diff --git a/docs/.vuepress/components/app-imports/BVToastMixin.js b/docs/.vuepress/components/app-imports/BVToastMixin.js deleted file mode 100644 index 10075658..00000000 --- a/docs/.vuepress/components/app-imports/BVToastMixin.js +++ /dev/null @@ -1,58 +0,0 @@ -import StatusIcon from './StatusIcon'; -const BVToastMixin = { - components: { - StatusIcon - }, - methods: { - toastTitle(title, status) { - // Create title with icon - const titleWithIcon = this.$createElement( - 'strong', - { class: 'toast-icon' }, - [ - this.$createElement('StatusIcon', { props: { status: status } }), - title - ] - ); - return titleWithIcon; - }, - successToast(message, title = 'Success') { - this.$root.$bvToast.toast(message, { - title: this.toastTitle(title, 'success'), - variant: 'success', - autoHideDelay: 10000, //auto hide in milliseconds - isStatus: true, - solid: true - }); - }, - errorToast(message, title = 'Error') { - this.$root.$bvToast.toast(message, { - title: this.toastTitle(title, 'danger'), - variant: 'danger', - noAutoHide: true, - isStatus: true, - solid: true - }); - }, - warningToast(message, title = 'Warning') { - this.$root.$bvToast.toast(message, { - title: this.toastTitle(title, 'warning'), - variant: 'warning', - noAutoHide: true, - isStatus: true, - solid: true - }); - }, - infoToast(message, title = 'Informational') { - this.$root.$bvToast.toast(message, { - title: this.toastTitle(title, 'info'), - variant: 'info', - noAutoHide: true, - isStatus: true, - solid: true - }); - } - } -}; - -export default BVToastMixin; diff --git a/docs/.vuepress/components/app-imports/StatusIcon.vue b/docs/.vuepress/components/app-imports/StatusIcon.vue deleted file mode 100644 index ef2afb72..00000000 --- a/docs/.vuepress/components/app-imports/StatusIcon.vue +++ /dev/null @@ -1,65 +0,0 @@ -<template> - <span :class="['status-icon', status]"> - <icon-info v-if="status === 'info'" /> - <icon-success v-else-if="status === 'success'" /> - <icon-warning v-else-if="status === 'warning'" /> - <icon-danger v-else-if="status === 'danger'" /> - <icon-secondary v-else /> - </span> -</template> - -<script> -import IconInfo from '@carbon/icons-vue/es/information--filled/20'; -import IconCheckmark from '@carbon/icons-vue/es/checkmark--filled/20'; -import IconWarning from '@carbon/icons-vue/es/warning--filled/20'; -import IconError from '@carbon/icons-vue/es/error--filled/20'; -import IconMisuse from '@carbon/icons-vue/es/misuse/20'; - -export default { - name: 'StatusIcon', - components: { - IconInfo: IconInfo, - iconSuccess: IconCheckmark, - iconDanger: IconMisuse, - iconSecondary: IconError, - iconWarning: IconWarning - }, - props: { - status: { - type: String, - default: '' - } - } -}; -</script> - -<style lang="scss"> -@import "src/assets/styles/bmc/helpers"; -@import "src/assets/styles/bootstrap/helpers"; -.status-icon { - vertical-align: text-bottom; - &.info { - color: theme-color('info'); - } - &.success { - color: theme-color('success'); - } - &.danger { - color: theme-color('danger'); - } - &.secondary { - color: gray('600'); - - svg { - transform: rotate(-45deg); - } - } - &.warning { - color: theme-color('warning'); - } - - svg { - fill: currentColor; - } -} -</style> |