xmpp_chat.html.erb
3.5 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<%= 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', 'jquery.timeago.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-label">
<span class="right-arrow">▶</span>
<span class="title"><%= _('Chat') %></span>
</div>
<div id='chat'>
<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>
<div class='body'>
<%= text_field_tag(:query, '', :placeholder => _('Search...'), :class => 'search') %>
<div class='buddies'>
<ul class='online'></ul>
<ul class='offline'></ul>
</div>
</div>
</div>
<div id='chat-window'>
<div id='conversations'></div>
</div>
<div id="chat-templates" style="display: none;">
<div class="conversation">
<div class="conversation-header">
<span class="chat-target">
<img class="avatar">
<span class="other-name"></span>
</span>
</div>
<div class='history'></div>
<div class='input-div'>
<div class='icon-chat'></div>
<textarea class='input'></textarea>
</div>
</div>
<a class='join room-action'><%= _('Join room') %></a>
<a class='leave room-action' style="display: none"><%= _('Leave room') %></a>
<div class="buddy-item">
<li class='%{presence_status}'>
<a id='%{jid_id}' class='icon-menu-%{presence_status}-11' href='#'>
<span class="unread-messages"></span>
%{avatar}
<span class="name">%{name}</span>
</a>
</li>
</div>
<div class="occupant-list-template">
<div class="occupants room-action">
<a href="#" class="up"><%= _('Online') %> (<span class="occupants-online">0</span>)</a>
<ul class='occupant-list'></ul>
</div>
</div>
<div class="occupant-item">
<li class='%{presence_status}'>
<a data-id='%{jid_id}' class='icon-menu-%{presence_status}-11' href='#'>
<span class="unread-messages"></span>
%{avatar}
<span class="name">%{name}<span>
</a>
</li>
</div>
<div class="message">
<div data-who="%{who}" class="message %{who}">
<div class="content">
<span class="time" title="%{time}"></span>
<div class="author">
%{avatar}
</div>
<p>%{message}</p>
</div>
</div>
</div>
<div class="error-message">
<span class='error'>%{text}</span>
</div>
</div>
</div>