@burh/nuxt-core 1.0.331 → 1.0.333

package/components/tables/RegularTables/CheckboxColoredTable.vue

@@ -1,112 +1,112 @@
-<template>
-  <div class="card">
-    <div class="card-header border-0">
-      <div class="row">
-        <div class="col-6">
-          <h3 class="mb-0">Checkbox + Labels</h3>
-        </div>
-        <div class="col-6 text-right">
-          <el-tooltip content="Delete" placement="top">
-            <base-button type="danger" icon size="sm">
-              <span class="btn-inner--icon"><i class="fas fa-trash"></i></span>
-              <span class="btn-inner--text">Delete</span>
-            </base-button>
-          </el-tooltip>
-        </div>
-      </div>
-    </div>
-
-    <el-table class="table-responsive table-flush"
-              header-row-class-name="thead-light"
-              row-key="id"
-              :data="users"
-              :row-class-name="rowClassName"
-              @selection-change="onSelectionChange">
-      <el-table-column type="selection"
-                       align="left"
-                       min-width="120px">
-      </el-table-column>
-
-      <el-table-column label="Author"
-                       min-width="220px"
-                       prop="name"
-                       sortable>
-        <template v-slot="{row}">
-          <div class="table-user">
-            <b>{{row.name}}</b>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column label="Created At"
-                       prop="createdAt"
-                       width="170px"
-                       min-width="140px"
-                       sortable>
-      </el-table-column>
-
-      <el-table-column label="Product"
-                       min-width="180px"
-                       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="120px"
-                       label="Active"
-                       prop="active"
-                       sortable
-                       align="center">
-        <template v-slot="{row}">
-          <div class="d-flex justify-content-center">
-            <base-switch v-model="row.active"></base-switch>
-          </div>
-        </template>
-      </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,
-        selectedRows: []
-      };
-    },
-    methods: {
-      onEdit(row) {
-        alert(`You want to edit ${row.name}`)
-      },
-      onDelete(row) {
-        alert(`You want to delete ${row.name}`)
-      },
-      onSelectionChange(selectedRows) {
-        this.selectedRows = selectedRows
-      },
-      rowClassName({ rowIndex }) {
-        if (rowIndex === 0) {
-          return 'table-success'
-        } else if (rowIndex === 2) {
-          return 'table-warning'
-        }
-        return ''
-      }
-    }
-  }
-</script>
+<template>
+  <div class="card">
+    <div class="card-header border-0">
+      <div class="row">
+        <div class="col-6">
+          <h3 class="mb-0">Checkbox + Labels</h3>
+        </div>
+        <div class="col-6 text-right">
+          <el-tooltip content="Delete" placement="top">
+            <base-button type="danger" icon size="sm">
+              <span class="btn-inner--icon"><i class="fas fa-trash"></i></span>
+              <span class="btn-inner--text">Delete</span>
+            </base-button>
+          </el-tooltip>
+        </div>
+      </div>
+    </div>
+
+    <el-table class="table-responsive table-flush"
+              header-row-class-name="thead-light"
+              row-key="id"
+              :data="users"
+              :row-class-name="rowClassName"
+              @selection-change="onSelectionChange">
+      <el-table-column type="selection"
+                       align="left"
+                       min-width="120px">
+      </el-table-column>
+
+      <el-table-column label="Author"
+                       min-width="220px"
+                       prop="name"
+                       sortable>
+        <template v-slot="{row}">
+          <div class="table-user">
+            <b>{{row.name}}</b>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="Created At"
+                       prop="createdAt"
+                       width="170px"
+                       min-width="140px"
+                       sortable>
+      </el-table-column>
+
+      <el-table-column label="Product"
+                       min-width="180px"
+                       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="120px"
+                       label="Active"
+                       prop="active"
+                       sortable
+                       align="center">
+        <template v-slot="{row}">
+          <div class="d-flex justify-content-center">
+            <base-switch v-model="row.active"></base-switch>
+          </div>
+        </template>
+      </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,
+        selectedRows: []
+      };
+    },
+    methods: {
+      onEdit(row) {
+        alert(`You want to edit ${row.name}`)
+      },
+      onDelete(row) {
+        alert(`You want to delete ${row.name}`)
+      },
+      onSelectionChange(selectedRows) {
+        this.selectedRows = selectedRows
+      },
+      rowClassName({ rowIndex }) {
+        if (rowIndex === 0) {
+          return 'table-success'
+        } else if (rowIndex === 2) {
+          return 'table-warning'
+        }
+        return ''
+      }
+    }
+  }
+</script>

package/components/tables/RegularTables/CheckboxTable.vue

