| 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 |
|
| f835d40d |
- if flash[:notice]
%div.alert.alert-notice
= flash[:notice]
|
| 1ec65f29 |
.container |
| eee69d20 |
.leftside.left |
| 43b171a9 |
.roster.border.no-top-border.top-border#height-setter-1 |
| 399e76db |
.my-info#js-me |
| 1ec65f29 |
.friends
%h1.group-header.active Chat group |
| b27f285a |
%ul.active-group.border.no-left-border.left-border#js-active-friends |
| eee69d20 |
%li.clear.user
.avatar
%img{src: 'assets/avatar.png', alt: t("chat.avatar_alt")}
%h1
Adam Wolsky |
| 4b15dbcc |
%span.status.online.icon-record |
| eee69d20 |
%h2 co-founder |
| b9fb7338 |
%span.action
%span.icon-x-full
%span kick |
| eee69d20 |
%li.clear.user
.avatar
%img{src: 'assets/avatar.png', alt: t("chat.avatar_alt")}
%h1
John Savage |
| 4b15dbcc |
%span.status.away.icon-record |
| eee69d20 |
%h2 web & ui designer |
| b9fb7338 |
%span.action
%span.icon-x-full
%span kick
%span.icon-bubbles
%span invite |
| c42ad290 |
#js-inactive-friends |
| 1ec65f29 |
.toolbox |
| eee69d20 |
%input{type: "search", placeholder: "Search contact"}
%a{ href: "#"}
%span.icon-cog
.chatting-window.left.rightside |
| 43b171a9 |
.tabbar#tabbar |
| 6a6ccd01 |
#js-tabbar |
| eee69d20 |
.conversation.clear.border |
| 43b171a9 |
.messages#height-setter-2{style: "overflow: auto;"} |
| eee69d20 |
%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
.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...
-#%hr
%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...
.event
Monday 13.2.2013
.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
|
| 43b171a9 |
.message-writer#msg-writer |
| eee69d20 |
%input{ type: "text", placeholder: "Type your message here" }
%input{ type: "submit", value: "Send" } |