@burh/nuxt-core 1.0.20 → 1.0.21

package/components/tables/RegularTables/InlineActionsTable.vue

@@ -1,94 +1,94 @@
-<template>
-  <div class="card">
-    <div class="card-header border-0">
-      <div class="row">
-        <div class="col-6">
-          <h3 class="mb-0">Inline actions</h3>
-        </div>
-        <div class="col-6 text-right">
-          <el-tooltip content="Export" placement="top">
-            <base-button type="neutral" icon size="sm">
-              <span class="btn-inner--icon"><i class="fas fa-user-edit"></i></span>
-              <span class="btn-inner--text">Export</span>
-            </base-button>
-          </el-tooltip>
-        </div>
-      </div>
-    </div>
-
-    <el-table class="table-responsive align-items-center table-flush"
-              header-row-class-name="thead-light"
-              :data="users">
-      <el-table-column label="Author"
-                       min-width="310px"
-                       prop="name"
-                       sortable>
-        <template v-slot="{row}">
-          <img :src="row.image" class="avatar rounded-circle mr-3">
-          <b>{{row.name}}</b>
-        </template>
-      </el-table-column>
-      <el-table-column label="Created At"
-                       prop="createdAt"
-                       min-width="140px"
-                       sortable>
-      </el-table-column>
-
-      <el-table-column label="Product"
-                       min-width="200px"
-                       prop="product"
-                       sortable>
-        <template v-slot="{row}">
-          <a href="#!" class="font-weight-bold">{{row.product}}</a>
-        </template>
-      </el-table-column>
-
-      <el-table-column min-width="180px" align="center">
-        <div slot-scope="{row}" class="table-actions">
-          <el-tooltip content="Edit" placement="top">
-            <a href="#!" @click.prevent="onEdit(row)" class="table-action" data-toggle="tooltip" data-original-title="Edit product">
-              <i class="fas fa-user-edit"></i>
-            </a>
-          </el-tooltip>
-          <el-tooltip content="Delete" placement="top">
-            <a href="#!" @click.prevent="onDelete(row)" class="table-action table-action-delete" data-toggle="tooltip"
-               data-original-title="Delete product">
-              <i class="fas fa-trash"></i>
-            </a>
-          </el-tooltip>
-        </div>
-      </el-table-column>
-    </el-table>
-
-  </div>
-</template>
-<script>
-  import users from './../users'
-  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown, Tooltip } from 'element-ui'
-
-  export default {
-    name: 'inline-actions-table',
-    components: {
-      [Tooltip.name]: Tooltip,
-      [Table.name]: Table,
-      [TableColumn.name]: TableColumn,
-      [Dropdown.name]: Dropdown,
-      [DropdownItem.name]: DropdownItem,
-      [DropdownMenu.name]: DropdownMenu,
-    },
-    data() {
-      return {
-        users,
-        currentPage: 1
-      };
-    },
-    methods: {
-      onEdit(row) {
-        alert(`You want to edit ${row.name}`)
-      },
-      onDelete(row) {
-        alert(`You want to delete ${row.name}`)
-      },
-    }
-  }
-</script>
+<template>
+  <div class="card">
+    <div class="card-header border-0">
+      <div class="row">
+        <div class="col-6">
+          <h3 class="mb-0">Inline actions</h3>
+        </div>
+        <div class="col-6 text-right">
+          <el-tooltip content="Export" placement="top">
+            <base-button type="neutral" icon size="sm">
+              <span class="btn-inner--icon"><i class="fas fa-user-edit"></i></span>
+              <span class="btn-inner--text">Export</span>
+            </base-button>
+          </el-tooltip>
+        </div>
+      </div>
+    </div>
+
+    <el-table class="table-responsive align-items-center table-flush"
+              header-row-class-name="thead-light"
+              :data="users">
+      <el-table-column label="Author"
+                       min-width="310px"
+                       prop="name"
+                       sortable>
+        <template v-slot="{row}">
+          <img :src="row.image" class="avatar rounded-circle mr-3">
+          <b>{{row.name}}</b>
+        </template>
+      </el-table-column>
+      <el-table-column label="Created At"
+                       prop="createdAt"
+                       min-width="140px"
+                       sortable>
+      </el-table-column>
+
+      <el-table-column label="Product"
+                       min-width="200px"
+                       prop="product"
+                       sortable>
+        <template v-slot="{row}">
+          <a href="#!" class="font-weight-bold">{{row.product}}</a>
+        </template>
+      </el-table-column>
+
+      <el-table-column min-width="180px" align="center">
+        <div slot-scope="{row}" class="table-actions">
+          <el-tooltip content="Edit" placement="top">
+            <a href="#!" @click.prevent="onEdit(row)" class="table-action" data-toggle="tooltip" data-original-title="Edit product">
+              <i class="fas fa-user-edit"></i>
+            </a>
+          </el-tooltip>
+          <el-tooltip content="Delete" placement="top">
+            <a href="#!" @click.prevent="onDelete(row)" class="table-action table-action-delete" data-toggle="tooltip"
+               data-original-title="Delete product">
+              <i class="fas fa-trash"></i>
+            </a>
+          </el-tooltip>
+        </div>
+      </el-table-column>
+    </el-table>
+
+  </div>
+</template>
+<script>
+  import users from './../users'
+  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown, Tooltip } from 'element-ui'
+
+  export default {
+    name: 'inline-actions-table',
+    components: {
+      [Tooltip.name]: Tooltip,
+      [Table.name]: Table,
+      [TableColumn.name]: TableColumn,
+      [Dropdown.name]: Dropdown,
+      [DropdownItem.name]: DropdownItem,
+      [DropdownMenu.name]: DropdownMenu,
+    },
+    data() {
+      return {
+        users,
+        currentPage: 1
+      };
+    },
+    methods: {
+      onEdit(row) {
+        alert(`You want to edit ${row.name}`)
+      },
+      onDelete(row) {
+        alert(`You want to delete ${row.name}`)
+      },
+    }
+  }
+</script>

