@burh/nuxt-core 1.0.18 → 1.0.20

package/components/widgets/ProgressTrackList.vue

@@ -1,76 +1,76 @@
-<template>
-  <div class="card">
-    <!-- Card header -->
-    <div class="card-header">
-      <!-- Title -->
-      <h5 class="h3 mb-0">Progress track</h5>
-    </div>
-    <!-- Card body -->
-    <div class="card-body">
-      <!-- List group -->
-      <ul class="list-group list-group-flush list my--3">
-        <li v-for="(item, index) in list"
-            :key="index"
-            class="list-group-item px-0">
-          <div class="row align-items-center">
-            <div class="col-auto">
-              <!-- Avatar -->
-              <a href="#" class="avatar rounded-circle">
-                <img alt="Image placeholder" :src="item.image" :alt="item.name">
-              </a>
-            </div>
-            <div class="col">
-              <h5>{{item.name}}</h5>
-              <base-progress class="progress-xs mb-0"
-                             :type="item.color"
-                             :value="item.progress">
-
-              </base-progress>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'progress-track-list',
-    data() {
-      return {
-        list: [
-          {
-            name: 'Argon Design System',
-            image: 'img/theme/bootstrap.jpg',
-            color: 'orange',
-            progress: 60,
-          },
-          {
-            name: 'Angular Now UI Kit PRO',
-            image: 'img/theme/angular.jpg',
-            color: 'green',
-            progress: 100,
-          },
-          {
-            name: 'Black Dashboard',
-            image: 'img/theme/sketch.jpg',
-            color: 'red',
-            progress: 72
-          },
-          {
-            name: 'React Material Dashboard',
-            image: 'img/theme/react.jpg',
-            color: 'teal',
-            progress: 90
-          },
-          {
-            name: 'Vue Paper UI Kit PRO',
-            image: 'img/theme/vue.jpg',
-            color: 'green',
-            progress: 100
-          },
-        ]
-      }
-    }
-  }
-</script>
+<template>
+  <div class="card">
+    <!-- Card header -->
+    <div class="card-header">
+      <!-- Title -->
+      <h5 class="h3 mb-0">Progress track</h5>
+    </div>
+    <!-- Card body -->
+    <div class="card-body">
+      <!-- List group -->
+      <ul class="list-group list-group-flush list my--3">
+        <li v-for="(item, index) in list"
+            :key="index"
+            class="list-group-item px-0">
+          <div class="row align-items-center">
+            <div class="col-auto">
+              <!-- Avatar -->
+              <a href="#" class="avatar rounded-circle">
+                <img alt="Image placeholder" :src="item.image" :alt="item.name">
+              </a>
+            </div>
+            <div class="col">
+              <h5>{{item.name}}</h5>
+              <base-progress class="progress-xs mb-0"
+                             :type="item.color"
+                             :value="item.progress">
+
+              </base-progress>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'progress-track-list',
+    data() {
+      return {
+        list: [
+          {
+            name: 'Argon Design System',
+            image: 'img/theme/bootstrap.jpg',
+            color: 'orange',
+            progress: 60,
+          },
+          {
+            name: 'Angular Now UI Kit PRO',
+            image: 'img/theme/angular.jpg',
+            color: 'green',
+            progress: 100,
+          },
+          {
+            name: 'Black Dashboard',
+            image: 'img/theme/sketch.jpg',
+            color: 'red',
+            progress: 72
+          },
+          {
+            name: 'React Material Dashboard',
+            image: 'img/theme/react.jpg',
+            color: 'teal',
+            progress: 90
+          },
+          {
+            name: 'Vue Paper UI Kit PRO',
+            image: 'img/theme/vue.jpg',
+            color: 'green',
+            progress: 100
+          },
+        ]
+      }
+    }
+  }
+</script>

package/components/widgets/StatsCards.vue

