xmpp_chat.html.erb
2.65 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<%= javascript_include_tag 'strophejs-1.1.3/strophe.min', 'jquery.emoticon', '../designs/icons/pidgin/emoticons.js', 'ba-linkify', 'jquery.ba-hashchange', 'jquery.sound', 'chat', 'perfect-scrollbar.min.js', 'perfect-scrollbar.with-mousewheel.min.js', :cache => 'cache/chat' %>
<%= stylesheet_link_tag 'perfect-scrollbar.min.css' %>
<% extend ChatHelper %>
<script type='text/javascript'>
var $own_name = '<%= user.name %>';
var $muc_domain = '<%= "conference.#{environment.default_hostname}" %>';
var $bosh_service = '//<%= environment.default_hostname %>/http-bind';
var $user_unavailable_error = '<%= _("<strong>ooops!</strong> The message could not be sent because the user is not online") %>';
var $update_presence_status_every = <%= User.expires_chat_status_every.minutes %>;
var $presence = '<%= current_user.last_chat_status %>';
</script>
<div id='chat'>
<div id='buddy-list'>
<div class='toolbar'>
<div id='user-status'>
<%= profile_image(user, :portrait, :class => 'avatar') %>
<%= user_status_menu('icon-menu-offline', _('Offline')) %>
</div>
<div class='dialog-error' style='display: none'></div>
</div>
<div id='title-bar'>
<h1 class='title'><%= _("Online") % h(page_title) %> (<span id='friends-online'>0</span>)</h1>
</div>
<ul class='buddy-list'>
</ul>
</div>
<div id='chat-window'>
<div id='conversations'></div>
</div>
<div id="chat-templates">
<div class='conversation' style="display: none;">
<div class="header">
<span class="chat-target">
<img class="avatar">
<span class="other-name"></span>
</span>
<a href="#" class="back"><%= _('Back') %></a>
</div>
<div class='history'></div>
<div class='input-div'>
<div class='icon-chat'></div>
<textarea class='input'></textarea>
</div>
</div>
<div class="buddy-item">
<li class='%{presence_status}'>
<a id='%{jid_id}' class='icon-menu-%{presence_status}-11' href='#'>
%{avatar}
<span class="name">%{name}<span>
<span class="unread-messages icon-chat"></span>
</a>
</li>
</div>
<div class="message">
<div data-who="%{who}" class="message %{who}">
<div class="author">
%{avatar}
<h5 class="%{who}-name">%{name}</h5>
</div>
<div class="content">
<span class="time">%{time}</span>
<p>%{message}</p>
</div>
</div>
</div>
</div>
</div>