Subversion Repository Public Repository

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!doctype html>
<html>
    <head>
        <title>Socket.IO</title>
        <link rel="stylesheet" href="/style/rooms.css">
            <script type="text/javascript" src="/js/socket.io.dev.js"></script>
            <script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
            <script type="text/javascript" src="/js/ui.js"></script>
            <script>
                socket = io();
                // create user
                socket.emit('CONNECTION:OPEN', {
                    name: 'Operator ' + Date.now(),
                    role: 'OPERATOR'
                });
                // receive operators list updates
                socket.on('OPERATORS:LIST:UPDATE', (data) => {
                    console.log('operators', data);

                    uiOperatorsList(data, (user) => {
                        socket.emit('ROOM:JOIN', {user});
                    });
                });
                // receive customers list updates
                socket.on('CUSTOMERS:LIST:UPDATE', (data) => {
                    console.log('customers', data);

                    uiCustomersList(data, (user) => {

                        socket.emit('ROOM:JOIN', {user});

                        const $room = uiRoom(user, ($form) => {
                            $form.submit((e) => {
                                e.preventDefault();

                                var $input = $form.find('input');
                                var room = user.room;

                                if ($input.val().trim() !== "") {
                                    var msg = $input.val();
                                    var json = {
                                        content: msg,
                                        contentType: "text/plain",
                                        room
                                    };

                                    console.log('send_message');

                                    socket.emit('SEND:MESSAGE', json);
                                    $input.val('');
                                }
                                return false;
                            });
                        });

                        $('#customers-rooms').append($room);
                    });
                });
                // receive messages
                socket.on('SEND:MESSAGE', (data) => {
                    uiDisplayMessage(data);
                });
            </script>
        </head>
        <body>
            <h1>OPERATORS PANEL</h1>
            <div id="page">
                <div class="online-users">
                    <h2>Customers List</h2>
                    <ul id="customers-list"></ul>
                </div>
                <div id="rooms">
                    <div id="customers-rooms"></div>
                </div>
                <div class="online-users">
                    <h2>Operators List</h2>
                    <ul id="operators-list"></ul>
                </div>
            </div>
        </body>
    </html>

Commits for Nextrek/socketIO/public/index.html

Diff revisions: vs.
Revision Author Commited Message
1123 Diff Diff GGentile picture GGentile Fri 04 Jan, 2019 00:19:22 +0000
1120 Diff Diff GGentile picture GGentile Tue 04 Dec, 2018 10:31:37 +0000
1119 Diff Diff GGentile picture GGentile Mon 03 Dec, 2018 23:13:28 +0000
1116 MOliva picture MOliva Tue 25 Sep, 2018 14:16:19 +0000