diff --git a/custom/js/helper.js b/custom/js/helper.js
index 9f0b91b..d98eacb 100644
--- a/custom/js/helper.js
+++ b/custom/js/helper.js
@@ -10,6 +10,11 @@ function renderClientList(data) {
`
}
+ let telegramHtml = "";
+ if (obj.Client.telegram_userid && obj.Client.telegram_userid.length > 0) {
+ telegramHtml = `${obj.Client.telegram_userid}`
+ }
+
// render client status css tag style
let clientStatusHtml = '>'
if (obj.Client.enabled) {
@@ -75,6 +80,7 @@ function renderClientList(data) {
${obj.Client.name}
${obj.Client.public_key}
${subnetRangesString}
+ ${telegramHtml}
${obj.Client.email}
${prettyDateTime(obj.Client.created_at)}
diff --git a/templates/clients.html b/templates/clients.html
index 75291b2..cf11e0a 100644
--- a/templates/clients.html
+++ b/templates/clients.html
@@ -420,6 +420,11 @@ Wireguard Clients
}
})
$(".badge-secondary").filter(':contains("' + query + '")').parent().parent().parent().show();
+ $(".fa-tguserid").each(function () {
+ if ($(this).parent().text().trim().indexOf(query.trim()) != -1) {
+ $(this).closest('.col-lg-4').show();
+ }
+ })
})
$("#status-selector").on('change', function () {