Subversion Repository Public Repository

Nextrek

Diff Revisions 1120 vs 1123 for /socketIO/public/js/ui.js

Diff revisions: vs.
  @@ -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 }