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

Fix tag display

Browse source
This commit is contained in:
Angelina Filippova 2020-08-10 00:39:30 +03:00
parent ab37ebb00b
commit 6bf096b4c8
1 changed files with 16 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -56,10 +56,20 @@
</el-table-column> </el-table-column>
<el-table-column :min-width="width" :label="$t('users.status')"> <el-table-column :min-width="width" :label="$t('users.status')">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag :type="scope.row.deactivated ? 'danger' : 'success'"> <el-tag v-if="!scope.row.deactivated & !scope.row.approval_pending" type="success">
<span v-if="isDesktop">{{ scope.row.deactivated ? $t('users.deactivated') : $t('users.active') }}</span> <span v-if="isDesktop">{{ $t('users.active') }}</span>
<i v-else :class="activationIcon(scope.row.deactivated)"/> <i v-else class="el-icon-circle-check"/>
</el-tag> </el-tag>
<el-tag v-if="scope.row.deactivated & !scope.row.approval_pending" type="danger">
<span v-if="isDesktop">{{ $t('users.deactivated') }}</span>
<i v-else class="el-icon-circle-close"/>
</el-tag>
<el-tooltip :content="$t('users.unapprovedAccount')" effect="dark">
<el-tag v-if="scope.row.approval_pending" type="info">
<span v-if="isDesktop">{{ $t('users.unapproved') }}</span>
<i v-else class="el-icon-warning-outline"/>
</el-tag>
</el-tooltip>
<el-tag v-if="scope.row.roles.admin"> <el-tag v-if="scope.row.roles.admin">
<span>{{ isDesktop ? $t('users.admin') : getFirstLetter($t('users.admin')) }}</span> <span>{{ isDesktop ? $t('users.admin') : getFirstLetter($t('users.admin')) }}</span>
</el-tag> </el-tag>
@ -71,11 +81,6 @@
{{ isDesktop ? $t('users.unconfirmed') : getFirstLetter($t('users.unconfirmed')) }} {{ isDesktop ? $t('users.unconfirmed') : getFirstLetter($t('users.unconfirmed')) }}
</el-tag> </el-tag>
</el-tooltip> </el-tooltip>
<el-tooltip :content="$t('users.unapprovedAccount')" effect="dark">
<el-tag v-if="scope.row.approval_pending" type="info">
{{ isDesktop ? $t('users.unapproved') : getFirstLetter($t('users.unapproved')) }}
</el-tag>
</el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="pendingView && isDesktop" :label="$t('users.registrationReason')"> <el-table-column v-if="pendingView && isDesktop" :label="$t('users.registrationReason')">
@ -199,9 +204,6 @@ export default {
this.$store.dispatch('ClearUsersState') this.$store.dispatch('ClearUsersState')
}, },
methods: { methods: {
activationIcon(status) {
return status ? 'el-icon-error' : 'el-icon-success'
},
clearSelection() { clearSelection() {
this.$refs.usersTable.clearSelection() this.$refs.usersTable.clearSelection()
}, },
@ -366,16 +368,12 @@ export default {
} }
.el-table__row { .el-table__row {
.el-tag { .el-tag {
display: flex;
align-items: center;
justify-content: center;
width: 30px; width: 30px;
display: inline-block;
margin-bottom: 4px; margin-bottom: 4px;
font-weight: bold; font-weight: bold;
&.el-tag--success {
padding-left: 8px;
}
&.el-tag--danger {
padding-left: 8px;
}
} }
} }
.reboot-button { .reboot-button {