AS1024/itflow
1
0
Fork 0
mirror of https://github.com/itflow-org/itflow synced 2026-02-28 02:44:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added data-modal-size to the new ajax generic modal functin to define modal size if left blank it will use standard md, also moved Email Message View to use the new ajax modal

Browse Source
This commit is contained in:
johnnyq
2025-02-15 17:02:35 -05:00
parent 36e1df93bb
commit ed0b192f5b
4 changed files with 37 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
js/generic_modal_loader.js
View File

@@ -1,12 +1,16 @@
// Generic Ajax Modal Load Script
//
/*Trigger Button using data-ajax attributes -->
<button type="button"
class="btn btn-primary ajax-trigger"
data-ajax-url="ajax_contact_edit.php"
data-ajax-id="123">
Edit Contact
</button>
/* Example Triggering -->
<button type="button"
class="btn btn-primary"
data-toggle = "ajax-modal" // Triggers the AJAX Modal
data-modal-size = "lg" // Optional: Defaults to md
data-ajax-url="ajax/ajax_contact_edit.php"
data-ajax-id="123">
Edit Contact
</button>
*/
$(document).on('click', '[data-toggle="ajax-modal"]', function (e) {
e.preventDefault();
@@ -15,6 +19,7 @@ $(document).on('click', '[data-toggle="ajax-modal"]', function (e) {
var $trigger = $(this);
var ajaxUrl = $trigger.data('ajax-url');
var ajaxId = $trigger.data('ajax-id');
var modalSize = $trigger.data('modal-size') || 'md';
// Make the AJAX call to fetch modal content.
$.ajax({
@@ -38,7 +43,7 @@ $(document).on('click', '[data-toggle="ajax-modal"]', function (e) {
// Build the modal HTML using the returned title and content.
var modalHtml =
'<div class="modal text-sm" id="' + modalId + '" tabindex="-1">' +
' <div class="modal-dialog">' +
' <div class="modal-dialog modal-'+ modalSize +'">' +
' <div class="modal-content bg-dark">' +
' <div class="modal-header">' +
' <h5 class="modal-title" id="' + modalId + 'Label">' + response.title + '</h5>' +