From 8ef0802b869e94b33fd06c4d07327d107adde4c8 Mon Sep 17 00:00:00 2001
From: Oleh Bohzok <olehbozhok@gmail.com>
Date: Tue, 7 Jan 2025 04:07:52 +0200
Subject: [PATCH] chore(jans-cedarling): update bootstrap to latest

Signed-off-by: Oleh Bohzok <olehbozhok@gmail.com>
---
 .../cedarling_wasm/cedarling_app.html         | 48 +++++++++++--------
 .../bindings/cedarling_wasm/index.html        |  4 +-
 2 files changed, 29 insertions(+), 23 deletions(-)

diff --git a/jans-cedarling/bindings/cedarling_wasm/cedarling_app.html b/jans-cedarling/bindings/cedarling_wasm/cedarling_app.html
index 9900abdcf82..84c6a3b6898 100644
--- a/jans-cedarling/bindings/cedarling_wasm/cedarling_app.html
+++ b/jans-cedarling/bindings/cedarling_wasm/cedarling_app.html
@@ -13,12 +13,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Cedarling WASM App</title>
 
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css"
-        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
+        crossorigin="anonymous">
 
     <style>
-        textarea {
-            width: 100%;
+        button {
+            margin: 6px;
+        }
+
+        body {
+            margin-bottom: 100px;
         }
     </style>
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
@@ -47,8 +51,11 @@ <h2>Init cedarling</h2>
 
             <!-- Button to init cedarling with defined above bootsrap config JSON -->
             <div class="row">
-                <button type="button" class="btn btn-default" id="bootstrap_init_button">Init Cedarling</button>
-                <div style="display: none;" id="bootstrap_init_processing"> Processing...</div>
+                <div class="d-grid gap-2 col-6 mx-auto">
+                    <button type="button" class="btn btn-outline-primary" id="bootstrap_init_button">Init
+                        Cedarling</button>
+                    <div style="display: none;" id="bootstrap_init_processing"> Processing...</div>
+                </div>
             </div>
 
             <!-- Success message -->
@@ -59,7 +66,7 @@ <h2>Init cedarling</h2>
             <!-- Log panel, is showh only if "CEDARLING_LOG_TYPE": "memory" -->
             <div class="row panel panel-success" style="display: none;" id="bootstrap_init_log_panel">
                 <h3>Logs</h3>
-                <pre id="bootstrap_init_log_values">
+                <pre id="bootstrap_init_log_values" class="border border-dark">
 
             </pre>
             </div>
@@ -85,8 +92,10 @@ <h3>Execute authorize request</h3>
 
             <!-- Button to execute authorize request -->
             <div class="row">
-                <button type="button" class="btn btn-default" id="request_button">Execute request</button>
-                <div style="display: none;" id="request_processing"> Processing...</div>
+                <div class="d-grid gap-2 col-6 mx-auto">
+                    <button type="button" class="btn btn-outline-primary" id="request_button">Execute request</button>
+                    <div style="display: none;" id="request_processing"> Processing...</div>
+                </div>
             </div>
 
             <!-- Error message in case if cedarling initialized with error -->
@@ -99,26 +108,23 @@ <h3>Execute authorize request</h3>
             <!-- Result panel -->
             <div class="row panel panel-success" style="display: none;" id="request_result_panel">
                 <h3>Result</h3>
-                <pre id="request_result_values"></pre>
+                <pre id="request_result_values" class="border border-dark"></pre>
             </div>
 
 
             <!-- Log panel, is showh only if "CEDARLING_LOG_TYPE": "memory" -->
             <div class="row panel panel-success" style="display: none;" id="request_log_panel">
                 <h3>Logs</h3>
-                <pre id="request_log_values"></pre>
+                <pre id="request_log_values" class="border border-dark"></pre>
             </div>
         </div>
     </div>
 
-    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-    <script src="https://code.jquery.com/jquery-1.12.4.min.js"
-        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
-        crossorigin="anonymous"></script>
-    <!-- Include all compiled plugins (below), or include individual files as needed -->
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"
-        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
-        crossorigin="anonymous"></script>
+
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
+        integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 
     <script type="module">
         import { BOOTSTRAP_CONFIG, REQUEST } from "/example_data.js"
@@ -219,7 +225,7 @@ <h3>Logs</h3>
                 // scroll to show result
                 $('html, body').animate({
                     scrollTop: request_result_panel.offset().top
-                }, 1000);
+                }, 1);
 
                 let logs = window.cedar_instance.pop_logs();
                 if (logs.length != 0) {
@@ -239,7 +245,7 @@ <h3>Logs</h3>
                 // scroll to show error
                 $('html, body').animate({
                     scrollTop: request_error.offset().top
-                }, 1000);
+                }, 1);
 
                 request_result_panel.hide();
                 request_log_panel.hide();
diff --git a/jans-cedarling/bindings/cedarling_wasm/index.html b/jans-cedarling/bindings/cedarling_wasm/index.html
index e5160b6dff8..80308f5e145 100644
--- a/jans-cedarling/bindings/cedarling_wasm/index.html
+++ b/jans-cedarling/bindings/cedarling_wasm/index.html
@@ -13,8 +13,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Hello world cedarling WASM example</title>
 
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css"
-        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
+        crossorigin="anonymous">
 
     <style>
         textarea {