@burh/nuxt-core 1.0.7 → 1.0.8

package/components/pages/dashboard/LightTable.vue

@@ -1,194 +1,194 @@
-<template>
-  <div class="card">
-    <div class="border-0 card-header">
-      <h3 class="mb-0">Light table</h3>
-    </div>
-
-    <el-table class="table-responsive table-flush"
-              header-row-class-name="thead-light"
-              :data="projects.slice(0, itemLimit)">
-      <el-table-column label="Project"
-                       min-width="310px"
-                       prop="name"
-                       sortable>
-        <template v-slot="{row}">
-          <div class="media align-items-center">
-            <a href="#" class="avatar rounded-circle mr-3">
-              <img alt="Image placeholder" :src="row.img">
-            </a>
-            <div class="media-body">
-              <span class="font-weight-600 name mb-0 text-sm">{{row.title}}</span>
-            </div>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column label="Budget"
-                       prop="budget"
-                       min-width="140px"
-                       sortable>
-      </el-table-column>
-
-      <el-table-column label="Status"
-                       min-width="170px"
-                       prop="status"
-                       sortable>
-        <template v-slot="{row}">
-          <badge class="badge-dot mr-4" type="">
-            <i :class="`bg-${row.statusType}`"></i>
-            <span class="status">{{row.status}}</span>
-          </badge>
-        </template>
-      </el-table-column>
-
-      <el-table-column label="Users" min-width="190px">
-        <div class="avatar-group">
-          <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-             data-original-title="Ryan Tompson">
-            <img alt="Image placeholder" src="img/theme/team-1.jpg">
-          </a>
-          <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-             data-original-title="Romina Hadid">
-            <img alt="Image placeholder" src="img/theme/team-2.jpg">
-          </a>
-          <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-             data-original-title="Alexander Smith">
-            <img alt="Image placeholder" src="img/theme/team-3.jpg">
-          </a>
-          <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-             data-original-title="Jessica Doe">
-            <img alt="Image placeholder" src="img/theme/team-4.jpg">
-          </a>
-        </div>
-      </el-table-column>
-
-      <el-table-column label="Completion"
-                       prop="completion"
-                       min-width="240px"
-                       sortable>
-        <template v-slot="{row}">
-          <div class="d-flex align-items-center">
-            <span class="completion mr-2">{{row.completion}}%</span>
-            <div>
-              <base-progress :type="row.statusType" :value="row.completion"/>
-            </div>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column min-width="180px">
-        <template v-slot="{row}">
-          <el-dropdown trigger="click" class="dropdown">
-            <span class="btn btn-sm btn-icon-only text-light" aria-label="Dropdown menu">
-              <i class="fas fa-ellipsis-v mt-2"></i>
-            </span>
-            <el-dropdown-menu class="dropdown-menu dropdown-menu-arrow show"
-                              role="list"
-                              slot="dropdown">
-              <a class="dropdown-item" href="#">Action</a>
-              <a class="dropdown-item" href="#">Another action</a>
-              <a class="dropdown-item" href="#">Something else here</a>
-            </el-dropdown-menu>
-          </el-dropdown>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-<script>
-  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown } from 'element-ui'
-
-  export default {
-    name: 'light-table',
-    components: {
-      [Table.name]: Table,
-      [TableColumn.name]: TableColumn,
-      [Dropdown.name]: Dropdown,
-      [DropdownItem.name]: DropdownItem,
-      [DropdownMenu.name]: DropdownMenu,
-    },
-    props: {
-      itemLimit: {
-        type: Number,
-        default: 9
-      }
-    },
-    data() {
-      return {
-        projects: [
-          {
-            img: 'img/theme/bootstrap.jpg',
-            title: 'Argon Design System',
-            budget: '$2500 USD',
-            status: 'pending',
-            statusType: 'warning',
-            completion: 60
-          },
-          {
-            img: 'img/theme/angular.jpg',
-            title: 'Angular Now UI Kit PRO',
-            budget: '$1800 USD',
-            status: 'completed',
-            statusType: 'success',
-            completion: 100
-          },
-          {
-            img: 'img/theme/sketch.jpg',
-            title: 'Black Dashboard',
-            budget: '$3150 USD',
-            status: 'delayed',
-            statusType: 'danger',
-            completion: 72
-          },
-          {
-            img: 'img/theme/react.jpg',
-            title: 'React Material Dashboard',
-            budget: '$4400 USD',
-            status: 'on schedule',
-            statusType: 'info',
-            completion: 90
-          },
-          {
-            img: 'img/theme/vue.jpg',
-            title: 'Vue Paper UI Kit PRO',
-            budget: '$2200 USD',
-            status: 'completed',
-            statusType: 'success',
-            completion: 100
-          },
-          {
-            img: 'img/theme/bootstrap.jpg',
-            title: 'Argon Design System',
-            budget: '$2500 USD',
-            status: 'pending',
-            statusType: 'warning',
-            completion: 60
-          },
-          {
-            img: 'img/theme/angular.jpg',
-            title: 'Angular Now UI Kit PRO',
-            budget: '$1800 USD',
-            status: 'completed',
-            statusType: 'success',
-            completion: 100
-          },
-          {
-            img: 'img/theme/sketch.jpg',
-            title: 'Black Dashboard',
-            budget: '$3150 USD',
-            status: 'delayed',
-            statusType: 'danger',
-            completion: 72
-          },
-          {
-            img: 'img/theme/vue.jpg',
-            title: 'Vue Paper UI Kit PRO',
-            budget: '$2200 USD',
-            status: 'completed',
-            statusType: 'success',
-            completion: 100
-          }
-        ],
-        currentPage: 1
-      };
-    }
-  }
-</script>
+<template>
+  <div class="card">
+    <div class="border-0 card-header">
+      <h3 class="mb-0">Light table</h3>
+    </div>
+
+    <el-table class="table-responsive table-flush"
+              header-row-class-name="thead-light"
+              :data="projects.slice(0, itemLimit)">
+      <el-table-column label="Project"
+                       min-width="310px"
+                       prop="name"
+                       sortable>
+        <template v-slot="{row}">
+          <div class="media align-items-center">
+            <a href="#" class="avatar rounded-circle mr-3">
+              <img alt="Image placeholder" :src="row.img">
+            </a>
+            <div class="media-body">
+              <span class="font-weight-600 name mb-0 text-sm">{{row.title}}</span>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="Budget"
+                       prop="budget"
+                       min-width="140px"
+                       sortable>
+      </el-table-column>
+
+      <el-table-column label="Status"
+                       min-width="170px"
+                       prop="status"
+                       sortable>
+        <template v-slot="{row}">
+          <badge class="badge-dot mr-4" type="">
+            <i :class="`bg-${row.statusType}`"></i>
+            <span class="status">{{row.status}}</span>
+          </badge>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="Users" min-width="190px">
+        <div class="avatar-group">
+          <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
+             data-original-title="Ryan Tompson">
+            <img alt="Image placeholder" src="img/theme/team-1.jpg">
+          </a>
+          <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
+             data-original-title="Romina Hadid">
+            <img alt="Image placeholder" src="img/theme/team-2.jpg">
+          </a>
+          <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
+             data-original-title="Alexander Smith">
+            <img alt="Image placeholder" src="img/theme/team-3.jpg">
+          </a>
+          <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
+             data-original-title="Jessica Doe">
+            <img alt="Image placeholder" src="img/theme/team-4.jpg">
+          </a>
+        </div>
+      </el-table-column>
+
+      <el-table-column label="Completion"
+                       prop="completion"
+                       min-width="240px"
+                       sortable>
+        <template v-slot="{row}">
+          <div class="d-flex align-items-center">
+            <span class="completion mr-2">{{row.completion}}%</span>
+            <div>
+              <base-progress :type="row.statusType" :value="row.completion"/>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column min-width="180px">
+        <template v-slot="{row}">
+          <el-dropdown trigger="click" class="dropdown">
+            <span class="btn btn-sm btn-icon-only text-light" aria-label="Dropdown menu">
+              <i class="fas fa-ellipsis-v mt-2"></i>
+            </span>
+            <el-dropdown-menu class="dropdown-menu dropdown-menu-arrow show"
+                              role="list"
+                              slot="dropdown">
+              <a class="dropdown-item" href="#">Action</a>
+              <a class="dropdown-item" href="#">Another action</a>
+              <a class="dropdown-item" href="#">Something else here</a>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script>
+  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown } from 'element-ui'
+
+  export default {
+    name: 'light-table',
+    components: {
+      [Table.name]: Table,
+      [TableColumn.name]: TableColumn,
+      [Dropdown.name]: Dropdown,
+      [DropdownItem.name]: DropdownItem,
+      [DropdownMenu.name]: DropdownMenu,
+    },
+    props: {
+      itemLimit: {
+        type: Number,
+        default: 9
+      }
+    },
+    data() {
+      return {
+        projects: [
+          {
+            img: 'img/theme/bootstrap.jpg',
+            title: 'Argon Design System',
+            budget: '$2500 USD',
+            status: 'pending',
+            statusType: 'warning',
+            completion: 60
+          },
+          {
+            img: 'img/theme/angular.jpg',
+            title: 'Angular Now UI Kit PRO',
+            budget: '$1800 USD',
+            status: 'completed',
+            statusType: 'success',
+            completion: 100
+          },
+          {
+            img: 'img/theme/sketch.jpg',
+            title: 'Black Dashboard',
+            budget: '$3150 USD',
+            status: 'delayed',
+            statusType: 'danger',
+            completion: 72
+          },
+          {
+            img: 'img/theme/react.jpg',
+            title: 'React Material Dashboard',
+            budget: '$4400 USD',
+            status: 'on schedule',
+            statusType: 'info',
+            completion: 90
+          },
+          {
+            img: 'img/theme/vue.jpg',
+            title: 'Vue Paper UI Kit PRO',
+            budget: '$2200 USD',
+            status: 'completed',
+            statusType: 'success',
+            completion: 100
+          },
+          {
+            img: 'img/theme/bootstrap.jpg',
+            title: 'Argon Design System',
+            budget: '$2500 USD',
+            status: 'pending',
+            statusType: 'warning',
+            completion: 60
+          },
+          {
+            img: 'img/theme/angular.jpg',
+            title: 'Angular Now UI Kit PRO',
+            budget: '$1800 USD',
+            status: 'completed',
+            statusType: 'success',
+            completion: 100
+          },
+          {
+            img: 'img/theme/sketch.jpg',
+            title: 'Black Dashboard',
+            budget: '$3150 USD',
+            status: 'delayed',
+            statusType: 'danger',
+            completion: 72
+          },
+          {
+            img: 'img/theme/vue.jpg',
+            title: 'Vue Paper UI Kit PRO',
+            budget: '$2200 USD',
+            status: 'completed',
+            statusType: 'success',
+            completion: 100
+          }
+        ],
+        currentPage: 1
+      };
+    }
+  }
+</script>

