Added toggle personal info
This commit is contained in:
parent
682da2eb31
commit
341270aa30
2 changed files with 8 additions and 1 deletions
|
@ -148,6 +148,9 @@
|
||||||
</div>
|
</div>
|
||||||
<transition name="wpfade">
|
<transition name="wpfade">
|
||||||
<div class="app-sidebar-content" v-if="chrome.menuOpened">
|
<div class="app-sidebar-content" v-if="chrome.menuOpened">
|
||||||
|
<button class="app-sidebar-item" @click="chrome.hideUserInfo = !chrome.hideUserInfo">
|
||||||
|
Toggle Personal Info
|
||||||
|
</button>
|
||||||
<button class="app-sidebar-item">
|
<button class="app-sidebar-item">
|
||||||
About
|
About
|
||||||
</button>
|
</button>
|
||||||
|
@ -172,7 +175,7 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<div class="sidebar-user-text">
|
<div class="sidebar-user-text" v-if="!chrome.hideUserInfo">
|
||||||
<template v-if="chrome.userinfo.attributes">
|
<template v-if="chrome.userinfo.attributes">
|
||||||
<div class="fullname text-overflow-elipsis">{{ chrome.userinfo.attributes.name }}</div>
|
<div class="fullname text-overflow-elipsis">{{ chrome.userinfo.attributes.name }}</div>
|
||||||
<div class="handle-text text-overflow-elipsis">@{{ chrome.userinfo.attributes.handle }}</div>
|
<div class="handle-text text-overflow-elipsis">@{{ chrome.userinfo.attributes.handle }}</div>
|
||||||
|
@ -181,6 +184,9 @@
|
||||||
Sign in
|
Sign in
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="sidebar-user-text" v-else>
|
||||||
|
Cider
|
||||||
|
</div>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -122,6 +122,7 @@ const app = new Vue({
|
||||||
details: {}
|
details: {}
|
||||||
},
|
},
|
||||||
chrome: {
|
chrome: {
|
||||||
|
hideUserInfo: false,
|
||||||
artworkReady: false,
|
artworkReady: false,
|
||||||
userinfo: {},
|
userinfo: {},
|
||||||
menuOpened: false,
|
menuOpened: false,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue