fix: move test modal to view body, wire button via addEventListener
Razor section forwarding across nested layouts is unreliable. Modal div and script are now directly in Edit.cshtml body (not in any section) so they are always in the DOM when the page renders. Button uses addEventListener instead of inline onclick to decouple from layout rendering order. Ref: IT-628 Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
@@ -123,7 +123,7 @@
|
|||||||
</button>
|
</button>
|
||||||
@if (!Model.IsNew)
|
@if (!Model.IsNew)
|
||||||
{
|
{
|
||||||
<button type="button" class="btn btn-success" onclick="new bootstrap.Modal(document.getElementById('testModal')).show()">
|
<button type="button" class="btn btn-success" id="testModalBtn">
|
||||||
<i class="bi bi-send me-1"></i> Test
|
<i class="bi bi-send me-1"></i> Test
|
||||||
</button>
|
</button>
|
||||||
}
|
}
|
||||||
@@ -135,7 +135,6 @@
|
|||||||
|
|
||||||
@if (!Model.IsNew)
|
@if (!Model.IsNew)
|
||||||
{
|
{
|
||||||
@section Scripts {
|
|
||||||
<div class="modal fade" id="testModal" tabindex="-1">
|
<div class="modal fade" id="testModal" tabindex="-1">
|
||||||
<div class="modal-dialog modal-dialog-centered">
|
<div class="modal-dialog modal-dialog-centered">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
@@ -159,6 +158,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
document.getElementById('testModalBtn').addEventListener('click', function () {
|
||||||
|
bootstrap.Modal.getOrCreateInstance(document.getElementById('testModal')).show();
|
||||||
|
});
|
||||||
|
|
||||||
async function sendTestEmail(channelId) {
|
async function sendTestEmail(channelId) {
|
||||||
const toEmail = document.getElementById('testToEmail').value.trim();
|
const toEmail = document.getElementById('testToEmail').value.trim();
|
||||||
const resultDiv = document.getElementById('testResult');
|
const resultDiv = document.getElementById('testResult');
|
||||||
@@ -195,4 +198,3 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|||||||
@@ -14,7 +14,3 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@section Scripts {
|
|
||||||
@RenderSection("Scripts", required: false)
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user