swap changelog and explore tab. add changeTab evnt

This commit is contained in:
supertiger1234 2019-09-19 16:28:59 +01:00
parent f888e58005
commit 2ffe99be9b

View file

@ -7,9 +7,10 @@
<div class="box" v-if="loggedIn"> <div class="box" v-if="loggedIn">
<div class="frame"> <div class="frame">
<div class="tabs"> <div class="tabs">
<div :class="`tab ${currentTab === 0 ? 'selected' : ''}`" @click="switchTab(0)">
<i class="material-icons">list_alt</i> <div :class="`tab ${currentTab === 0 ? 'selected' : ''}`" @click="switchTab(0)">
Changelog <i class="material-icons">explore</i>
Explore
</div> </div>
<div :class="{tab: true, selected: currentTab === 1, notifyAnimation: DMNotification || friendRequestExists}" @click="switchTab(1)"> <div :class="{tab: true, selected: currentTab === 1, notifyAnimation: DMNotification || friendRequestExists}" @click="switchTab(1)">
@ -21,10 +22,13 @@
<i class="material-icons">forum</i> <i class="material-icons">forum</i>
Servers Servers
</div> </div>
<div :class="`tab ${currentTab === 3 ? 'selected' : ''}`" @click="switchTab(3)"> <div :class="`tab ${currentTab === 3 ? 'selected' : ''}`" @click="switchTab(3)">
<i class="material-icons">explore</i> <i class="material-icons">list_alt</i>
Explore Changelog
</div> </div>
<!-- <div :class="`tab ${currentTab === 4 ? 'selected' : ''}`" @click="switchTab(4)"> <!-- <div :class="`tab ${currentTab === 4 ? 'selected' : ''}`" @click="switchTab(4)">
<i class="material-icons">info</i> <i class="material-icons">info</i>
Ad Ad
@ -36,10 +40,10 @@
</div> </div>
<div class="panel-layout"> <div class="panel-layout">
<news v-if="currentTab == 0"/> <news v-if="currentTab == 3"/>
<direct-message v-if="currentTab == 1"/> <direct-message v-if="currentTab == 1"/>
<servers v-if="currentTab == 2"/> <servers v-if="currentTab == 2"/>
<explore v-if="currentTab == 3"/> <explore v-if="currentTab == 0"/>
</div> </div>
</div> </div>
</transition> </transition>
@ -165,8 +169,10 @@ export default {
this.title = title; this.title = title;
}); });
bus.$on('changeTab', this.switchTab)
},
destroyed() {
bus.$off('changeTab', this.switchTab)
}, },
computed: { computed: {
loggedIn() { loggedIn() {