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; height: 14px;
cursor: pointer; cursor: pointer;
transition: color .2s ease-in-out; transition: color .2s ease-in-out;
font-weight: 700;
&:hover { &:hover {
color: #fff; color: #fff;

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

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