app/views/chat/index.html.haml
1ec65f29
 - content_for :title, t("chat.title")
 - content_for :javascript, javascript_include_tag("application")
333715b4
 - content_for :javascript, javascript_include_tag("backbone-ws")
619ceb7d
 - content_for :javascript do
   :javascript
     I18n.defaultLocale = "#{I18n.default_locale}";
     I18n.locale = "#{I18n.locale}";
1ec65f29
 
a2cb0145
 .chat-alert.alert-notice.no-top-border#js-popups
6f81cea1
 .inactive-layer.hidden
1ec65f29
 .container
eee69d20
   .leftside.left
d5d0ee30
     .roster.border.no-top-border.top-border
399e76db
       .my-info#js-me
3a34499e
       .friends
         #js-active-friends
         .wrap#height-setter-1
d5d0ee30
           #js-inactive-friends
3a34499e
           .toolbox
             %input#js-search-contacts{type: 'search', placeholder: "#{I18n.t('chat.roster.search')}", name: 'contact'}
910e0f23
             %a{ href: '#', title: 'Add new contact', id: 'add-contact' }
               %span.icon-plus
eee69d20
   .chatting-window.left.rightside
43b171a9
     .tabbar#tabbar
d5d0ee30
       .wrap#js-tabbar
b933b434
     #conversation-js
       -#.conversation.clear.border
         -#.messages#height-setter-2{style: "overflow: auto;"}
         -#  %a{ href: "#", class: "event" }
         -#    Load older messages
         -#    %span.icon-arrow-up
         -#  .message-box
         -#    .user
         -#      .avatar
         -#        %img{src: 'assets/avatar.png', alt: t("chat.avatar_alt")}
         -#      -#todo: user name missing in design
         -#    .date 3 hours ago
         -#    %p Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Supendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula...
         -#
         -#  .message-box.active
         -#    .user
         -#      .avatar
         -#        %img{src: 'assets/avatar.png', alt: t("chat.avatar_alt")}
         -#      -#todo: user name missing in design
         -#    .date 3 hours ago
         -#    %p Etiam ullamcorper. Supendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Lorem ipsum dolor sit amet enim.
         -#
         -#  .event
         -#    Adam left the room | 13:45
         -#
         -#.message-writer#msg-writer
         -#  %input{ type: "text", placeholder: "Type your message here" }
         -#  %input{ type: "submit", value: "Send" }