xmpp_chat.html.erb
2.75 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
74
75
76
77
78
79
80
81
82
<%= javascript_include_tag 'strophejs-1.0.1/strophe', '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 $presence_status_label = {
chat: '<%= _('Online') %>',
dnd: '<%= _('Busy') %>',
'': '<%= _('Offline') %>'
};
var $own_name = '<%= user.name %>';
var $starting_chat_notice = '<%= _("starting chat with %{name}") %>';
var $muc_domain = '<%= "conference.#{environment.default_hostname}" %>';
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 %>;
</script>
<% presence = current_user.last_chat_status %>
<script>
jQuery(function($) {
<% if presence.blank? or presence == 'chat' %>
$('#chat-connect').trigger('click');
<% else %>
$('#chat-busy').trigger('click');
<% end %>
});
</script>
<div id='chat'>
<div id='title-bar'>
<h1 class='title'><%= _("Online") % h(page_title) %> (<span id='friends-online'>0</span>)</h1>
</div>
<div id='buddy-list'>
<div class='toolbar'>
<div id='user-status'><%= user_status_menu('icon-menu-offline', _('Offline')) %></div>
<div class='dialog-error' style='display: none'></div>
</div>
<ul class='buddy-list'>
</ul>
</div>
<div id='chat-window' class='tabs-bottom'>
<div id='tabs'>
<ul>
</ul>
</div>
</div>
<div id="chat-templates">
<div class='conversation'>
<a href="#" class="back"><%= _('Back') %></a>
<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='#'>
<img class="avatar" src="%{avatar_url}"/>
<span class="name">%{name}<span>
</a>
</li>
</div>
<div class="message">
<div data-who="%{who}" class="message %{who}">
<div class="author">
<img class="avatar" src="%{avatar_url}"/>
<h5 class="%{who}-name">%{name}</h5>
</div>
<div class="content">
<span class="time">%{time}</span>
<p>%{message}</p>
</div>
</div>
</div>
</div>
</div>