From 8e7637bc5e1bd18a5d7734bbc7164d961249faf5 Mon Sep 17 00:00:00 2001
From: Lunny Xiao <xiaolunwen@gmail.com>
Date: Mon, 20 Dec 2021 22:00:08 +0800
Subject: [PATCH] Fix delete u2f keys bug

---
 templates/user/settings/security_u2f.tmpl | 2 +-
 web_src/js/index.js                       | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/user/settings/security_u2f.tmpl b/templates/user/settings/security_u2f.tmpl
index dcc56d8729ffa..b33c9ae0e6b37 100644
--- a/templates/user/settings/security_u2f.tmpl
+++ b/templates/user/settings/security_u2f.tmpl
@@ -8,7 +8,7 @@
 			{{range .U2FRegistrations}}
 				<div class="item">
 					<div class="right floated content">
-						<button class="ui red tiny button delete-button" id="delete-registration" data-url="{{$.Link}}/u2f/delete" data-id="{{.ID}}">
+						<button class="ui red tiny button delete-button" modal-id="delete-registration" data-url="{{$.Link}}/u2f/delete" data-id="{{.ID}}">
 						{{$.i18n.Tr "settings.delete_key"}}
 						</button>
 					</div>
diff --git a/web_src/js/index.js b/web_src/js/index.js
index 1b096a31de1e2..0a0cb129320a6 100644
--- a/web_src/js/index.js
+++ b/web_src/js/index.js
@@ -2959,8 +2959,8 @@ $(() => {
 function showDeletePopup() {
   const $this = $(this);
   let filter = '';
-  if ($this.attr('id')) {
-    filter += `#${$this.attr('id')}`;
+  if ($this.attr('modal-id')) {
+    filter += `#${$this.attr('modal-id')}`;
   }
 
   const dialog = $(`.delete.modal${filter}`);