package/components/pages/dashboard/PageVisitsTable.vue

@@ -1,107 +1,107 @@
-<template>
-  <div class="card">
-    <div class="card-header border-0">
-      <div class="row align-items-center">
-        <div class="col">
-          <h3 class="mb-0">Page visits</h3>
-        </div>
-        <div class="col text-right">
-          <a href="#!" class="btn btn-sm btn-primary">See all</a>
-        </div>
-      </div>
-    </div>
-
-    <el-table class="table-responsive table"
-              :data="tableData"
-              header-row-class-name="thead-light">
-      <el-table-column label="Page name"
-                       sortable
-                       min-width="130px"
-                       prop="page">
-        <template v-slot="{row}">
-          <div class="font-weight-600">{{row.page}}</div>
-        </template>
-      </el-table-column>
-      <el-table-column label="Visitors"
-                       sortable
-                       min-width="70px"
-                       prop="visitors">
-      </el-table-column>
-      <el-table-column label="Unique users"
-                       sortable
-                       min-width="90px"
-                       prop="unique">
-      </el-table-column>
-
-      <el-table-column label="Bounce rate"
-                       sortable
-                       min-width="90px"
-                       prop="bounceRate">
-        <template v-slot="{row}">
-          <i class="fas fa-arrow-up text-success mr-3"
-             :class="row.bounceRateDirection === 'up' ? 'text-success': 'text-danger'">
-          </i>
-          {{row.bounceRate}}
-        </template>
-      </el-table-column>
-
-    </el-table>
-
-  </div>
-</template>
-<script>
-  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown} from 'element-ui'
-  export default {
-    name: 'page-visits-table',
-    components: {
-      [Table.name]: Table,
-      [TableColumn.name]: TableColumn,
-      [Dropdown.name]: Dropdown,
-      [DropdownItem.name]: DropdownItem,
-      [DropdownMenu.name]: DropdownMenu,
-    },
-    data() {
-      return {
-        tableData: [
-          {
-            page: '/argon/',
-            visitors: '4,569',
-            unique: '340',
-            bounceRate: '46,53%',
-            bounceRateDirection: 'up'
-          },
-          {
-            page: '/argon/index.html',
-            visitors: '3,985',
-            unique: '319',
-            bounceRate: '46,53%',
-            bounceRateDirection: 'down'
-          },
-          {
-            page: '/argon/charts.html',
-            visitors: '3,513',
-            unique: '294',
-            bounceRate: '36,49%',
-            bounceRateDirection: 'down'
-          },
-          {
-            page: '/argon/tables.html',
-            visitors: '2,050',
-            unique: '147',
-            bounceRate: '50,87%',
-            bounceRateDirection: 'up'
-          },
-          {
-            page: '/argon/profile.html',
-            visitors: '1,795',
-            unique: '190',
-            bounceRate: '46,53%',
-            bounceRateDirection: 'down'
-          }
-        ]
-      }
-    }
-  }
-</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">Page visits</h3>
+        </div>
+        <div class="col text-right">
+          <a href="#!" class="btn btn-sm btn-primary">See all</a>
+        </div>
+      </div>
+    </div>
+
+    <el-table class="table-responsive table"
+              :data="tableData"
+              header-row-class-name="thead-light">
+      <el-table-column label="Page name"
+                       sortable
+                       min-width="130px"
+                       prop="page">
+        <template v-slot="{row}">
+          <div class="font-weight-600">{{row.page}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="Visitors"
+                       sortable
+                       min-width="70px"
+                       prop="visitors">
+      </el-table-column>
+      <el-table-column label="Unique users"
+                       sortable
+                       min-width="90px"
+                       prop="unique">
+      </el-table-column>
+
+      <el-table-column label="Bounce rate"
+                       sortable
+                       min-width="90px"
+                       prop="bounceRate">
+        <template v-slot="{row}">
+          <i class="fas fa-arrow-up text-success mr-3"
+             :class="row.bounceRateDirection === 'up' ? 'text-success': 'text-danger'">
+          </i>
+          {{row.bounceRate}}
+        </template>
+      </el-table-column>
+
+    </el-table>
+
+  </div>
+</template>
+<script>
+  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown} from 'element-ui'
+  export default {
+    name: 'page-visits-table',
+    components: {
+      [Table.name]: Table,
+      [TableColumn.name]: TableColumn,
+      [Dropdown.name]: Dropdown,
+      [DropdownItem.name]: DropdownItem,
+      [DropdownMenu.name]: DropdownMenu,
+    },
+    data() {
+      return {
+        tableData: [
+          {
+            page: '/argon/',
+            visitors: '4,569',
+            unique: '340',
+            bounceRate: '46,53%',
+            bounceRateDirection: 'up'
+          },
+          {
+            page: '/argon/index.html',
+            visitors: '3,985',
+            unique: '319',
+            bounceRate: '46,53%',
+            bounceRateDirection: 'down'
+          },
+          {
+            page: '/argon/charts.html',
+            visitors: '3,513',
+            unique: '294',
+            bounceRate: '36,49%',
+            bounceRateDirection: 'down'
+          },
+          {
+            page: '/argon/tables.html',
+            visitors: '2,050',
+            unique: '147',
+            bounceRate: '50,87%',
+            bounceRateDirection: 'up'
+          },
+          {
+            page: '/argon/profile.html',
+            visitors: '1,795',
+            unique: '190',
+            bounceRate: '46,53%',
+            bounceRateDirection: 'down'
+          }
+        ]
+      }
+    }
+  }
+</script>
+<style>
+</style>