AkkomaGang/admin-fe
6
2
Fork 9
Code Issues 5 Pull requests 2 Projects Releases Wiki Activity

Add numeral to normalize count

Browse source
This commit is contained in:
Angelina Filippova 2020-05-11 00:32:54 +03:00
parent fddc20600d
commit 8c2cc6cac1
1 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/views/statuses/index.vue
View file

@ -8,10 +8,18 @@
</div> </div>
<div class="statuses-header-container"> <div class="statuses-header-container">
<el-button-group> <el-button-group>
<el-button plain class="direct-button">{{ $t('statuses.direct') }}: {{ statusVisibility.direct }}</el-button> <el-button plain class="direct-button">
<el-button plain class="private-button">{{ $t('statuses.private') }}: {{ statusVisibility.private }}</el-button> {{ $t('statuses.direct') }}: {{ normalizedCount(990934093) }}
<el-button plain class="public-button">{{ $t('statuses.public') }}: {{ statusVisibility.public }}</el-button> </el-button>
<el-button plain class="unlisted-button">{{ $t('statuses.unlisted') }}: {{ statusVisibility.unlisted }}</el-button> <el-button plain class="private-button">
{{ $t('statuses.private') }}: {{ normalizedCount(statusVisibility.private) }}
</el-button>
<el-button plain class="public-button">
{{ $t('statuses.public') }}: {{ normalizedCount(statusVisibility.public) }}
</el-button>
<el-button plain class="unlisted-button">
{{ $t('statuses.unlisted') }}: {{ normalizedCount(statusVisibility.unlisted) }}
</el-button>
</el-button-group> </el-button-group>
</div> </div>
<div class="filter-container"> <div class="filter-container">
@ -61,6 +69,7 @@
import MultipleUsersMenu from '@/views/users/components/MultipleUsersMenu' import MultipleUsersMenu from '@/views/users/components/MultipleUsersMenu'
import Status from '@/components/Status' import Status from '@/components/Status'
import RebootButton from '@/components/RebootButton' import RebootButton from '@/components/RebootButton'
import numeral from 'numeral'
export default { export default {
name: 'Statuses', name: 'Statuses',
@ -146,6 +155,9 @@ export default {
this.$store.dispatch('ClearState') this.$store.dispatch('ClearState')
}, },
methods: { methods: {
clearSelection() {
this.selectedUsers = []
},
handleFilterChange() { handleFilterChange() {
this.$store.dispatch('HandlePageChange', 1) this.$store.dispatch('HandlePageChange', 1)
this.$store.dispatch('FetchStatusesByInstance') this.$store.dispatch('FetchStatusesByInstance')
@ -155,14 +167,14 @@ export default {
this.$store.dispatch('FetchStatusesPageByInstance') this.$store.dispatch('FetchStatusesPageByInstance')
}, },
clearSelection() {
this.selectedUsers = []
},
handleStatusSelection(user) { handleStatusSelection(user) {
if (this.selectedUsers.find(selectedUser => user.id === selectedUser.id) !== undefined) { if (this.selectedUsers.find(selectedUser => user.id === selectedUser.id) !== undefined) {
return return
} }
this.selectedUsers = [...this.selectedUsers, user] this.selectedUsers = [...this.selectedUsers, user]
},
normalizedCount(count) {
return numeral(count).format('0a')
} }
} }
} }