@burh/nuxt-core 1.0.403 → 1.0.404

package/components/pages/dashboard/ProgressTrackList.vue

@@ -1,82 +1,82 @@
-<template>
-  <ul class="list-group list-group-flush list my--3">
-    <li class="list-group-item px-0"
-        v-for="item in items.slice(0, itemLimit)"
-        :key="item.id">
-      <div class="row align-items-center">
-        <div class="col-auto">
-          <!-- Avatar -->
-          <a href="#" class="avatar rounded-circle">
-            <img alt="Image placeholder" :src="item.img">
-          </a>
-        </div>
-        <div class="col">
-          <h5>{{item.title}}</h5>
-          <base-progress class="mb-0"
-                         :type="item.progressType"
-                         :value="item.progress">
-          </base-progress>
-        </div>
-      </div>
-    </li>
-  </ul>
-</template>
-<script>
-  import BaseProgress from '~/components/argon-core/BaseProgress.vue';
-
-  export default {
-    name: 'progress-track-list',
-    props: {
-      itemLimit: {
-        type: Number,
-        default: 4
-      }
-    },
-    components: {
-      BaseProgress
-    },
-    data() {
-      return {
-        items: [
-          {
-            id: 1,
-            img: 'img/theme/bootstrap.jpg',
-            title: 'Argon Design System',
-            progress: 60,
-            progressType: 'orange'
-          },
-          {
-            id: 2,
-            img: 'img/theme/angular.jpg',
-            title: 'Angular Now UI Kit PRO',
-            progress: 100,
-            progressType: 'green'
-          },
-          {
-            id: 3,
-            img: 'img/theme/sketch.jpg',
-            title: 'Black Dashboard',
-            progress: 72,
-            progressType: 'red'
-          },
-          {
-            id: 4,
-            img: 'img/theme/react.jpg',
-            title: 'React Material Dashboard',
-            progress: 90,
-            progressType: 'teal'
-          },
-          {
-            id: 5,
-            img: 'img/theme/vue.jpg',
-            title: 'Vue Paper UI Kit PRO',
-            progress: 100,
-            progressType: 'success'
-          }
-        ]
-      }
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <ul class="list-group list-group-flush list my--3">
+    <li class="list-group-item px-0"
+        v-for="item in items.slice(0, itemLimit)"
+        :key="item.id">
+      <div class="row align-items-center">
+        <div class="col-auto">
+          <!-- Avatar -->
+          <a href="#" class="avatar rounded-circle">
+            <img alt="Image placeholder" :src="item.img">
+          </a>
+        </div>
+        <div class="col">
+          <h5>{{item.title}}</h5>
+          <base-progress class="mb-0"
+                         :type="item.progressType"
+                         :value="item.progress">
+          </base-progress>
+        </div>
+      </div>
+    </li>
+  </ul>
+</template>
+<script>
+  import BaseProgress from '~/components/argon-core/BaseProgress.vue';
+
+  export default {
+    name: 'progress-track-list',
+    props: {
+      itemLimit: {
+        type: Number,
+        default: 4
+      }
+    },
+    components: {
+      BaseProgress
+    },
+    data() {
+      return {
+        items: [
+          {
+            id: 1,
+            img: 'img/theme/bootstrap.jpg',
+            title: 'Argon Design System',
+            progress: 60,
+            progressType: 'orange'
+          },
+          {
+            id: 2,
+            img: 'img/theme/angular.jpg',
+            title: 'Angular Now UI Kit PRO',
+            progress: 100,
+            progressType: 'green'
+          },
+          {
+            id: 3,
+            img: 'img/theme/sketch.jpg',
+            title: 'Black Dashboard',
+            progress: 72,
+            progressType: 'red'
+          },
+          {
+            id: 4,
+            img: 'img/theme/react.jpg',
+            title: 'React Material Dashboard',
+            progress: 90,
+            progressType: 'teal'
+          },
+          {
+            id: 5,
+            img: 'img/theme/vue.jpg',
+            title: 'Vue Paper UI Kit PRO',
+            progress: 100,
+            progressType: 'success'
+          }
+        ]
+      }
+    }
+  }
+</script>
+<style>
+</style>

package/components/pages/dashboard/SocialTrafficTable.vue

@@ -1,101 +1,101 @@
-<template>
-  <div class="card">
-    <div class="card-header border-0">
-      <div class="row align-items-center">
-        <div class="col">
-          <h3 class="mb-0">Social traffic</h3>
-        </div>
-        <div class="col text-right">
-          <base-button size="sm" type="primary">See all</base-button>
-        </div>
-      </div>
-    </div>
-
-    <div class="table-responsive">
-      <el-table class="table-responsive table"
-                :data="tableData"
-                header-row-class-name="thead-light">
-        <el-table-column label="Referral"
-                         min-width="115px"
-                         prop="name">
-          <template v-slot="{row}">
-            <div class="font-weight-600">{{row.name}}</div>
-          </template>
-        </el-table-column>
-
-        <el-table-column label="Visitors"
-                         min-width="110px"
-                         prop="visitors">
-        </el-table-column>
-
-        <el-table-column min-width="220px"
-                         prop="progress">
-          <template v-slot="{row}">
-            <div class="d-flex align-items-center">
-              <span class="mr-2">{{row.progress}}%</span>
-              <base-progress :type="row.progressType"
-                             :value="row.progress"
-              />
-            </div>
-          </template>
-        </el-table-column>
-
-      </el-table>
-    </div>
-
-  </div>
-</template>
-<script>
-  import BaseProgress from '@/components/argon-core/BaseProgress.vue';
-  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown} from 'element-ui'
-  export default {
-    name: 'social-traffic-table',
-    components: {
-      BaseProgress,
-      [Table.name]: Table,
-      [TableColumn.name]: TableColumn,
-      [Dropdown.name]: Dropdown,
-      [DropdownItem.name]: DropdownItem,
-      [DropdownMenu.name]: DropdownMenu,
-    },
-    data() {
-      return {
-        tableData: [
-          {
-            name: 'Facebook',
-            visitors: '1,480',
-            progress: 60,
-            progressType: 'gradient-danger',
-          },
-          {
-            name: 'LinkedIn',
-            visitors: '5,480',
-            progress: 70,
-            progressType: 'gradient-success',
-          },
-          {
-            name: 'Google',
-            visitors: '4,807',
-            progress: 80,
-            progressType: 'gradient-primary',
-          },
-          {
-            name: 'Instagram',
-            visitors: '3,678',
-            progress: 75,
-            progressType: 'gradient-info',
-          },
-          {
-            name: 'Twitter',
-            visitors: '2,645',
-            progress: 30,
-            progressType: 'gradient-warning',
-          }
-        ]
-      }
-    }
-
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="card">
+    <div class="card-header border-0">
+      <div class="row align-items-center">
+        <div class="col">
+          <h3 class="mb-0">Social traffic</h3>
+        </div>
+        <div class="col text-right">
+          <base-button size="sm" type="primary">See all</base-button>
+        </div>
+      </div>
+    </div>
+
+    <div class="table-responsive">
+      <el-table class="table-responsive table"
+                :data="tableData"
+                header-row-class-name="thead-light">
+        <el-table-column label="Referral"
+                         min-width="115px"
+                         prop="name">
+          <template v-slot="{row}">
+            <div class="font-weight-600">{{row.name}}</div>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="Visitors"
+                         min-width="110px"
+                         prop="visitors">
+        </el-table-column>
+
+        <el-table-column min-width="220px"
+                         prop="progress">
+          <template v-slot="{row}">
+            <div class="d-flex align-items-center">
+              <span class="mr-2">{{row.progress}}%</span>
+              <base-progress :type="row.progressType"
+                             :value="row.progress"
+              />
+            </div>
+          </template>
+        </el-table-column>
+
+      </el-table>
+    </div>
+
+  </div>
+</template>
+<script>
+  import BaseProgress from '@/components/argon-core/BaseProgress.vue';
+  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown} from 'element-ui'
+  export default {
+    name: 'social-traffic-table',
+    components: {
+      BaseProgress,
+      [Table.name]: Table,
+      [TableColumn.name]: TableColumn,
+      [Dropdown.name]: Dropdown,
+      [DropdownItem.name]: DropdownItem,
+      [DropdownMenu.name]: DropdownMenu,
+    },
+    data() {
+      return {
+        tableData: [
+          {
+            name: 'Facebook',
+            visitors: '1,480',
+            progress: 60,
+            progressType: 'gradient-danger',
+          },
+          {
+            name: 'LinkedIn',
+            visitors: '5,480',
+            progress: 70,
+            progressType: 'gradient-success',
+          },
+          {
+            name: 'Google',
+            visitors: '4,807',
+            progress: 80,
+            progressType: 'gradient-primary',
+          },
+          {
+            name: 'Instagram',
+            visitors: '3,678',
+            progress: 75,
+            progressType: 'gradient-info',
+          },
+          {
+            name: 'Twitter',
+            visitors: '2,645',
+            progress: 30,
+            progressType: 'gradient-warning',
+          }
+        ]
+      }
+    }
+
+  }
+</script>
+<style>
+</style>

package/components/pages/dashboard/TaskList.vue

@@ -1,56 +1,56 @@
-<template>
-  <ul class="list-group list-group-flush" data-toggle="checklist">
-    <li class="list-group-item px-0"
-        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"
-                         :aria-label="`${item.title} checkbox`"
-                         :type="item.checkType"/>
-        </div>
-      </div>
-
-    </li>
-  </ul>
-</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'
-        }
-      ]
-    };
-  }
-};
-</script>
+<template>
+  <ul class="list-group list-group-flush" data-toggle="checklist">
+    <li class="list-group-item px-0"
+        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"
+                         :aria-label="`${item.title} checkbox`"
+                         :type="item.checkType"/>
+        </div>
+      </div>
+
+    </li>
+  </ul>
+</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'
+        }
+      ]
+    };
+  }
+};
+</script>

