sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

fix: fix user view routing, refactor users view

Browse Source
This commit is contained in:
woothu
2020-03-19 13:00:04 +01:00
parent b9d9b6a124
commit e1972c2cea
4 changed files with 61 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/users/User.vue
+11 -1
View File
@@ -26,6 +26,16 @@
import usersData from './UsersData'
export default {
name: 'User',
beforeRouteEnter(to, from, next) {
next(vm => {
vm.usersOpened = from.fullPath.includes('users')
})
},
data () {
return {
usersOpened: null
}
},
computed: {
fields () {
return [
@@ -48,7 +58,7 @@ export default {
},
methods: {
goBack() {
this.$router.go(-1)
this.usersOpened ? this.$router.go(-1) : this.$router.push({path: '/users'})
}
}
}
src/views/users/Users.vue
+2 -9
View File
@@ -1,7 +1,6 @@
<template>
<CRow>
<CCol col="12" xl="8">
<transition name="slide">
<CCard>
<CCardHeader>
Users
@@ -16,6 +15,8 @@
clickable-rows
:active-page="activePage"
@row-clicked="rowClicked"
:pagination="{ doubleArrows: false, align: center}"
@page-change="pageChange"
>
<template #status="data">
<td>
@@ -25,16 +26,8 @@
</td>
</template>
</CDataTable>
<CPagination
align="center"
:double-arrows="false"
:active-page="activePage"
:pages="5"
@update:activePage="pageChange"
/>
</CCardBody>
</CCard>
</transition>
</CCol>
</CRow>
</template>
tests/unit/views/users/__snapshots__/User.spec.js.snap
+19 -19
View File
@@ -22,32 +22,32 @@ exports[`User.vue renders correctly 1`] = `
class="card-body"
>
<div
data-v-31168812=""
data-v-ceef3348=""
small=""
>
<!---->
<div
class="position-relative table-responsive"
data-v-31168812=""
data-v-ceef3348=""
>
<table
class="table table-striped b-table-fixed"
data-v-31168812=""
data-v-ceef3348=""
>
<thead
data-v-31168812=""
data-v-ceef3348=""
>
<tr
data-v-31168812=""
data-v-ceef3348=""
>
<th
class=""
data-v-31168812=""
data-v-ceef3348=""
style="width: 150px;"
>
<div
class="d-inline"
data-v-31168812=""
data-v-ceef3348=""
>
Samppa Nori
</div>
@@ -55,12 +55,12 @@ exports[`User.vue renders correctly 1`] = `
</th>
<th
class=""
data-v-31168812=""
data-v-ceef3348=""
style="width: 150px;"
>
<div
class="d-inline"
data-v-31168812=""
data-v-ceef3348=""
>
</div>
@@ -71,54 +71,54 @@ exports[`User.vue renders correctly 1`] = `
</thead>
<tbody
class="position-relative"
data-v-31168812=""
data-v-ceef3348=""
>
<tr
data-v-31168812=""
data-v-ceef3348=""
>
<td
class=""
data-v-31168812=""
data-v-ceef3348=""
>
registered
</td>
<td
class=""
data-v-31168812=""
data-v-ceef3348=""
>
2012/01/01
</td>
</tr>
<!---->
<tr
data-v-31168812=""
data-v-ceef3348=""
>
<td
class=""
data-v-31168812=""
data-v-ceef3348=""
>
role
</td>
<td
class=""
data-v-31168812=""
data-v-ceef3348=""
>
Member
</td>
</tr>
<!---->
<tr
data-v-31168812=""
data-v-ceef3348=""
>
<td
class=""
data-v-31168812=""
data-v-ceef3348=""
>
status
</td>
<td
class=""
data-v-31168812=""
data-v-ceef3348=""
>
Active
</td>
tests/unit/views/users/__snapshots__/Users.spec.js.snap
+2 -12
View File
@@ -10,9 +10,7 @@ exports[`Users.vue renders correctly 1`] = `
tag="div"
xl="8"
>
<ccard-stub
name="slide"
>
<ccard-stub>
<ccardheader-stub>
Users
@@ -28,19 +26,11 @@ exports[`Users.vue renders correctly 1`] = `
hover="true"
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
itemsperpage="5"
pagination="[object Object]"
responsive="true"
sortervalue="[object Object]"
striped="true"
/>
<cpagination-stub
activepage="1"
align="center"
arrows="true"
dots="true"
limit="5"
pages="5"
/>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>