Disabled user popover for avatar in footer of navbar. Removed vip icon for avatar in footer of navbar.

app/assets/javascripts/app/controllers/_default_navbar.js.coffee

@@ -5,8 +5,6 @@ App.Config.set('User', {
   callback: ->
     item         = {}
     item['name'] = App.Session.get('login')
-    if App.Session.get()
-      item['avatar'] = App.Session.get().avatar()
     return item
   target: '#current_user',
   class:  'user'

app/assets/javascripts/app/controllers/navigation.js.coffee

@@ -91,7 +91,7 @@ class App.Navigation extends App.ControllerWidgetPermanent
       new App.WidgetAvatar(
         el:       @$('.js-avatar')
         user_id:  App.Session.get('id')
-        noPopups: true
+        type:     'personal'
       )
 
   renderResult: (result = []) =>

app/assets/javascripts/app/controllers/widget/avatar.js.coffee

@@ -13,8 +13,8 @@ class App.WidgetAvatar extends App.Controller
       user:     user
       size:     @size
       position: @position
+      type:     @type
     )
 
     # start user popups
-    if !@noPopups
     @userPopups(@position)

app/assets/javascripts/app/models/user.js.coffee

@@ -53,49 +53,58 @@ class App.User extends App.Model
     else
       return '??'
 
-  avatar: (size = 40, placement = '', cssClass = '', unique = false, avatar) ->
+  avatar: (size = 40, placement = '', cssClass = '', unique = false, avatar, type = undefined) ->
     cssClass += " size-#{size}"
 
     if placement
       placement = "data-placement=\"#{placement}\""
 
+    # use generated avatar
     if !@image || @image is 'none' || unique
-      return @uniqueAvatar(size, placement, cssClass, avatar)
+      return @uniqueAvatar(size, placement, cssClass, avatar, type)
-    else
+
+    # use image as avatar
     image = @imageUrl()
-
+    vip = @vip
-      # TODO: don't show vip when its the avatar of the logged-in user
+    if type is 'personal'
-      if @vip
+      vip = false
-        return "<span class=\"avatar user-popover #{cssClass}\" data-id=\"#{@id}\" style=\"background-image: url(#{image})\" #{placement}><svg class='icon icon-crown'><use xlink:href='#icon-crown'></svg></span>"
     else
-        return "<span class=\"avatar user-popover #{cssClass}\" data-id=\"#{@id}\" style=\"background-image: url(#{image})\" #{placement}></span>"
+      cssClass += ' user-popover'
 
-  uniqueAvatar: (size, placement = '', cssClass = '', avatar) ->
+    if vip
+      return "<span class=\"avatar #{cssClass}\" data-id=\"#{@id}\" style=\"background-image: url(#{image})\" #{placement}><svg class='icon icon-crown'><use xlink:href='#icon-crown'></svg></span>"
+    "<span class=\"avatar #{cssClass}\" data-id=\"#{@id}\" style=\"background-image: url(#{image})\" #{placement}></span>"
+
+  uniqueAvatar: (size, placement = '', cssClass = '', avatar, type) ->
     width  = 300
     height = 226
     size   = parseInt(size, 10)
+    vip    = @vip
 
     rng = new Math.seedrandom(@id)
     x   = rng() * (width - size)
     y   = rng() * (height - size)
 
     if !avatar
+      if type is 'personal'
+        vip = false
+        data = "data-id=\"#{@id}\""
+      else
         cssClass += " user-popover"
         data      = "data-id=\"#{@id}\""
     else
+      vip = false
       data = "data-avatar-id=\"#{avatar.id}\""
 
-    if @vip
+    if vip
       return "<span class=\"avatar unique #{cssClass}\" #{data} style=\"background-position: -#{ x }px -#{ y }px;\" #{placement}><svg class='icon icon-crown'><use xlink:href='#icon-crown'></svg>#{ @initials() }</span>"
-    else
+    "<span class=\"avatar unique #{cssClass}\" #{data} style=\"background-position: -#{ x }px -#{ y }px;\" #{placement}>#{ @initials() }</span>"
-      return "<span class=\"avatar unique #{cssClass}\" #{data} style=\"background-position: -#{ x }px -#{ y }px;\" #{placement}>#{ @initials() }</span>"
 
   imageUrl: ->
     return if !@image
     # set image url
     @constructor.apiPath + '/users/image/' + @image
 
-
   @_fillUp: (data) ->
 
     # set socal media links

app/assets/javascripts/app/views/avatar.jst.eco

@@ -1 +1 @@
-<%- @user.avatar(@size, @position, @class) %>
+<%- @user.avatar(@size, @position, @class, false, false, @type) %>

app/assets/javascripts/app/views/profile/avatar-holder.jst.eco

@@ -1,5 +1,5 @@
 <div class="avatar-holder">
-  <span class="avatar size-50" data-avatar-id="<%- @avatar.id %>" style="background-image: url(<%- @src %>)"></span>
+  <span class="avatar size-80" data-avatar-id="<%- @avatar.id %>" style="background-image: url(<%- @src %>)"></span>
   <div class="avatar-delete">
     <%- @Icon('diagonal-cross') %>
   </div>