remove components Card and StatsCard

frontend/src/components/Cards/Card.vue

@@ -1,71 +0,0 @@
-<template>
-  <b-card
-    no-body
-    :class="[
-      { 'card-lift--hover': hover },
-      { shadow: shadow },
-      { [`shadow-${shadowSize}`]: shadowSize },
-      { [`bg-gradient-${gradient}`]: gradient },
-      { [`bg-${type}`]: type },
-    ]"
-  >
-    <slot name="image"></slot>
-    <b-card-header :class="headerClasses" v-if="$slots.header">
-      <slot name="header"></slot>
-    </b-card-header>
-    <b-card-body :class="bodyClasses" v-if="!noBody">
-      <slot></slot>
-    </b-card-body>
-
-    <slot v-if="noBody"></slot>
-
-    <b-card-footer :class="footerClasses" v-if="$slots.footer">
-      <slot name="footer"></slot>
-    </b-card-footer>
-  </b-card>
-</template>
-<script>
-export default {
-  name: 'card',
-  props: {
-    type: {
-      type: String,
-      description: 'Card type',
-    },
-    gradient: {
-      type: String,
-      description: 'Card background gradient type (warning,danger etc)',
-    },
-    hover: {
-      type: Boolean,
-      description: 'Whether card should move on hover',
-    },
-    shadow: {
-      type: Boolean,
-      description: 'Whether card has shadow',
-    },
-    shadowSize: {
-      type: String,
-      description: 'Card shadow size',
-    },
-    noBody: {
-      type: Boolean,
-      default: false,
-      description: 'Whether card should have wrapper body class',
-    },
-    bodyClasses: {
-      type: [String, Object, Array],
-      description: 'Card body css classes',
-    },
-    headerClasses: {
-      type: [String, Object, Array],
-      description: 'Card header css classes',
-    },
-    footerClasses: {
-      type: [String, Object, Array],
-      description: 'Card footer css classes',
-    },
-  },
-}
-</script>
-<style></style>

frontend/src/components/Cards/StatsCard.vue

@@ -1,58 +0,0 @@
-<template>
-  <card class="card-stats" :show-footer-line="true">
-    <b-row>
-      <b-col>
-        <slot>
-          <h5 class="card-title text-uppercase text-muted mb-0" v-if="title">
-            {{ title }}
-          </h5>
-          <span class="h2 font-weight-bold mb-0" v-if="subTitle">
-            {{ subTitle }}
-          </span>
-        </slot>
-      </b-col>
-
-      <b-col cols="auto" v-if="$slots.icon || icon">
-        <slot name="icon">
-          <div
-            class="icon icon-shape text-white rounded-circle shadow"
-            :class="[`bg-${type}`, iconClasses]"
-          >
-            <i :class="icon"></i>
-          </div>
-        </slot>
-      </b-col>
-      <b-col cols="auto" v-if="$slots.img || img">
-        <slot name="img">
-          <img :src="img" width="80" />
-        </slot>
-      </b-col>
-    </b-row>
-
-    <p class="mt-3 mb-0 text-sm">
-      <slot name="footer"></slot>
-    </p>
-  </card>
-</template>
-<script>
-import Card from './Card.vue'
-
-export default {
-  name: 'stats-card',
-  components: {
-    Card,
-  },
-  props: {
-    type: {
-      type: String,
-      default: 'primary',
-    },
-    icon: String,
-    img: String,
-    title: String,
-    subTitle: String,
-    iconClasses: [String, Array],
-  },
-}
-</script>
-<style></style>

frontend/src/components/index.js

@@ -2,8 +2,6 @@ import Badge from './Badge'
 
 import BaseTable from './BaseTable.vue'
 
-import Card from './Cards/Card.vue'
-import StatsCard from './Cards/StatsCard.vue'
 import BaseNav from './Navbar/BaseNav'
 import NavbarToggleButton from './Navbar/NavbarToggleButton'
 
@@ -17,8 +15,6 @@ import SidebarPlugin from './SidebarPlugin'
 
 export {
   Badge,
-  Card,
-  StatsCard,
   BaseTable,
   SidebarPlugin,
   BaseNav,

frontend/src/plugins/globalComponents.js

@@ -1,5 +1,3 @@
-import Card from '@/components/Cards/Card.vue'
-import StatsCard from '@/components/Cards/StatsCard.vue'
 import Badge from '@/components/Badge.vue'
 import BaseNav from '@/components/Navbar/BaseNav'
 import { ValidationProvider, ValidationObserver } from 'vee-validate'
@@ -8,8 +6,6 @@ const GlobalComponents = {
   install(Vue) {
     Vue.component(Badge.name, Badge)
     Vue.component(BaseNav.name, BaseNav)
-    Vue.component(Card.name, Card)
-    Vue.component(StatsCard.name, StatsCard)
     Vue.component('validation-provider', ValidationProvider)
     Vue.component('validation-observer', ValidationObserver)
   },

frontend/test/testSetup.js

@@ -10,7 +10,6 @@ import Notifications from '@/components/NotificationPlugin'
 import SideBar from '@/components/SidebarPlugin'
 import VueRouter from 'vue-router'
 import VueQrcode from 'vue-qrcode'
-import StatsCard from '@/components/Cards/StatsCard.vue'
 
 import VueMoment from 'vue-moment'
 
@@ -37,6 +36,5 @@ global.localVue.use(VueQrcode)
 global.localVue.use(VueMoment)
 global.localVue.component('validation-provider', ValidationProvider)
 global.localVue.component('validation-observer', ValidationObserver)
-global.localVue.component(StatsCard.name, StatsCard)
 global.localVue.directive('click-outside', clickOutside)
 global.localVue.directive('focus', focus)