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

Add tag for invalid accounts on User profile

Browse source
This commit is contained in:
Angelina Filippova 2020-05-30 22:24:56 +03:00
parent f4d7ad9453
commit 1fa258ff23
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lang/en.js
View file

@ -239,7 +239,7 @@ export default {
confirmAccount: 'Confirm account', confirmAccount: 'Confirm account',
confirmAccounts: 'Confirm accounts', confirmAccounts: 'Confirm accounts',
resendConfirmation: 'Resend confirmation email', resendConfirmation: 'Resend confirmation email',
invalidUser: 'This user is invalid and can\'t be modified' invalidUser: 'This account is invalid and can\'t be modified'
}, },
statuses: { statuses: {
statuses: 'Statuses', statuses: 'Statuses',

12
src/views/users/show.vue
View file

@ -44,6 +44,9 @@
<div class="user-profile-container"> <div class="user-profile-container">
<el-card class="user-profile-card"> <el-card class="user-profile-card">
<div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table--medium"> <div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table--medium">
<el-tag v-if="!isValid(user)" type="info" class="invalid-user-tag">
{{ $t('users.invalidUser') }}
</el-tag>
<table class="user-profile-table"> <table class="user-profile-table">
<tbody> <tbody>
<tr class="el-table__row"> <tr class="el-table__row">
@ -222,6 +225,14 @@ table {
width: 100%; width: 100%;
} }
} }
.invalid-user-tag {
font-size: 14px;
width: inherit;
height: auto;
text-align: center;
word-wrap: break-word;
white-space: normal;
}
.left-header-container { .left-header-container {
align-items: center; align-items: center;
display: flex; display: flex;
@ -287,6 +298,7 @@ table {
} }
.user-profile-table { .user-profile-table {
margin: 0; margin: 0;
width: inherit;
} }
.user-profile-tag { .user-profile-tag {
margin: 0 4px 4px 0; margin: 0 4px 4px 0;