package/components/pages/dashboard/UserList.vue

@@ -1,72 +1,72 @@
-<template>
-  <ul class="list-group list-group-flush list my--3">
-    <li class="list-group-item px-0"
-        v-for="user in users"
-        :key="user.id"
-    >
-      <div class="row align-items-center">
-        <div class="col-auto">
-          <!-- Avatar -->
-          <a href="#" class="avatar rounded-circle">
-            <img alt="Image placeholder" :src="user.img">
-          </a>
-        </div>
-        <div class="col ml--2">
-          <h4 class="mb-0">
-            <a href="#!">{{user.name}}</a>
-          </h4>
-          <span :class="`text-${user.statusType}`">● </span>
-          <small>{{user.status}}</small>
-        </div>
-        <div class="col-auto">
-          <base-button type="primary" size="sm">Add</base-button>
-        </div>
-      </div>
-    </li>
-  </ul>
-</template>
-<script>
-import BaseProgress from '@/components/argon-core/BaseProgress.vue';
-
-export default {
-  name: 'user-list',
-  components: {
-    BaseProgress
-  },
-  data() {
-    return {
-      users: [
-        {
-          id: 1,
-          img: 'img/theme/team-1.jpg',
-          name: 'John Michael',
-          status: 'Online',
-          statusType: 'success'
-        },
-        {
-          id: 2,
-          img: 'img/theme/team-2.jpg',
-          name: 'Alex Smith',
-          status: 'In a meeting',
-          statusType: 'danger'
-        },
-        {
-          id: 3,
-          img: 'img/theme/team-3.jpg',
-          name: 'Samantha Ivy',
-          status: 'Offline',
-          statusType: 'danger'
-        },
-        {
-          id: 4,
-          img: 'img/theme/team-4.jpg',
-          name: 'John Michael',
-          status: 'Online',
-          statusType: 'success'
-        }
-      ]
-    };
-  }
-};
-</script>
-<style></style>
+<template>
+  <ul class="list-group list-group-flush list my--3">
+    <li class="list-group-item px-0"
+        v-for="user in users"
+        :key="user.id"
+    >
+      <div class="row align-items-center">
+        <div class="col-auto">
+          <!-- Avatar -->
+          <a href="#" class="avatar rounded-circle">
+            <img alt="Image placeholder" :src="user.img">
+          </a>
+        </div>
+        <div class="col ml--2">
+          <h4 class="mb-0">
+            <a href="#!">{{user.name}}</a>
+          </h4>
+          <span :class="`text-${user.statusType}`">● </span>
+          <small>{{user.status}}</small>
+        </div>
+        <div class="col-auto">
+          <base-button type="primary" size="sm">Add</base-button>
+        </div>
+      </div>
+    </li>
+  </ul>
+</template>
+<script>
+import BaseProgress from '@/components/argon-core/BaseProgress.vue';
+
+export default {
+  name: 'user-list',
+  components: {
+    BaseProgress
+  },
+  data() {
+    return {
+      users: [
+        {
+          id: 1,
+          img: 'img/theme/team-1.jpg',
+          name: 'John Michael',
+          status: 'Online',
+          statusType: 'success'
+        },
+        {
+          id: 2,
+          img: 'img/theme/team-2.jpg',
+          name: 'Alex Smith',
+          status: 'In a meeting',
+          statusType: 'danger'
+        },
+        {
+          id: 3,
+          img: 'img/theme/team-3.jpg',
+          name: 'Samantha Ivy',
+          status: 'Offline',
+          statusType: 'danger'
+        },
+        {
+          id: 4,
+          img: 'img/theme/team-4.jpg',
+          name: 'John Michael',
+          status: 'Online',
+          statusType: 'success'
+        }
+      ]
+    };
+  }
+};
+</script>
+<style></style>