Make dialog work.

This commit is contained in:
James Cole
2024-08-03 18:42:06 +02:00
parent 3811aff206
commit d2e9b64bf5
4 changed files with 22 additions and 26 deletions

View File

@@ -31,7 +31,6 @@ import observePlugin from 'store/plugins/observe';
import Alpine from "alpinejs"; import Alpine from "alpinejs";
import * as bootstrap from 'bootstrap'; import * as bootstrap from 'bootstrap';
import {getFreshVariable} from "../store/get-fresh-variable.js"; import {getFreshVariable} from "../store/get-fresh-variable.js";
// import even more
import {getVariable} from "../store/get-variable.js"; import {getVariable} from "../store/get-variable.js";
import {getViewRange} from "../support/get-viewrange.js"; import {getViewRange} from "../support/get-viewrange.js";
import {loadTranslations} from "../support/load-translations.js"; import {loadTranslations} from "../support/load-translations.js";

View File

@@ -21,5 +21,5 @@
export function showInternalsButton() { export function showInternalsButton() {
console.log('showInternalsButton'); console.log('showInternalsButton');
document.querySelector('.toggle-page-internals').classList.remove('d-none') document.querySelector('.toggle-page-internals').classList.remove('d-none');
} }

View File

@@ -343,7 +343,7 @@
<div x-html="pageNavigation"> <div x-html="pageNavigation">
</div> </div>
</div> </div>
<!-- TODO repeated thing -->
<!-- Internal settings modal --> <!-- Internal settings modal -->
<div class="modal fade" id="internalsModal" tabindex="-1" aria-labelledby="internalsModalLabel" <div class="modal fade" id="internalsModal" tabindex="-1" aria-labelledby="internalsModalLabel"
aria-hidden="true"> aria-hidden="true">
@@ -422,7 +422,7 @@
</div> </div>
</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 fade" id="filterModal" tabindex="-1" aria-labelledby="filterModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm"> <div class="modal-dialog modal-sm">
<div class="modal-content"> <div class="modal-content">
@@ -449,7 +449,7 @@
</div> </div>
</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 fade" id="wizardModal" tabindex="-1" aria-labelledby="wizardModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">

View File

@@ -47,35 +47,32 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="modal fade" id="internalsModal" tabindex="-1" aria-labelledby="internalsModalLabel"
aria-hidden="true">
<!-- TODO this is a repeated piece of code --> <div class="modal-dialog modal-lg">
<div class="modal fade" id="filterModal" tabindex="-1" aria-labelledby="filterModalLabel" aria-hidden="true"> <div class="modal-content">
<div class="modal-dialog modal-sm"> <div class="modal-header">
<div class="modal-content"> <h1 class="modal-title fs-5" id="internalsModalLabel">{{ __('firefly.page_settings_header') }}</h1>
<div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<h1 class="modal-title fs-5" id="filterModalLabel">TODO Options dialog</h1> </div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-body">
</div> <p>
<div class="modal-body"> Body
Bla bla bla </p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><em <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('firefly.close') }}</button>
class="fa-solid fa-right-from-bracket"></em> Cancel </div>
</button>
<button type="button" class="btn btn-primary" data-bs-dismiss="modal"><em
class="fa-solid fa-magnifying-glass"></em> Search
</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@endsection @endsection
@section('scripts') @section('scripts')
@vite(['src/pages/dashboard/dashboard.js']) @vite(['src/pages/dashboard/dashboard.js'])