Subversion Repository Public Repository

Nextrek

Diff Revisions 1126 vs 1127 for /socketIO/public/index.html

Diff revisions: vs.
  @@ -29,29 +29,60 @@
29 29
30 30 socket.emit('ROOM:JOIN', {user});
31 31
32 - const $room = uiRoom(user, ($form) => {
33 - $form.submit((e) => {
34 - e.preventDefault();
35 -
36 - var $input = $form.find('input');
37 - var room = user.room;
38 -
39 - if ($input.val().trim() !== "") {
40 - var msg = $input.val();
41 - var json = {
42 - content: msg,
43 - contentType: "text/plain",
44 - room
45 - };
46 -
47 - console.log('send_message');
48 -
49 - socket.emit('SEND:MESSAGE', json);
50 - $input.val('');
51 - }
52 - return false;
53 - });
54 - });
32 + const $room = uiRoom(user,
33 + $form => {
34 + $form.submit(e => {
35 + e.preventDefault();
36 +
37 + const $input = $form.find('input');
38 + const room = user.room;
39 +
40 + if ($input.val().trim() !== "") {
41 + const msg = $input.val();
42 + const json = {
43 + content: msg,
44 + contentType: 'TEXT',
45 + room
46 + };
47 +
48 + console.log('send_message');
49 +
50 + socket.emit('SEND:MESSAGE', json);
51 + $input.val('');
52 + }
53 + return false;
54 + });
55 + },
56 + $formImg => {
57 + $formImg.submit(e => {
58 + e.preventDefault();
59 +
60 + const $input = $formImg.find('input');
61 + const room = user.room;
62 +
63 + const filesSelected = $input[0].files;
64 + if (filesSelected.length > 0) {
65 + const fileToLoad = filesSelected[0];
66 +
67 + const fileReader = new FileReader();
68 +
69 + fileReader.onload = (fileLoadedEvent) => {
70 + const json = {
71 + content: fileLoadedEvent.target.result,
72 + contentType: 'IMAGE',
73 + room
74 + };
75 + console.log('send_image');
76 +
77 + socket.emit('SEND:MESSAGE', json);
78 + $input.val('');
79 + };
80 +
81 + fileReader.readAsDataURL(fileToLoad);
82 + }
83 + })
84 + }
85 + );
55 86
56 87 $('#customers-rooms').append($room);
57 88 });