chat.rhtml 3.24 KB
Edit Raw Blame History



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


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= html_language %>" lang="<%= html_language %>">
  <head>
    <title><%= h page_title %></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="description" content="<%= @environment.name %>" />
    <link rel="shortcut icon" href="<%= image_path(theme_favicon) %>" type="image/x-icon" />
    <%= noosfero_javascript %>
    <%= javascript_include_tag 'prototype', 'jquery.scrollabletab', 'strophejs-1.0.1/strophe', 'jquery.emoticon', '/designs/icons/pidgin/emoticons.js', 'ba-linkify', 'jquery.ba-hashchange', 'jquery.sound', 'chat', :cache => 'cache-chat' %>
    <%= stylesheet_link_tag noosfero_stylesheets, :cache => 'cache' %>
    <%= stylesheet_link_tag icon_theme_stylesheet_path %>
    <%= stylesheet_link_tag theme_stylesheet_path %>
    <%= stylesheet_link_tag jquery_ui_theme_stylesheet_path %>
    <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 %>;
      var $balloon_template = '<div data-who="%{who}" class="message %{who}"><img class="avatar" src="%{avatar_url}"/><% comment_balloon do %><h5 class="%{who}-name">%{name}</h5><span class="time">%{time}</span><p>%{message}</p><% end %></div>';
    </script>
  </head>
  <body id='chat'>
    <div id='title-bar'>
      <h1 class='title'><%= _("%s - Friends online (<span id='friends-online'>%d</span>)") % [h(page_title), 0] %></h1>
    </div>
    <div id='buddy-list'>
      <div id='environment-logo'>
        <%= image_tag "#{theme_path}/images/thin-logo.png", :title => environment.name, :alt => environment.name %>
      </div>
      <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'>
        <!-- <li class='offline'><a id='%{jid_id}' class='icon-menu-offline-11' href='#'>%{name}</a></li> -->
      </ul>
    </div>
    <div id='chat-window' class='tabs-bottom'>
      <div id='tabs'>
        <ul>
          <!-- <li class="tab"><a href="#{href}">#{label}</a></li> -->
        </ul>
      </div>
      <!--
      <div id='#conversation-%{jid_id}' class='conversation'>
        <div class='history'>
          <div class='message %{who}'><img class='avatar' src='%{avatar_url}' /><h5 class='%{who}-info'>%{name}</h5><span class='time'>%{time}</span><p>%{message}</p></div>
        </div>
        <div class='input-div'>
          <div class='icon-chat'></div>
          <textarea type='textarea' data-to='%{jid}'></textarea>
        </div>
      </div>
      -->
    </div>
    <%= yield %>
  </body>
</html>