sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

v4 initial commit

Browse Source
This commit is contained in:
Łukasz Holeczek
2021-08-02 23:57:02 +02:00
parent 9d65013c0f
commit 79559ae334
225 changed files with 13242 additions and 32434 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/Tables.vue
-104
View File
@@ -1,104 +0,0 @@
<template>
<div>
<CRow>
<CCol lg="6">
<CTableWrapper :items="getShuffledUsersData()">
<template #header>
<CIcon name="cil-grid"/> Simple Table
<div class="card-header-actions">
<a
href="https://coreui.io/vue/docs/components/nav"
class="card-header-action"
rel="noreferrer noopener"
target="_blank"
>
<small class="text-muted">docs</small>
</a>
</div>
</template>
</CTableWrapper>
</CCol>
<CCol lg="6">
<CTableWrapper
:items="getShuffledUsersData()"
striped
caption="Striped Table"
/>
</CCol>
</CRow>
<CRow>
<CCol lg="6">
<CTableWrapper
:items="getShuffledUsersData()"
small
caption="Condensed Table"
/>
</CCol>
<CCol lg="6">
<CTableWrapper
:items="getShuffledUsersData()"
fixed
border
caption="Bordered Table"
/>
</CCol>
</CRow>
<CRow>
<CCol sm="12">
<CTableWrapper
:items="getShuffledUsersData()"
hover
striped
border
small
fixed
caption="Combined All Table"
/>
</CCol>
</CRow>
<CRow>
<CCol sm="12">
<CTableWrapper
:items="getShuffledUsersData()"
hover
striped
border
small
fixed
dark
caption="Combined All dark Table"
/>
</CCol>
</CRow>
</div>
</template>
<script>
import CTableWrapper from './Table.vue'
import usersData from '../users/UsersData'
export default {
name: 'Tables',
components: { CTableWrapper },
methods: {
shuffleArray (array) {
for (let i = array.length - 1; i > 0; i--) {
let j = Math.floor(Math.random() * (i + 1))
let temp = array[i]
array[i] = array[j]
array[j] = temp
}
return array
},
getShuffledUsersData () {
return this.shuffleArray(usersData.slice(0))
}
}
}
</script>