@@ -1,70 +1,70 @@
-<template>
-  <div>
-    <stats-card class="bg-gradient-default">
-      <!-- Card body -->
-      <div class="row">
-        <div class="col">
-          <h5 class="card-title text-uppercase text-muted mb-0 text-white">Total traffic</h5>
-          <span class="h2 font-weight-bold mb-0 text-white">350,897</span>
-        </div>
-        <div class="col-auto">
-          <div class="icon icon-shape bg-white text-dark rounded-circle shadow">
-            <i class="ni ni-active-40"></i>
-          </div>
-        </div>
-      </div>
-      <p class="mt-3 mb-0 text-sm">
-        <span class="text-white mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
-        <span class="text-nowrap text-light">Since last month</span>
-      </p>
-
-    </stats-card>
-    <card class="bg-gradient-primary">
-      <!-- Card body -->
-      <div class="row">
-        <div class="col">
-          <h5 class="card-title text-uppercase text-muted mb-0 text-white">New users</h5>
-          <span class="h2 font-weight-bold mb-0 text-white">2,356</span>
-        </div>
-        <div class="col-auto">
-          <div class="icon icon-shape bg-white text-dark rounded-circle shadow">
-            <i class="ni ni-atom"></i>
-          </div>
-        </div>
-      </div>
-      <p class="mt-3 mb-0 text-sm">
-        <span class="text-white mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
-        <span class="text-nowrap text-light">Since last month</span>
-      </p>
-    </card>
-    <card class="bg-gradient-danger">
-      <!-- Card body -->
-      <div class="row">
-        <div class="col">
-          <h5 class="card-title text-uppercase text-muted mb-0 text-white">Performance</h5>
-          <span class="h2 font-weight-bold mb-0 text-white">49,65%</span>
-        </div>
-        <div class="col-auto">
-          <div class="icon icon-shape bg-white text-dark rounded-circle shadow">
-            <i class="ni ni-spaceship"></i>
-          </div>
-        </div>
-      </div>
-      <p class="mt-3 mb-0 text-sm">
-        <span class="text-white mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
-        <span class="text-nowrap text-light">Since last month</span>
-      </p>
-    </card>
-  </div>
-</template>
-<script>
-  import StatsCard from '@/components/argon-core/Cards/StatsCard'
-
-  export default {
-    components: {
-      StatsCard
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div>
+    <stats-card class="bg-gradient-default">
+      <!-- Card body -->
+      <div class="row">
+        <div class="col">
+          <h5 class="card-title text-uppercase text-muted mb-0 text-white">Total traffic</h5>
+          <span class="h2 font-weight-bold mb-0 text-white">350,897</span>
+        </div>
+        <div class="col-auto">
+          <div class="icon icon-shape bg-white text-dark rounded-circle shadow">
+            <i class="ni ni-active-40"></i>
+          </div>
+        </div>
+      </div>
+      <p class="mt-3 mb-0 text-sm">
+        <span class="text-white mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
+        <span class="text-nowrap text-light">Since last month</span>
+      </p>
+
+    </stats-card>
+    <card class="bg-gradient-primary">
+      <!-- Card body -->
+      <div class="row">
+        <div class="col">
+          <h5 class="card-title text-uppercase text-muted mb-0 text-white">New users</h5>
+          <span class="h2 font-weight-bold mb-0 text-white">2,356</span>
+        </div>
+        <div class="col-auto">
+          <div class="icon icon-shape bg-white text-dark rounded-circle shadow">
+            <i class="ni ni-atom"></i>
+          </div>
+        </div>
+      </div>
+      <p class="mt-3 mb-0 text-sm">
+        <span class="text-white mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
+        <span class="text-nowrap text-light">Since last month</span>
+      </p>
+    </card>
+    <card class="bg-gradient-danger">
+      <!-- Card body -->
+      <div class="row">
+        <div class="col">
+          <h5 class="card-title text-uppercase text-muted mb-0 text-white">Performance</h5>
+          <span class="h2 font-weight-bold mb-0 text-white">49,65%</span>
+        </div>
+        <div class="col-auto">
+          <div class="icon icon-shape bg-white text-dark rounded-circle shadow">
+            <i class="ni ni-spaceship"></i>
+          </div>
+        </div>
+      </div>
+      <p class="mt-3 mb-0 text-sm">
+        <span class="text-white mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
+        <span class="text-nowrap text-light">Since last month</span>
+      </p>
+    </card>
+  </div>
+</template>
+<script>
+  import StatsCard from '@/components/argon-core/Cards/StatsCard'
+
+  export default {
+    components: {
+      StatsCard
+    }
+  }
+</script>
+<style>
+</style>

package/components/widgets/TaskList.vue

@@ -1,67 +1,67 @@
-<template>
-  <card body-classes="p-0">
-    <!-- Card header -->
-    <h5 slot="header" class="h3 mb-0">To do list</h5>
-    <!-- Card body -->
-    <ul class="list-group list-group-flush" data-toggle="checklist">
-      <li class="checklist-entry list-group-item flex-column align-items-start py-4 px-4"
-          v-for="item in items"
-          :key="item.title"
-      >
-        <div class="checklist-item"
-             :class="{'checklist-item-checked': item.done, [`checklist-item-${item.checkType}`]: item.checkType}">
-          <div class="checklist-info">
-            <h5 class="checklist-title mb-0">{{item.title}}</h5>
-            <small>{{item.description}}</small>
-          </div>
-          <div>
-            <base-checkbox v-model="item.done"
-                           :type="item.checkType"/>
-          </div>
-        </div>
-
-      </li>
-    </ul>
-  </card>
-</template>
-<script>
-  export default {
-    data() {
-      return {
-        items: [
-          {
-            title: 'Call with Dave',
-            description: '10:30 AM',
-            done: true,
-            checkType: 'success'
-          },
-          {
-            title: 'Lunch meeting',
-            description: '10:30 AM',
-            done: false,
-            checkType: 'warning'
-          },
-          {
-            title: 'Argon Dashboard Launch',
-            description: '10:30 AM',
-            done: false,
-            checkType: 'info'
-          },
-          {
-            title: 'Winter Hackaton',
-            description: '10:30 AM',
-            done: true,
-            checkType: 'danger'
-          },
-          {
-            title: 'Dinner with Family',
-            description: '10:30 AM',
-            done: true,
-            checkType: 'success'
-          }
-        ]
-      };
-    }
-  };
-</script>
-<style></style>
+<template>
+  <card body-classes="p-0">
+    <!-- Card header -->
+    <h5 slot="header" class="h3 mb-0">To do list</h5>
+    <!-- Card body -->
+    <ul class="list-group list-group-flush" data-toggle="checklist">
+      <li class="checklist-entry list-group-item flex-column align-items-start py-4 px-4"
+          v-for="item in items"
+          :key="item.title"
+      >
+        <div class="checklist-item"
+             :class="{'checklist-item-checked': item.done, [`checklist-item-${item.checkType}`]: item.checkType}">
+          <div class="checklist-info">
+            <h5 class="checklist-title mb-0">{{item.title}}</h5>
+            <small>{{item.description}}</small>
+          </div>
+          <div>
+            <base-checkbox v-model="item.done"
+                           :type="item.checkType"/>
+          </div>
+        </div>
+
+      </li>
+    </ul>
+  </card>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        items: [
+          {
+            title: 'Call with Dave',
+            description: '10:30 AM',
+            done: true,
+            checkType: 'success'
+          },
+          {
+            title: 'Lunch meeting',
+            description: '10:30 AM',
+            done: false,
+            checkType: 'warning'
+          },
+          {
+            title: 'Argon Dashboard Launch',
+            description: '10:30 AM',
+            done: false,
+            checkType: 'info'
+          },
+          {
+            title: 'Winter Hackaton',
+            description: '10:30 AM',
+            done: true,
+            checkType: 'danger'
+          },
+          {
+            title: 'Dinner with Family',
+            description: '10:30 AM',
+            done: true,
+            checkType: 'success'
+          }
+        ]
+      };
+    }
+  };
+</script>
+<style></style>

