Show/hide journal

This commit is contained in:
2025-03-14 08:35:14 +00:00
parent 426c5092ba
commit 9c77d8ffb0

View File

@@ -79,16 +79,12 @@
.editable:hover { .editable:hover {
background:rgb(226, 43, 43); background:rgb(226, 43, 43);
} }
</style> </style>
</head> </head>
<body> <body>
<script> <script>
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
let id = "<?php echo $_GET['id'];?>"; let id = "<?php echo $_GET['id'];?>";
@@ -238,6 +234,7 @@ function opDetail() {
$journalCount = $journalResult->num_rows; $journalCount = $journalResult->num_rows;
// Add button to toggle journal entries // Add button to toggle journal entries
echo '<br><button onclick="window.close()">Close Window</button>';
echo ' <button onclick="toggleJournal()">Show Journal Entries (' . $journalCount . ')</button>'; echo ' <button onclick="toggleJournal()">Show Journal Entries (' . $journalCount . ')</button>';
echo '<div id="journal-entries" style="display:none;">'; echo '<div id="journal-entries" style="display:none;">';
echo '<h3>Journal Entries</h3>'; echo '<h3>Journal Entries</h3>';
@@ -286,15 +283,17 @@ switch($_GET['op']) {
} }
?> ?>
<p><center><button onclick="window.close()">Close Window</button></center>
<script> <script>
function toggleJournal() { function toggleJournal() {
var journalEntries = document.getElementById("journal-entries"); var journalEntries = document.getElementById("journal-entries");
var toggleButton = document.querySelector("button[onclick='toggleJournal()']");
if (journalEntries.style.display === "none") { if (journalEntries.style.display === "none") {
journalEntries.style.display = "block"; journalEntries.style.display = "block";
toggleButton.textContent = "Hide Journal Entries";
} else { } else {
journalEntries.style.display = "none"; journalEntries.style.display = "none";
toggleButton.textContent = "Show Journal Entries";
} }
} }
</script> </script>