apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

ui: Add user initials as avatar if no icon present (#6070)

Browse Source 
* ui: Add user avatar if no icon

* set initials to uppercase
This commit is contained in:
David Jumani 2022-03-08 21:25:00 +05:30 committed by GitHub
parent e4d70d4214
commit 6b913a76cf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/src/components/header/UserMenu.vue
View File

@ -29,7 +29,10 @@
<span v-if="image">
<resource-icon :image="image" size="2x" style="margin-right: 5px"/>
</span>
<a-avatar v-else class="user-menu-avatar avatar" size="small" :src="avatar()"/>
<a-avatar v-else-if="userInitials" class="user-menu-avatar avatar" size="small" :style="{ backgroundColor: '#1890ff', color: 'white' }">
{{ userInitials }}
</a-avatar>
<a-avatar v-else class="user-menu-avatar avatar" size="small" icon="user" :style="{ backgroundColor: '#1890ff', color: 'white' }" />
<span>{{ nickname() }}</span>
</span>
<a-menu slot="overlay" class="user-menu-wrapper">
@ -85,10 +88,13 @@ export default {
data () {
return {
image: '',
userInitials: '',
countNotify: 0
}
},
created () {
this.userInitials = (this.$store.getters.userInfo.firstname.toUpperCase().charAt(0) || '') +
(this.$store.getters.userInfo.lastname.toUpperCase().charAt(0) || '')
this.getIcon()
eventBus.$on('refresh-header', () => {
this.getIcon()