div
//- ADD NEW USER
el-collapse
el-collapse-item
template(slot='title')
el-button(mini size='mini') {{$t('common.new_user')}}
el-form(inline)
el-form-item(:label="$t('common.email')")
el-input(v-model='new_user.email')
el-form-item(:label="$t('common.admin')")
el-switch(v-model='new_user.is_admin')
el-button.float-right(@click='create_user' type='success' plain) {{$t('common.send')}}
el-alert.mb-1(type='info' show-icon :closable='false') {{$t('admin.user_add_help')}}
//- USERS LIST
el-table(:data='paginatedUsers' small)
el-table-column(label='Email' width='250')
template(slot-scope='data')
el-popover(trigger='hover' :content='data.row.description' width='400')
span(slot='reference') {{data.row.email}}
el-table-column(:label="$t('common.actions')" width='300')
template(slot-scope='data')
div(v-if='data.row.id!==$auth.user.id')
el-button-group
el-button(size='mini'
:type='data.row.is_active?"warning":"success"'
@click='toggle(data.row)') {{data.row.is_active?$t('common.deactivate'):$t('common.activate')}}
el-button(size='mini'
:type='data.row.is_admin?"danger":"warning"'
@click='toggleAdmin(data.row)') {{data.row.is_admin?$t('admin.remove_admin'):$t('common.admin')}}
el-button(size='mini'
type='danger'
@click='delete_user(data.row)') {{$t('admin.delete_user')}}
div(v-else)
span {{$t('common.me')}}
client-only
el-pagination(:page-size='perPage' :currentPage.sync='userPage' :total='users_.length')