
.dialog.textMessage-overlay.ftue-overlay.tall{ layout: 'dialog', 'layout-id' => 'text-message', id: 'text-message-dialog'}
  .content-head
    = image_tag "content/icon_comment.png", {:width => 12, :height => 12, :class => 'content-icon' }
    %h1
      = 'conversation with'
      %span.receiver-name
  .dialog-inner
    .previous-messages-scroller
      .previous-messages
    .text-message-scroller
      %form.text-message-box
        %textarea{ name: 'new-text-message', id: 'new-text-message' }
    .left
      %span.small.offline-tip An email will be sent if recipient is offline
    .right
      %a.button-grey.btn-close-dialog{href:'#', 'layout-action' => 'close'} CLOSE
      %a.button-orange.btn-send-text-message{href:'#'} SEND
    .interaction-blocker
    %span.disconnected-msg DISCONNECTED FROM SERVER


%script{type: 'text/template', id: 'template-previous-message'}
  .previous-message
    %span.previous-message-sender= '{{data.sender}}'
    %span.previous-message-text= '{{data.msg}}'
    %time.previous-message-timestamp.timeago{datetime: '{{data.sent}}'}= '{{data.sent}}'