From d2e9b64bf55c6f73548cde8cfb9a6bf2c700ecad Mon Sep 17 00:00:00 2001
From: James Cole <james@firefly-iii.org>
Date: Sat, 3 Aug 2024 18:42:06 +0200
Subject: [PATCH] Make dialog work.

---
 resources/assets/v2/src/boot/bootstrap.js     |  1 -
 .../page-settings/show-internals-button.js    |  2 +-
 resources/views/v2/accounts/index.blade.php   |  6 +--
 resources/views/v2/index.blade.php            | 39 +++++++++----------
 4 files changed, 22 insertions(+), 26 deletions(-)

diff --git a/resources/assets/v2/src/boot/bootstrap.js b/resources/assets/v2/src/boot/bootstrap.js
index 7ed690b6de..8c1ed325f5 100644
--- a/resources/assets/v2/src/boot/bootstrap.js
+++ b/resources/assets/v2/src/boot/bootstrap.js
@@ -31,7 +31,6 @@ import observePlugin from 'store/plugins/observe';
 import Alpine from "alpinejs";
 import * as bootstrap from 'bootstrap';
 import {getFreshVariable} from "../store/get-fresh-variable.js";
-// import even more
 import {getVariable} from "../store/get-variable.js";
 import {getViewRange} from "../support/get-viewrange.js";
 import {loadTranslations} from "../support/load-translations.js";
diff --git a/resources/assets/v2/src/support/page-settings/show-internals-button.js b/resources/assets/v2/src/support/page-settings/show-internals-button.js
index 449ade2398..a0d8e022a3 100644
--- a/resources/assets/v2/src/support/page-settings/show-internals-button.js
+++ b/resources/assets/v2/src/support/page-settings/show-internals-button.js
@@ -21,5 +21,5 @@
 
 export function showInternalsButton() {
     console.log('showInternalsButton');
-    document.querySelector('.toggle-page-internals').classList.remove('d-none')
+    document.querySelector('.toggle-page-internals').classList.remove('d-none');
 }
diff --git a/resources/views/v2/accounts/index.blade.php b/resources/views/v2/accounts/index.blade.php
index 712d58c2bc..05d54582ae 100644
--- a/resources/views/v2/accounts/index.blade.php
+++ b/resources/views/v2/accounts/index.blade.php
@@ -343,7 +343,7 @@
                     <div x-html="pageNavigation">
                 </div>
             </div>
-
+                <!-- TODO repeated thing -->
             <!-- Internal settings modal -->
             <div class="modal fade" id="internalsModal" tabindex="-1" aria-labelledby="internalsModalLabel"
                  aria-hidden="true">
@@ -422,7 +422,7 @@
         </div>
     </div>
 
-            <!-- TODO this is a repeated piece of code -->
+    <!-- TODO this is a repeated piece of code -->
     <div class="modal fade" id="filterModal" tabindex="-1" aria-labelledby="filterModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-sm">
             <div class="modal-content">
@@ -449,7 +449,7 @@
         </div>
     </div>
 
-            <!-- TODO this is a repeated piece of code -->
+    <!-- TODO this is a repeated piece of code -->
     <div class="modal fade" id="wizardModal" tabindex="-1" aria-labelledby="wizardModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-lg">
             <div class="modal-content">
diff --git a/resources/views/v2/index.blade.php b/resources/views/v2/index.blade.php
index 32ab8f3e3b..fd5ae016d1 100644
--- a/resources/views/v2/index.blade.php
+++ b/resources/views/v2/index.blade.php
@@ -47,35 +47,32 @@
                     </div>
                 </div>
             </div>
-
         </div>
 
-    </div>
-
-    <!-- TODO this is a repeated piece of code -->
-    <div class="modal fade" id="filterModal" tabindex="-1" aria-labelledby="filterModalLabel" aria-hidden="true">
-        <div class="modal-dialog modal-sm">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h1 class="modal-title fs-5" id="filterModalLabel">TODO Options dialog</h1>
-                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                </div>
-                <div class="modal-body">
-                    Bla bla bla
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><em
-                            class="fa-solid fa-right-from-bracket"></em> Cancel
-                    </button>
-                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal"><em
-                            class="fa-solid fa-magnifying-glass"></em> Search
-                    </button>
+        <div class="modal fade" id="internalsModal" tabindex="-1" aria-labelledby="internalsModalLabel"
+             aria-hidden="true">
+            <div class="modal-dialog modal-lg">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h1 class="modal-title fs-5" id="internalsModalLabel">{{ __('firefly.page_settings_header') }}</h1>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <p>
+                            Body
+                        </p>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('firefly.close') }}</button>
+                    </div>
                 </div>
             </div>
         </div>
+
     </div>
 
 
+
 @endsection
 @section('scripts')
     @vite(['src/pages/dashboard/dashboard.js'])