From 78dd1b04766299052f380d9aed168ecbdda8b155 Mon Sep 17 00:00:00 2001
From: Kukks <evilkukka@gmail.com>
Date: Mon, 12 Jul 2021 14:16:41 +0200
Subject: [PATCH] Fix store javascript after bootstrap5 update

---
 BTCPayServer/Views/Stores/UpdateStore.cshtml | 21 ++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/BTCPayServer/Views/Stores/UpdateStore.cshtml b/BTCPayServer/Views/Stores/UpdateStore.cshtml
index b0568dc30..de39481c2 100644
--- a/BTCPayServer/Views/Stores/UpdateStore.cshtml
+++ b/BTCPayServer/Views/Stores/UpdateStore.cshtml
@@ -22,7 +22,7 @@
                 {
                     var isSetUp = !string.IsNullOrWhiteSpace(scheme.Value);
 
-                    <li class="list-group-item bg-tile @(scheme.Collapsed ? "collapsed": "")">
+                    <li class="list-group-item bg-tile @(scheme.Collapsed ? "assets-collapsed": "")">
                         <div class="d-flex align-items-center">
                             <span class="d-flex flex-wrap flex-fill flex-column flex-sm-row">
                                 <strong class="me-3">@scheme.Crypto</strong>
@@ -83,11 +83,20 @@
             @if (Model.DerivationSchemes.Any(scheme => scheme.Collapsed))
             {
                 <script>
-                    $(document).ready(function () {
-                        $(".collapsed").hide();
-                        $("#toggle-assets").click(function () {
-                            $(".collapsed").show();
-                        });
+                    document.addEventListener("DOMContentLoaded", (event) => {
+                        var collapsed = document.getElementsByClassName("assets-collapsed");
+                        for (let collapsedElement of collapsed) {
+                            collapsedElement.style.display = 'none'; 
+                        }
+                        document
+                            .getElementById("toggle-assets")
+                            .addEventListener("click", function (){
+                                var collapsed = document.getElementsByClassName("assets-collapsed");
+                                for (let collapsedElement of collapsed) {
+                                    collapsedElement.style.display = 'block';   
+                                }
+                                document.getElementById("toggle-assets").style.display="none";
+                            });
                     });
                 </script>
                 <button class="btn btn-link text-secondary mb-3 p-0 only-for-js" id="toggle-assets" type="button">Show additional assets</button>