.user .avatar.bigger{ title: "#{@jid}" } %img{ src: "#{@avatar || 'assets/avatar.png'}", alt: I18n.t('chat.roster.avatar_alt') } %input.hidden{ type: 'file', name: 'avatar', accept: 'image/png,image/jpeg,image/pjpeg,image/gif,image/webp'} .change-avatar.hidden .background %p change %h1 %input{ type: 'text', title: "#{@jid}", class: 'js-edit-name', value: "#{@name}", disabled: @isFB ? 'disabled' : ''} %h2{style: 'margin-top: -5px'} -if @message @message -else %input{ type: 'text', class: 'js-edit-status empty', value: I18n.t('chat.roster.change_status_msg'), disabled: @isFB ? 'disabled' : '' } %h3 .rolldown.js-change-state .js-state-clickable{ 'data-state' => 'online' } %span.status.icon-record.online %a.active{ href: '#' } Online %span.icon-arrow-down.drop-down .hidden.js-state-clickable{ 'data-state' => 'away' } %span.status.icon-record.away %a{ href: '#' } Away %span.icon-arrow-down.drop-down .hidden.js-state-clickable{ 'data-state' => 'dnd' } %span.status.icon-record.dnd %a{ href: '#' } DND %span.icon-arrow-down.drop-down %a.logout.icon-exit.icon-after{ href: '/logout' } Logout