Nextrek
Diff Revisions
1120
vs
1123
for /socketIO/public/js/ui.js
|
@@ -1,17 +1,21 @@ |
1 |
|
- |
function uiRoom(user) { |
2 |
|
- |
var $room = $('<div class="room" />'); |
3 |
|
- |
$room.attr('id', user.room); |
4 |
|
- |
$room.append($('<div class="room-title" />').text(user.name)); |
5 |
|
- |
$room.append('<span class="close" />'); |
6 |
|
- |
$room.append($('<ul />')); |
7 |
|
- |
|
8 |
|
- |
var $form = $('<form>'); |
9 |
|
- |
$form.data('room', user.room); |
10 |
|
- |
$form.append('<input type="text"><button>send</button>'); |
11 |
|
- |
|
12 |
|
- |
$room.append($form); |
|
1 |
+ |
function uiRoom(user, submit) { |
|
2 |
+ |
if ($(`#${user.room}`).length === 0) { |
|
3 |
+ |
var $room = $('<div class="room" />'); |
|
4 |
+ |
$room.attr('id', user.room); |
|
5 |
+ |
$room.append($('<div class="room-title" />').text(user.name)); |
|
6 |
+ |
$room.append('<span class="close" />'); |
|
7 |
+ |
$room.append($('<ul />')); |
13 |
8 |
|
|
14 |
|
- |
return $room; |
|
9 |
+ |
var $form = $('<form>'); |
|
10 |
+ |
$form.data('room', user.room); |
|
11 |
+ |
$form.append('<input type="text"><button>send</button>'); |
|
12 |
+ |
|
|
13 |
+ |
$room.append($form); |
|
14 |
+ |
|
|
15 |
+ |
submit($form); |
|
16 |
+ |
|
|
17 |
+ |
return $room; |
|
18 |
+ |
} |
15 |
19 |
|
} |
16 |
20 |
|
|
17 |
21 |
|
function uiOperatorsList(operators, cb) { |
|
@@ -41,6 +45,6 @@ |
41 |
45 |
|
function uiDisplayMessage(data) { |
42 |
46 |
|
const $room = $(`#${data.room}`); |
43 |
47 |
|
if ($room) { |
44 |
|
- |
$room.find('ul').append($('<li />').text(data.content)); |
|
48 |
+ |
$room.find('ul').append($(`<li class="${data.from.role.toLowerCase()}" />`).html(`<small>${data.from.name}</small><br>${data.content}`)); |
45 |
49 |
|
} |
46 |
50 |
|
} |