diff options
| author | marijus <mario@localhost.localdomain> | 2014-02-09 23:52:09 +0100 |
|---|---|---|
| committer | marijus <mario@localhost.localdomain> | 2014-02-09 23:52:09 +0100 |
| commit | 4fc0126661f2389843599a4a6829d8eb79a109e4 (patch) | |
| tree | 3417c594a21e0de20b5d96a9555131f762015102 /view/tpl | |
| parent | 66e7d182d499a7a8a854f64fb4c4746c283bef4a (diff) | |
| download | volse-hubzilla-4fc0126661f2389843599a4a6829d8eb79a109e4.tar.gz volse-hubzilla-4fc0126661f2389843599a4a6829d8eb79a109e4.tar.bz2 volse-hubzilla-4fc0126661f2389843599a4a6829d8eb79a109e4.zip | |
theming chat a little
Diffstat (limited to 'view/tpl')
| -rw-r--r-- | view/tpl/chat.tpl | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/view/tpl/chat.tpl b/view/tpl/chat.tpl index 7073a0a52..51aeb836e 100644 --- a/view/tpl/chat.tpl +++ b/view/tpl/chat.tpl @@ -1,5 +1,5 @@ <h1>{{$room_name}}</h1> -<div id="chatContainer""> +<div id="chatContainer"> <div id="chatTopBar"> <div id="chatLineHolder"></div> @@ -64,7 +64,7 @@ function update_inroom(inroom) { $.each( inroom, function(index, item) { var newNode = document.createElement('div'); $(newNode).html('<img style="height: 32px; width: 32px;" src="' + item.img + '" alt="' + item.name + '" /> ' + item.status + '<br />' + item.name + '<br/>'); - html.appendChild(newNode); + html.appendChild(newNode); }); $('#chatUsers').html(html); } @@ -75,7 +75,8 @@ function update_chats(chats) { $.each( chats, function(index, item) { last_chat = item.id; var newNode = document.createElement('div'); - $(newNode).html('<div style="margin-bottom: 5px; clear: both;"><img style="height: 32px; width: 32px; float: left;" src="' + item.img + '" alt="' + item.name + '" /><div class="chat-body" style="float: left; width: 80%; margin-left: 15px; font-size: 14px;">' + item.name + ' <span class="autotime" title="' + item.isotime + '">' + item.localtime + '</span><br />' + item.text + '</div></div>'); + newNode.setAttribute('class', 'chat-item'); + $(newNode).html('<img class="chat-item-photo" src="' + item.img + '" alt="' + item.name + '" /><div class="chat-body"><span class="chat-item-name">' + item.name + ' </span><span class="autotime chat-item-time" title="' + item.isotime + '">' + item.localtime + '</span><br /><span class="chat-item-text">' + item.text + '</span></div><div class="chat-item-end"></div>'); $('#chatLineHolder').append(newNode); $(".autotime").timeago(); |