fix force version re-check button

Signed-off-by: Michael Kaufmann <[email protected]>
froxlor · May 12, 2024 · a602865 · a602865
1 parent 597f338
commit a602865
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/templates/Froxlor/assets/js/jquery/updatecheck.js b/templates/Froxlor/assets/js/jquery/updatecheck.js
@@ -7,18 +7,21 @@ export default function () {
 			runCheck();
 		}
 
-		$('#forceUpdateCheck').on('click', function () {
-			runCheck(1);
-		});
-
 		function runCheck(force = 0)
 		{
 			$.ajax({
 				url: "lib/ajax.php?action=updatecheck&theme=" + window.$theme + "&force=" + force,
 				type: "GET",
 				success: function (data) {
 					$("#updatecheck").html(data);
-					new bootstrap.Popover(document.getElementById('ucheck'));
+					const po = new bootstrap.Popover(document.getElementById('ucheck'));
+					const myPopoverTrigger = document.getElementById('ucheck')
+					myPopoverTrigger.addEventListener('shown.bs.popover', () => {
+						$('#forceUpdateCheck').on('click', function () {
+							runCheck(1);
+							po.hide();
+						});
+					})
 				},
 				error: function (request, status, error) {
 					console.log(request, status, error)

diff --git a/templates/Froxlor/misc/version_popover.html.twig b/templates/Froxlor/misc/version_popover.html.twig
@@ -27,6 +27,6 @@
 		{% endif %}
 	{% endif %}
 	<div class='d-flex justify-content-end mt-3'>
-		<i role='button' class='fa-solid fa-arrows-rotate' id='forceUpdateCheck' title='Force re-check of version'></i>
+		<span role='button' id='forceUpdateCheck' title='Force re-check of version'><i class='fa-solid fa-arrows-rotate'></i></span>
 	</div>
 {% endmacro %}