cheveguerra/whatsapp-api-tutorial
1
0
Fork 0
mirror of https://github.com/cheveguerra/whatsapp-api-tutorial.git synced 2026-04-18 03:39:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix multiple account when creating client with number value of ID

Browse Source
This commit is contained in:
Nur Muhammad
2022-04-12 07:49:37 +08:00
parent 349196744f
commit 204b4bea5d
1 changed files with 24 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index-multiple-account.html
View File

@@ -51,9 +51,20 @@
$('.add-client-btn').click(function() { $('.add-client-btn').click(function() {
var clientId = $('#client-id').val(); var clientId = $('#client-id').val();
var clientDescription = $('#client-description').val(); var clientDescription = $('#client-description').val();
/**
* Some peoples want to use the phone number as the ID
* But because we use the ID as the html class attribute value: class="<The ID>"
* It won't work. Read more on https://www.w3.org/TR/REC-html40/types.html#type-cdata
*
* So, here we add the prefix to solve that problem
* Each ID will automatically added a 'client-' prefix for the class attribute
*/
var clientClass = 'client-' + clientId;
var template = $('.client').first().clone() var template = $('.client').first().clone()
.removeClass('hide') .removeClass('hide')
.addClass(clientId); .addClass(clientClass);
template.find('.title').html(clientId); template.find('.title').html(clientId);
template.find('.description').html(clientDescription); template.find('.description').html(clientDescription);
$('.client-container').append(template); $('.client-container').append(template);
@@ -72,40 +83,43 @@
var clientId = session.id; var clientId = session.id;
var clientDescription = session.description; var clientDescription = session.description;
var clientClass = 'client-' + clientId;
var template = $('.client').first().clone() var template = $('.client').first().clone()
.removeClass('hide') .removeClass('hide')
.addClass(clientId); .addClass(clientClass);
template.find('.title').html(clientId); template.find('.title').html(clientId);
template.find('.description').html(clientDescription); template.find('.description').html(clientDescription);
$('.client-container').append(template); $('.client-container').append(template);
if (session.ready) { if (session.ready) {
$(`.client.${session.id} .logs`).append($('<li>').text('Whatsapp is ready!')); $(`.client.${clientClass} .logs`).append($('<li>').text('Whatsapp is ready!'));
} else { } else {
$(`.client.${session.id} .logs`).append($('<li>').text('Connecting...')); $(`.client.${clientClass} .logs`).append($('<li>').text('Connecting...'));
} }
} }
}); });
socket.on('remove-session', function(id) { socket.on('remove-session', function(id) {
$(`.client.${id}`).remove(); $(`.client.client-${id}`).remove();
}); });
socket.on('message', function(data) { socket.on('message', function(data) {
$(`.client.${data.id} .logs`).append($('<li>').text(data.text)); $(`.client.client-${data.id} .logs`).append($('<li>').text(data.text));
}); });
socket.on('qr', function(data) { socket.on('qr', function(data) {
$(`.client.${data.id} #qrcode`).attr('src', data.src); $(`.client.client-${data.id} #qrcode`).attr('src', data.src);
$(`.client.${data.id} #qrcode`).show(); $(`.client.client-${data.id} #qrcode`).show();
}); });
socket.on('ready', function(data) { socket.on('ready', function(data) {
$(`.client.${data.id} #qrcode`).hide(); $(`.client.client-${data.id} #qrcode`).hide();
}); });
socket.on('authenticated', function(data) { socket.on('authenticated', function(data) {
$(`.client.${data.id} #qrcode`).hide(); $(`.client.client-${data.id} #qrcode`).hide();
}); });
}); });
</script> </script>