package/components/widgets/TimelineCard.vue

@@ -1,66 +1,66 @@
-<template>
-  <div class="card">
-    <!-- Card header -->
-    <div class="card-header">
-      <!-- Title -->
-      <h5 class="h3 mb-0">Latest notifications</h5>
-    </div>
-    <!-- Card body -->
-    <div class="card-body">
-      <div class="timeline timeline-one-side" data-timeline-content="axis" data-timeline-axis-style="dashed">
-        <div v-for="event in events"
-             :key="event.title"
-             class="timeline-block">
-          <span class="timeline-step" :class="`badge-${event.type}`">
-            <i :class="event.icon"></i>
-          </span>
-          <div class="timeline-content">
-            <div class="d-flex justify-content-between pt-1">
-              <div>
-                <span class="text-muted text-sm font-weight-bold">{{event.title}}</span>
-              </div>
-              <div class="text-right">
-                <small class="text-muted"><i class="fas fa-clock mr-1"></i>{{event.time}}</small>
-              </div>
-            </div>
-            <h6 class="text-sm mt-1 mb-0">{{event.description}}</h6>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'timeline-card',
-    data() {
-      return {
-        events: [
-          {
-            title: 'New message',
-            description: 'Let\'s meet at Starbucks at 11:30. Wdyt?',
-            icon: 'ni ni-bell-55',
-            type: 'success',
-            time: '2 hrs ago'
-          },
-          {
-            title: 'Product issue',
-            description: 'A new issue has been reported for Argon.',
-            icon: 'ni ni-html5',
-            type: 'danger',
-            time: '3 hrs ago'
-          },
-          {
-            title: 'New likes',
-            description: 'Your posts have been liked a lot.',
-            icon: 'ni ni-like-2',
-            type: 'info',
-            time: '5 hrs ago'
-          }
-        ]
-      }
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="card">
+    <!-- Card header -->
+    <div class="card-header">
+      <!-- Title -->
+      <h5 class="h3 mb-0">Latest notifications</h5>
+    </div>
+    <!-- Card body -->
+    <div class="card-body">
+      <div class="timeline timeline-one-side" data-timeline-content="axis" data-timeline-axis-style="dashed">
+        <div v-for="event in events"
+             :key="event.title"
+             class="timeline-block">
+          <span class="timeline-step" :class="`badge-${event.type}`">
+            <i :class="event.icon"></i>
+          </span>
+          <div class="timeline-content">
+            <div class="d-flex justify-content-between pt-1">
+              <div>
+                <span class="text-muted text-sm font-weight-bold">{{event.title}}</span>
+              </div>
+              <div class="text-right">
+                <small class="text-muted"><i class="fas fa-clock mr-1"></i>{{event.time}}</small>
+              </div>
+            </div>
+            <h6 class="text-sm mt-1 mb-0">{{event.description}}</h6>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'timeline-card',
+    data() {
+      return {
+        events: [
+          {
+            title: 'New message',
+            description: 'Let\'s meet at Starbucks at 11:30. Wdyt?',
+            icon: 'ni ni-bell-55',
+            type: 'success',
+            time: '2 hrs ago'
+          },
+          {
+            title: 'Product issue',
+            description: 'A new issue has been reported for Argon.',
+            icon: 'ni ni-html5',
+            type: 'danger',
+            time: '3 hrs ago'
+          },
+          {
+            title: 'New likes',
+            description: 'Your posts have been liked a lot.',
+            icon: 'ni ni-like-2',
+            type: 'info',
+            time: '5 hrs ago'
+          }
+        ]
+      }
+    }
+  }
+</script>
+<style>
+</style>