eris/admin-fe
1
0
Fork 0
forked from AkkomaGang/admin-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make the whole table row clickable to go to users show page

Browse source
This commit is contained in:
Angelina Filippova 2020-06-02 22:52:04 +03:00
parent dcc12137eb
commit e67fc33600
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/views/users/components/ModerationDropdown.vue
View file

@ -1,5 +1,5 @@
<template>
<el-dropdown :hide-on-click="false" size="small" trigger="click">
<el-dropdown :hide-on-click="false" size="small" trigger="click" @click.native.stop>
<div>
<span v-if="page === 'users'" class="el-dropdown-link">
{{ $t('users.moderation') }}

11
src/views/users/index.vue
View file

@ -37,6 +37,7 @@
:data="users"
row-key="id"
style="width: 100%"
@row-click="handleRowClick($event)"
@selection-change="handleSelectionChange">
<el-table-column
v-if="isDesktop"
@ -47,7 +48,7 @@
<el-table-column :min-width="width" :label="$t('users.id')" prop="id" />
<el-table-column :label="$t('users.name')" prop="nickname">
<template slot-scope="scope">
<router-link :to="{ name: 'UsersShow', params: { id: scope.row.id }}">{{ scope.row.nickname }}</router-link>
{{ scope.row.nickname }}
<el-tag v-if="isDesktop" type="info" size="mini">
<span>{{ scope.row.local ? $t('users.local') : $t('users.external') }}</span>
</el-tag>
@ -208,6 +209,11 @@ export default {
this.$store.dispatch('SearchUsers', { query: searchQuery, page })
}
},
handleRowClick(row) {
if (row.id) {
this.$router.push({ name: 'UsersShow', params: { id: row.id }})
}
},
handleSelectionChange(value) {
this.$data.selectedUsers = value
},
@ -278,6 +284,9 @@ export default {
margin: 10px 0 0 15px;
height: 40px;
}
.el-table__row:hover {
cursor: pointer;
}
.pagination {
margin: 25px 0;
text-align: center;