Skip to content
Snippets Groups Projects

Add actions to moderation menu

1 file
+ 0
28
Compare changes
  • Side-by-side
  • Inline
+ 0
28
<template>
<div class="users-container">
<h1>Users</h1>
<<<<<<< HEAD
<div class="search-container">
=======
<div class="searchContainer">
>>>>>>> Improve mobile UI for
<el-checkbox :value="showLocalUsers" @change="handleLocalUsersCheckbox">Local users only</el-checkbox>
<el-input placeholder="Search" class="search" @input="handleDebounceSearchInput"/>
</div>
@@ -14,21 +10,10 @@
<el-table-column prop="nickname" label="Name"/>
<el-table-column :min-width="width" label="Status">
<template slot-scope="scope">
<<<<<<< HEAD
<el-tag :type="scope.row.deactivated ? 'danger' : 'success'">
<span v-if="isDesktop">{{ scope.row.deactivated ? 'deactivated' : 'active' }}</span>
<i v-else :class="activationIcon(scope.row.deactivated)"/>
</el-tag>
=======
<el-tag
v-if="device==='desktop'"
:type="scope.row.deactivated ? 'danger' : 'success'"
>{{ scope.row.deactivated ? 'deactivated' : 'active' }}</el-tag>
<el-tag
v-else
:type="scope.row.deactivated ? 'danger' : 'success'"
><i :class="activationIcon(scope.row.deactivated)"/></el-tag>
>>>>>>> Improve mobile UI for
</template>
</el-table-column>
<el-table-column fixed="right" label="Actions">
@@ -79,7 +64,6 @@ export default {
showLocalUsers() {
return this.$store.state.users.showLocalUsers
},
<<<<<<< HEAD
isDesktop() {
return this.$store.state.app.device === 'desktop'
},
@@ -88,13 +72,6 @@ export default {
},
width() {
return this.isMobile ? 60 : false
=======
device() {
return this.$store.state.app.device
},
width() {
return this.device === 'mobile' ? 60 : false
>>>>>>> Improve mobile UI for
}
},
created() {
@@ -167,12 +144,7 @@ only screen and (max-width: 760px),
margin-right: 7px;
float: right;
}
<<<<<<< HEAD
.search-container {
=======
.searchContainer {
>>>>>>> Improve mobile UI for
display: flex;
justify-content: space-between;
align-items: baseline;
Loading