kill BaseProgress

frontend/src/components/BaseProgress.vue

@@ -1,79 +0,0 @@
-<template>
-  <div class="wrapper">
-    <div :class="`progress-${type}`" v-if="showLabel">
-      <div class="progress-label">
-        <slot name="label">
-          <span>{{ label }}</span>
-        </slot>
-      </div>
-      <div class="progress-percentage">
-        <slot>
-          <span>{{ value }}%</span>
-        </slot>
-      </div>
-    </div>
-    <b-progress :size="size" :class="[progressClasses]" :style="`height: ${height}px`">
-      <b-progress-bar :class="computedClasses" :value="value"></b-progress-bar>
-    </b-progress>
-  </div>
-</template>
-<script>
-export default {
-  name: 'base-progress',
-  props: {
-    striped: {
-      type: Boolean,
-      description: 'Whether progress is striped',
-    },
-    animated: {
-      type: Boolean,
-      description: 'Whether progress is animated (works only with `striped` prop together)',
-    },
-    label: {
-      type: String,
-      description: 'Progress label (shown on the left above progress)',
-    },
-    height: {
-      type: Number,
-      default: 3,
-      description: 'Progress line height',
-    },
-    type: {
-      type: String,
-      default: 'default',
-      description: 'Progress type (e.g danger, primary etc)',
-    },
-    showLabel: {
-      type: Boolean,
-      default: false,
-    },
-    progressClasses: {
-      type: [Array, String],
-      default: '',
-      description: 'Progress css classes',
-    },
-    size: {
-      type: String,
-      default: '',
-    },
-    value: {
-      type: Number,
-      default: 0,
-      validator: (value) => {
-        return value >= 0 && value <= 100
-      },
-      description: 'Progress value',
-    },
-  },
-  computed: {
-    computedClasses() {
-      return [
-        { 'progress-bar-striped': this.striped },
-        { 'progress-bar-animated': this.animated },
-        { [`bg-${this.type}`]: this.type },
-      ]
-    },
-  },
-}
-</script>
-<style></style>

frontend/src/components/index.js

@@ -2,7 +2,6 @@ import BaseCheckbox from './Inputs/BaseCheckbox.vue'
 import BaseRadio from './Inputs/BaseRadio.vue'
 import BaseInput from './Inputs/BaseInput.vue'
 import Badge from './Badge'
-import BaseProgress from './BaseProgress.vue'
 import BaseButton from './BaseButton.vue'
 
 import BaseDropdown from './BaseDropdown.vue'
@@ -26,7 +25,6 @@ import SidebarPlugin from './SidebarPlugin'
 export {
   BaseCheckbox,
   Badge,
-  BaseProgress,
   BaseRadio,
   BaseInput,
   Card,

frontend/src/plugins/globalComponents.js

@@ -7,7 +7,6 @@ import BaseButton from '@/components/BaseButton.vue'
 import Badge from '@/components/Badge.vue'
 import BaseCheckbox from '@/components/Inputs/BaseCheckbox.vue'
 import BaseRadio from '@/components/Inputs/BaseRadio'
-import BaseProgress from '@/components/BaseProgress'
 import BaseNav from '@/components/Navbar/BaseNav'
 import { ValidationProvider, ValidationObserver } from 'vee-validate'
 
@@ -20,7 +19,6 @@ const GlobalComponents = {
     Vue.component(BaseInput.name, BaseInput)
     Vue.component(BaseDropdown.name, BaseDropdown)
     Vue.component(BaseNav.name, BaseNav)
-    Vue.component(BaseProgress.name, BaseProgress)
     Vue.component(BaseRadio.name, BaseRadio)
     Vue.component(Card.name, Card)
     Vue.component(Modal.name, Modal)