package/components/tables/RegularTables/LightTable.vue

@@ -1,117 +1,117 @@
-<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">
-            <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">
-                      <i class="fas fa-ellipsis-v mt-2"></i>
-                    </span>
-                        <el-dropdown-menu class="dropdown-menu dropdown-menu-arrow show" 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 class="card-footer py-4 d-flex justify-content-end">
-            <base-pagination v-model="currentPage" :total="50"></base-pagination>
-        </div>
-    </div>
-</template>
-<script>
-  import projects from './../projects'
-  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,
-    },
-    data() {
-      return {
-        projects,
-        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">
+            <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">
+                      <i class="fas fa-ellipsis-v mt-2"></i>
+                    </span>
+                        <el-dropdown-menu class="dropdown-menu dropdown-menu-arrow show" 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 class="card-footer py-4 d-flex justify-content-end">
+            <base-pagination v-model="currentPage" :total="50"></base-pagination>
+        </div>
+    </div>
+</template>
+<script>
+  import projects from './../projects'
+  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,
+    },
+    data() {
+      return {
+        projects,
+        currentPage: 1
+      };
+    }
+  }
+</script>

package/components/tables/RegularTables/StripedTable.vue

@@ -1,94 +1,94 @@
-<template>
-  <div class="card">
-    <div class="card-header border-0">
-      <div class="row">
-        <div class="col-6">
-          <h3 class="mb-0">Striped Table</h3>
-        </div>
-        <div class="col-6 text-right">
-          <el-tooltip content="Export" placement="top">
-            <base-button type="primary" icon size="sm">
-              <span class="btn-inner--icon"><i class="fas fa-user-edit"></i></span>
-              <span class="btn-inner--text">Export</span>
-            </base-button>
-          </el-tooltip>
-        </div>
-      </div>
-    </div>
-
-    <el-table class="table-responsive align-items-center table-flush table-striped"
-              header-row-class-name="thead-light"
-              :data="users">
-      <el-table-column label="Author"
-                       min-width="310px"
-                       prop="name"
-                       sortable>
-        <template v-slot="{row}">
-          <img :src="row.image" class="avatar rounded-circle mr-3">
-          <b>{{row.name}}</b>
-        </template>
-      </el-table-column>
-      <el-table-column label="Created At"
-                       prop="createdAt"
-                       min-width="140px"
-                       sortable>
-      </el-table-column>
-
-      <el-table-column label="Product"
-                       min-width="200px"
-                       prop="product"
-                       sortable>
-        <template v-slot="{row}">
-          <a href="#!" class="font-weight-bold">{{row.product}}</a>
-        </template>
-      </el-table-column>
-
-      <el-table-column min-width="180px" align="center">
-        <div slot-scope="{row}" class="table-actions">
-          <el-tooltip content="Edit" placement="top">
-            <a href="#!" @click.prevent="onEdit(row)" class="table-action" data-toggle="tooltip" data-original-title="Edit product">
-              <i class="fas fa-user-edit"></i>
-            </a>
-          </el-tooltip>
-          <el-tooltip content="Delete" placement="top">
-            <a href="#!" @click.prevent="onDelete(row)" class="table-action table-action-delete" data-toggle="tooltip"
-               data-original-title="Delete product">
-              <i class="fas fa-trash"></i>
-            </a>
-          </el-tooltip>
-        </div>
-      </el-table-column>
-    </el-table>
-
-  </div>
-</template>
-<script>
-  import users from './../users'
-  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown, Tooltip } from 'element-ui'
-
-  export default {
-    name: 'inline-actions-table',
-    components: {
-      [Tooltip.name]: Tooltip,
-      [Table.name]: Table,
-      [TableColumn.name]: TableColumn,
-      [Dropdown.name]: Dropdown,
-      [DropdownItem.name]: DropdownItem,
-      [DropdownMenu.name]: DropdownMenu,
-    },
-    data() {
-      return {
-        users,
-        currentPage: 1
-      };
-    },
-    methods: {
-      onEdit(row) {
-        alert(`You want to edit ${row.name}`)
-      },
-      onDelete(row) {
-        alert(`You want to delete ${row.name}`)
-      },
-    }
-  }
-</script>
+<template>
+  <div class="card">
+    <div class="card-header border-0">
+      <div class="row">
+        <div class="col-6">
+          <h3 class="mb-0">Striped Table</h3>
+        </div>
+        <div class="col-6 text-right">
+          <el-tooltip content="Export" placement="top">
+            <base-button type="primary" icon size="sm">
+              <span class="btn-inner--icon"><i class="fas fa-user-edit"></i></span>
+              <span class="btn-inner--text">Export</span>
+            </base-button>
+          </el-tooltip>
+        </div>
+      </div>
+    </div>
+
+    <el-table class="table-responsive align-items-center table-flush table-striped"
+              header-row-class-name="thead-light"
+              :data="users">
+      <el-table-column label="Author"
+                       min-width="310px"
+                       prop="name"
+                       sortable>
+        <template v-slot="{row}">
+          <img :src="row.image" class="avatar rounded-circle mr-3">
+          <b>{{row.name}}</b>
+        </template>
+      </el-table-column>
+      <el-table-column label="Created At"
+                       prop="createdAt"
+                       min-width="140px"
+                       sortable>
+      </el-table-column>
+
+      <el-table-column label="Product"
+                       min-width="200px"
+                       prop="product"
+                       sortable>
+        <template v-slot="{row}">
+          <a href="#!" class="font-weight-bold">{{row.product}}</a>
+        </template>
+      </el-table-column>
+
+      <el-table-column min-width="180px" align="center">
+        <div slot-scope="{row}" class="table-actions">
+          <el-tooltip content="Edit" placement="top">
+            <a href="#!" @click.prevent="onEdit(row)" class="table-action" data-toggle="tooltip" data-original-title="Edit product">
+              <i class="fas fa-user-edit"></i>
+            </a>
+          </el-tooltip>
+          <el-tooltip content="Delete" placement="top">
+            <a href="#!" @click.prevent="onDelete(row)" class="table-action table-action-delete" data-toggle="tooltip"
+               data-original-title="Delete product">
+              <i class="fas fa-trash"></i>
+            </a>
+          </el-tooltip>
+        </div>
+      </el-table-column>
+    </el-table>
+
+  </div>
+</template>
+<script>
+  import users from './../users'
+  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown, Tooltip } from 'element-ui'
+
+  export default {
+    name: 'inline-actions-table',
+    components: {
+      [Tooltip.name]: Tooltip,
+      [Table.name]: Table,
+      [TableColumn.name]: TableColumn,
+      [Dropdown.name]: Dropdown,
+      [DropdownItem.name]: DropdownItem,
+      [DropdownMenu.name]: DropdownMenu,
+    },
+    data() {
+      return {
+        users,
+        currentPage: 1
+      };
+    },
+    methods: {
+      onEdit(row) {
+        alert(`You want to edit ${row.name}`)
+      },
+      onDelete(row) {
+        alert(`You want to delete ${row.name}`)
+      },
+    }
+  }
+</script>