.user .avatar.bigger{ title: "#{@jid}" } %img{ src: "#{@avatar || 'assets/avatar.png'}", alt: I18n.t('chat.roster.avatar_alt') } %h1{ title: "#{@jid}"} #{@name } %h2 #{@message || ''} %h3 .rolldown.js-change-state .js-state-clickable{ 'data-state': 'online' } %span.status.icon-record.online %a.active{ href: '#' } Online %br .hidden.js-state-clickable{ 'data-state': 'away' } %span.status.icon-record.away %a{ href: '#' } Away %br .hidden.js-state-clickable{ 'data-state': 'dnd' } %span.status.icon-record.dnd %a{ href: '#' } DND %span.icon-arrow-down.drop-down