ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Move profile link to parent elements

This commit is contained in:
Christian Cueni 2019-04-24 14:50:00 +02:00
parent d7a3dd74c2
commit 979b732583
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/HeaderBar.vue
View File

@ -3,7 +3,9 @@
<top-navigation></top-navigation> <top-navigation></top-navigation>
<router-link to="/" class="header-bar__logo" data-cy="home-link"><logo></logo></router-link> <router-link to="/" class="header-bar__logo" data-cy="home-link"><logo></logo></router-link>
<div class="user-header"> <div class="user-header">
<user-widget v-bind="me"></user-widget> <router-link to="/me/activity">
<user-widget v-bind="me"></user-widget>
</router-link>
<logout-widget></logout-widget> <logout-widget></logout-widget>
</div> </div>
<book-navigation v-if="showSubnavigation"> <book-navigation v-if="showSubnavigation">

4
client/src/components/MobileNavigation.vue
View File

@ -6,7 +6,9 @@
</div> </div>
<div class="mobile-navigation__subnavigation"></div> <div class="mobile-navigation__subnavigation"></div>
<div class="mobile-navigation__secondary"> <div class="mobile-navigation__secondary">
<user-widget class="mobile-navigation__user-widget" v-bind="me"></user-widget> <router-link to="/me/activity">
<user-widget class="mobile-navigation__user-widget" v-bind="me"></user-widget>
</router-link>
<logout-widget class="mobile-navigation__logout-widget"></logout-widget> <logout-widget class="mobile-navigation__logout-widget"></logout-widget>
</div> </div>
</div> </div>

2
client/src/components/UserWidget.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<router-link to="/me/activity">
<div class="user-widget" :class="{'user-widget--is-profile': isProfile}"> <div class="user-widget" :class="{'user-widget--is-profile': isProfile}">
<user-icon class="user-widget__avatar" :src="avatar"></user-icon> <user-icon class="user-widget__avatar" :src="avatar"></user-icon>
<span class="user-widget__name">{{firstName}} {{lastName}}</span> <span class="user-widget__name">{{firstName}} {{lastName}}</span>
<span class="user-widget__date" v-if="date">{{date}}</span> <span class="user-widget__date" v-if="date">{{date}}</span>
</div> </div>
</router-link>
</template> </template>
<script> <script>