diff --git a/app-multiple-device.js b/app-multiple-device.js index 5e062bf..4213d32 100644 --- a/app-multiple-device.js +++ b/app-multiple-device.js @@ -18,7 +18,7 @@ app.use(express.urlencoded({ })); app.get('/', (req, res) => { - res.sendFile('index.html', { + res.sendFile('index-multiple-device.html', { root: __dirname }); }); diff --git a/index-multiple-device.html b/index-multiple-device.html new file mode 100644 index 0000000..c2d1d88 --- /dev/null +++ b/index-multiple-device.html @@ -0,0 +1,86 @@ + + + + Whatsapp API by Ngekoding + + + + +
+

Whatsapp API

+

Powered by Ngekoding

+
+
+ +

+
+ +

+ +
+
+
+
+

+

+ QR Code +

Logs:

+
    +
    +
    +
    + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index c2d1d88..4ab95ca 100644 --- a/index.html +++ b/index.html @@ -2,43 +2,15 @@ Whatsapp API by Ngekoding -

    Whatsapp API

    Powered by Ngekoding

    -
    -
    - -

    -
    - -

    - -
    -
    -
    -
    -

    -

    - QR Code -

    Logs:

    -
      -
      -
      + QR Code +

      Logs:

      +
      @@ -47,38 +19,21 @@ $(document).ready(function() { var socket = io(); - // Ketika button tambah diklik - $('.add-client-btn').click(function() { - var clientId = $('#client-id').val(); - var clientDescription = $('#client-description').val(); - var template = $('.client').first().clone() - .removeClass('hide') - .addClass(clientId); - template.find('.title').html(clientId); - template.find('.description').html(clientDescription); - $('.client-container').append(template); - - socket.emit('create-session', { - id: clientId, - description: clientDescription - }); + socket.on('message', function(msg) { + $('.logs').append($('
    • ').text(msg)); }); - socket.on('message', function(data) { - $(`.client.${data.id} .logs`).append($('
    • ').text(data.text)); - }); - - socket.on('qr', function(data) { - $(`.client.${data.id} #qrcode`).attr('src', data.src); - $(`.client.${data.id} #qrcode`).show(); + socket.on('qr', function(src) { + $('#qrcode').attr('src', src); + $('#qrcode').show(); }); socket.on('ready', function(data) { - $(`.client.${data.id} #qrcode`).hide(); + $('#qrcode').hide(); }); socket.on('authenticated', function(data) { - $(`.client.${data.id} #qrcode`).hide(); + $('#qrcode').hide(); }); });