Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - init user state

Browse Source
This commit is contained in:
Sam
2021-08-04 20:22:08 +02:00
parent 146750c155
commit ef6649a5dc
4 changed files with 58 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
fittrackee_client/src/components/NavBar.vue
View File

@ -17,19 +17,25 @@
></i>
</div>
<div class="nav-items-app-menu" @click="closeMenu()">
<router-link class="nav-item" to="/">{{
t('dashboard.DASHBOARD')
}}</router-link>
<div class="nav-item">{{ t('workouts.WORKOUTS') }}</div>
<div class="nav-item">{{ t('statistics.STATISTICS') }}</div>
<div class="nav-item">{{ t('administration.ADMIN') }}</div>
<div class="nav-item">{{ t('workouts.ADD_WORKOUT') }}</div>
<div class="nav-items-group" v-if="isAuthenticated">
<router-link class="nav-item" to="/">{{
t('dashboard.DASHBOARD')
}}</router-link>
<div class="nav-item">{{ t('workouts.WORKOUTS') }}</div>
<div class="nav-item">{{ t('statistics.STATISTICS') }}</div>
<div class="nav-item">{{ t('administration.ADMIN') }}</div>
<div class="nav-item">{{ t('workouts.ADD_WORKOUT') }}</div>
</div>
</div>
<div class="nav-items-user-menu">
<div class="nav-item">User</div>
<div class="nav-item">{{ t('user.LOGOUT') }}</div>
<!-- <span class="nav-item">{{ t('user.REGISTER') }}</span>-->
<!-- <span class="nav-item">{{ t('user.LOGIN') }}</span>-->
<div class="nav-items-group" v-if="isAuthenticated">
<div class="nav-item">User</div>
<div class="nav-item">{{ t('user.LOGOUT') }}</div>
</div>
<div class="nav-items-group" v-else>
<span class="nav-item">{{ t('user.REGISTER') }}</span>
<span class="nav-item">{{ t('user.LOGIN') }}</span>
</div>
<Dropdown
v-if="availableLanguages && language"
class="nav-item"
@ -78,6 +84,7 @@
return {
availableLanguages,
isAuthenticated: computed(() => store.getters.isAuthenticated),
isMenuOpen,
language: computed(() => store.state.language),
t,
@ -139,6 +146,9 @@
padding: 0;
}
.nav-items-group {
display: flex;
}
.nav-item {
padding: 0 10px;
@ -208,6 +218,11 @@
}
}
.nav-items-group {
display: flex;
flex-direction: column;
}
.nav-item {
padding: 7px 25px;
}