| d4872cda |
.user
.avatar.bigger{ title: "#{@jid}" } |
| c4a1e746 |
%img{ src: "#{@avatar || 'assets/avatar.png'}", alt: I18n.t('chat.roster.avatar_alt') } |
| 6fb9497e |
%input.hidden{ type: 'file', name: 'avatar', accept: 'image/png,image/jpeg,image/pjpeg,image/gif,image/webp'} |
| 6621353c |
.change-avatar.hidden
.background
%p change |
| 6347ea28 |
%h1
%input{ type: 'text', title: "#{@jid}", class: 'js-edit-name', value: "#{@name}"}
%h2 #{@message || '<input type="text" class="js-edit-status empty" value="'+I18n.t('chat.roster.change_status_msg')+'">' } |
| f7f5516a |
-#todo: nastylovat placeholder |
| d4872cda |
%h3 |
| c4a1e746 |
.rolldown.js-change-state |
| 6621353c |
.js-state-clickable{ 'data-state' => 'online' } |
| c4a1e746 |
%span.status.icon-record.online
%a.active{ href: '#' }
Online
%br |
| 6621353c |
.hidden.js-state-clickable{ 'data-state' => 'away' } |
| c4a1e746 |
%span.status.icon-record.away
%a{ href: '#' }
Away
%br |
| 6621353c |
.hidden.js-state-clickable{ 'data-state' => 'dnd' } |
| c4a1e746 |
%span.status.icon-record.dnd
%a{ href: '#' }
DND
%span.icon-arrow-down.drop-down |