Nextrek
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 |
function uiRoom(user, submit, submitImg) { if ($(`#${user.room}`).length === 0) { var $room = $('<div class="room" />'); $room.attr('id', user.room); $room.append($('<div class="room-title" />').text(user.name)); $room.append('<span class="close" />'); $room.append($('<ul />')); var $form = $('<form />'); $form.data('room', user.room); $form.append('<input type="text"><button>send</button>'); var $formImg = $('<form />'); $formImg.append('<input type="file" accept="image/png, image/jpeg, image/gif"><button>send image</button>'); $room.append($form); $room.append($formImg); submit($form); submitImg($formImg); return $room; } } function uiOperatorsList(operators, cb) { const $ul = $('#operators-list'); $ul.empty(); operators.forEach(operator => { const $li = $('<li/>').text(operator.name); $li.click(() => { cb(operator); }); $ul.append($li); }); } function uiCustomersList(customers, cb) { const $ul = $('#customers-list'); $ul.empty(); customers.forEach(customer => { const $li = $('<li/>').text(customer.name); $li.click(() => { cb(customer); }); $ul.append($li); }); } function uiDisplayMessage(data) { const $room = $(`#${data.room}`); if ($room) { const $ul = $room.find('ul'); $ul.append($(`<li class="${data.from.role.toLowerCase()}" />`).html(`<small>${data.from.name}</small><br>${data.content}`)); $ul.scrollTop($ul.scrollTop() + $ul.innerHeight()); } } |
Commits for Nextrek/socketIO/public/js/ui.js
Revision | Author | Commited | Message |
---|---|---|---|
1129 Diff | GGentile | Wed 23 Jan, 2019 23:23:52 +0000 | room leave and notify guests |
1127 Diff | GGentile | Wed 09 Jan, 2019 13:47:30 +0000 | send image |
1123 Diff | GGentile | Fri 04 Jan, 2019 00:19:22 +0000 | |
1120 Diff | GGentile | Tue 04 Dec, 2018 10:31:37 +0000 | |
1119 | GGentile | Mon 03 Dec, 2018 23:13:28 +0000 |