lightcordwarez
/
BetterDiscordApp-v2
mirror of https://github.com/JsSucks/BetterDiscordApp
1
0
Fork 0
Code Issues 3 Releases Wiki Activity

Array for sort buttons

This commit is contained in:
Jiiks 2018-12-05 08:07:18 +02:00
parent 2cff8edb59
commit 95447dd3f0
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/styles/partials/bdsettings/contentview.scss
View File

@ -53,6 +53,7 @@
height: 14px;
cursor: pointer;
transition: color .2s ease-in-out;
font-weight: 700;
&:hover {
color: #fff;

10
client/src/ui/components/bd/ThemesView.vue
View File

@ -40,10 +40,11 @@
</div>
<div class="bd-flex bd-flexRow" v-if="onlineThemes && onlineThemes.docs && onlineThemes.docs.length">
<div class="bd-searchSort bd-flex bd-flexGrow">
<div class="bd-sort" @click="sortBy('updated')" :class="{'bd-active': onlineThemes.filters.sort === 'updated', 'bd-flipY': onlineThemes.filters.ascending}">Updated<MiChevronDown v-if="onlineThemes.filters.sort === 'updated'" size="18" /></div>
<div class="bd-sort" @click="sortBy('installs')" :class="{'bd-active': onlineThemes.filters.sort === 'installs', 'bd-flipY': onlineThemes.filters.ascending}">Installs<MiChevronDown v-if="onlineThemes.filters.sort === 'installs'" size="18" /></div>
<div class="bd-sort" @click="sortBy('users')" :class="{'bd-active': onlineThemes.filters.sort === 'users', 'bd-flipY': onlineThemes.filters.ascending}">Users<MiChevronDown v-if="onlineThemes.filters.sort === 'users'" size="18" /></div>
<div class="bd-sort" @click="sortBy('rating')" :class="{'bd-active': onlineThemes.filters.sort === 'rating', 'bd-flipY': onlineThemes.filters.ascending}">Rating<MiChevronDown v-if="onlineThemes.filters.sort === 'rating'" size="18" /></div>
<div v-for="btn in sortBtns"
class="bd-sort"
:class="{'bd-active': onlineThemes.filters.sort === btn.toLowerCase(), 'bd-flipY': onlineThemes.filters.ascending}"
@click="sortBy(btn.toLowerCase())">{{btn}}<MiChevronDown v-if="onlineThemes.filters.sort === btn.toLowerCase()" size="18" />
</div>
</div>
</div>
</div>
@ -73,6 +74,7 @@
data() {
return {
ThemeManager,
sortBtns: ['Updated', 'Installs', 'Users', 'Rating'],
local: true,
localThemes: ThemeManager.localThemes,
onlineThemes: {