kopia lustrzana https://dev.funkwhale.audio/funkwhale/funkwhale
Merge branch 'structured-sidebar' into 'develop'
More structured menus in sidebar See merge request funkwhale/funkwhale!176merge-requests/180/head
commit
f76f8d53cb
|
@ -0,0 +1 @@
|
||||||
|
More structured menus in sidebar
|
|
@ -31,9 +31,17 @@
|
||||||
<div class="tabs">
|
<div class="tabs">
|
||||||
<div class="ui bottom attached active tab" data-tab="library">
|
<div class="ui bottom attached active tab" data-tab="library">
|
||||||
<div class="ui inverted vertical fluid menu">
|
<div class="ui inverted vertical fluid menu">
|
||||||
|
<div class="item">
|
||||||
|
<div class="header">{{ $t('My account') }}</div>
|
||||||
|
<div class="menu">
|
||||||
<router-link class="item" v-if="$store.state.auth.authenticated" :to="{name: 'profile', params: {username: $store.state.auth.username}}"><i class="user icon"></i>{{ $t('Logged in as {%name%}', { name: $store.state.auth.username }) }}</router-link>
|
<router-link class="item" v-if="$store.state.auth.authenticated" :to="{name: 'profile', params: {username: $store.state.auth.username}}"><i class="user icon"></i>{{ $t('Logged in as {%name%}', { name: $store.state.auth.username }) }}</router-link>
|
||||||
<router-link class="item" v-if="$store.state.auth.authenticated" :to="{name: 'logout'}"><i class="sign out icon"></i> {{ $t('Logout') }}</router-link>
|
<router-link class="item" v-if="$store.state.auth.authenticated" :to="{name: 'logout'}"><i class="sign out icon"></i> {{ $t('Logout') }}</router-link>
|
||||||
<router-link class="item" v-else :to="{name: 'login'}"><i class="sign in icon"></i> {{ $t('Login') }}</router-link>
|
<router-link class="item" v-else :to="{name: 'login'}"><i class="sign in icon"></i> {{ $t('Login') }}</router-link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="header">{{ $t('Music') }}</div>
|
||||||
|
<div class="menu">
|
||||||
<router-link class="item" :to="{path: '/library'}"><i class="sound icon"> </i>{{ $t('Browse library') }}</router-link>
|
<router-link class="item" :to="{path: '/library'}"><i class="sound icon"> </i>{{ $t('Browse library') }}</router-link>
|
||||||
<router-link class="item" v-if="$store.state.auth.authenticated" :to="{path: '/favorites'}"><i class="heart icon"></i> {{ $t('Favorites') }}</router-link>
|
<router-link class="item" v-if="$store.state.auth.authenticated" :to="{path: '/favorites'}"><i class="heart icon"></i> {{ $t('Favorites') }}</router-link>
|
||||||
<a
|
<a
|
||||||
|
@ -45,11 +53,18 @@
|
||||||
<router-link
|
<router-link
|
||||||
v-if="$store.state.auth.authenticated"
|
v-if="$store.state.auth.authenticated"
|
||||||
class="item" :to="{path: '/activity'}"><i class="bell icon"></i> {{ $t('Activity') }}</router-link>
|
class="item" :to="{path: '/activity'}"><i class="bell icon"></i> {{ $t('Activity') }}</router-link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item" v-if="$store.state.auth.availablePermissions['federation.manage']">
|
||||||
|
<div class="header">{{ $t('Administration') }}</div>
|
||||||
|
<div class="menu">
|
||||||
<router-link
|
<router-link
|
||||||
class="item" v-if="$store.state.auth.availablePermissions['federation.manage']"
|
class="item"
|
||||||
:to="{path: '/manage/federation/libraries'}"><i class="sitemap icon"></i> {{ $t('Federation') }}</router-link>
|
:to="{path: '/manage/federation/libraries'}"><i class="sitemap icon"></i> {{ $t('Federation') }}</router-link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div v-if="queue.previousQueue " class="ui black icon message">
|
<div v-if="queue.previousQueue " class="ui black icon message">
|
||||||
<i class="history icon"></i>
|
<i class="history icon"></i>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
@ -231,6 +246,11 @@ $sidebar-color: #3D3E3F;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.vertical.menu {
|
||||||
|
.item .item {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
.tabs {
|
.tabs {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Ładowanie…
Reference in New Issue