@@ -1,101 +1,101 @@
-<template>
-  <div class="card">
-    <div class="card-header border-0">
-      <div class="row">
-        <div class="col-6">
-          <h3 class="mb-0">Checkbox + Toggles</h3>
-        </div>
-        <div class="col-6 text-right">
-          <el-tooltip content="Delete" placement="top">
-            <base-button type="danger" icon size="sm">
-              <span class="btn-inner--icon"><i class="fas fa-trash"></i></span>
-              <span class="btn-inner--text">Delete</span>
-            </base-button>
-          </el-tooltip>
-        </div>
-      </div>
-    </div>
-
-    <el-table class="table-responsive table-flush"
-              header-row-class-name="thead-light"
-              row-key="id"
-              :data="users"
-              @selection-change="onSelectionChange">
-      <el-table-column type="selection"
-                       align="left"
-                       min-width="120px">
-      </el-table-column>
-
-      <el-table-column label="Author"
-                       min-width="220px"
-                       prop="name"
-                       sortable>
-        <template v-slot="{row}">
-          <b>{{row.name}}</b>
-        </template>
-      </el-table-column>
-      <el-table-column label="Created At"
-                       prop="createdAt"
-                       width="170px"
-                       min-width="140px"
-                       sortable>
-      </el-table-column>
-
-      <el-table-column label="Product"
-                       min-width="180px"
-                       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="120px"
-                       label="Active"
-                       prop="active"
-                       sortable
-                       align="center">
-        <template v-slot="{row}">
-          <div class="d-flex justify-content-center">
-            <base-switch v-model="row.active"></base-switch>
-          </div>
-        </template>
-      </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,
-        selectedRows: []
-      };
-    },
-    methods: {
-      onEdit(row) {
-        alert(`You want to edit ${row.name}`)
-      },
-      onDelete(row) {
-        alert(`You want to delete ${row.name}`)
-      },
-      onSelectionChange(selectedRows) {
-        this.selectedRows = selectedRows
-      }
-    }
-  }
-</script>
+<template>
+  <div class="card">
+    <div class="card-header border-0">
+      <div class="row">
+        <div class="col-6">
+          <h3 class="mb-0">Checkbox + Toggles</h3>
+        </div>
+        <div class="col-6 text-right">
+          <el-tooltip content="Delete" placement="top">
+            <base-button type="danger" icon size="sm">
+              <span class="btn-inner--icon"><i class="fas fa-trash"></i></span>
+              <span class="btn-inner--text">Delete</span>
+            </base-button>
+          </el-tooltip>
+        </div>
+      </div>
+    </div>
+
+    <el-table class="table-responsive table-flush"
+              header-row-class-name="thead-light"
+              row-key="id"
+              :data="users"
+              @selection-change="onSelectionChange">
+      <el-table-column type="selection"
+                       align="left"
+                       min-width="120px">
+      </el-table-column>
+
+      <el-table-column label="Author"
+                       min-width="220px"
+                       prop="name"
+                       sortable>
+        <template v-slot="{row}">
+          <b>{{row.name}}</b>
+        </template>
+      </el-table-column>
+      <el-table-column label="Created At"
+                       prop="createdAt"
+                       width="170px"
+                       min-width="140px"
+                       sortable>
+      </el-table-column>
+
+      <el-table-column label="Product"
+                       min-width="180px"
+                       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="120px"
+                       label="Active"
+                       prop="active"
+                       sortable
+                       align="center">
+        <template v-slot="{row}">
+          <div class="d-flex justify-content-center">
+            <base-switch v-model="row.active"></base-switch>
+          </div>
+        </template>
+      </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,
+        selectedRows: []
+      };
+    },
+    methods: {
+      onEdit(row) {
+        alert(`You want to edit ${row.name}`)
+      },
+      onDelete(row) {
+        alert(`You want to delete ${row.name}`)
+      },
+      onSelectionChange(selectedRows) {
+        this.selectedRows = selectedRows
+      }
+    }
+  }
+</script>

package/components/tables/RegularTables/DarkTable.vue

@@ -1,114 +1,114 @@
-<template>
-    <div class="card bg-default shadow">
-        <div class="card-header bg-transparent border-0">
-            <h3 class="mb-0 text-white">Dark table</h3>
-        </div>
-
-        <el-table class="table-responsive table-dark"
-                  header-row-class-name="thead-dark"
-                  :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">
-                        <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>
-</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 bg-default shadow">
+        <div class="card-header bg-transparent border-0">
+            <h3 class="mb-0 text-white">Dark table</h3>
+        </div>
+
+        <el-table class="table-responsive table-dark"
+                  header-row-class-name="thead-dark"
+                  :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">
+                        <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>
+</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>