JezK

Edit File: modal.php

<?php
defined('ABSPATH') || die('Restricted Access');

/**
 * Add the attribute data-open (should be the ID of the modal) to any element to make it open the modal.
 */
function acym_modal(
    string  $button,
    string  $data,
    ?string $id = null,
    array   $attributesModal = [],
    array   $attributesButton = [],
    bool    $isButton = true,
    bool    $isLarge = true,
    string  $classesModal = ''
): void {
    if (empty($id)) {
        $id = 'acymodal_'.acym_rand(1000, 9000);
    }

//TODO test with data-iframe param since it's a partial URL
    $attributesButton['data-open'] = $id;

$attributesModal['class'] = 'reveal '.$classesModal;
    $attributesModal['id'] = $id;
    $attributesModal['data-reveal'] = '';
    if ($isLarge) {
        $attributesModal['data-reveal-larger'] = '';
    }

if ($isButton) {
        echo '<button type="button" ';
        foreach ($attributesButton as $oneAttribute => $oneValue) {
            if (is_array($oneValue) || is_object($oneValue)) {
                $oneValue = json_encode($oneValue);
            } elseif ($oneValue === true) {
                $oneValue = $oneAttribute;
            }

echo ' '.esc_attr($oneAttribute).'="'.esc_attr($oneValue).'"';
        }
        echo '>';
    }
    echo wp_kses(
        $button,
        [
            'i' => [
                'class' => true,
                'data-acy-elementid' => true,
                'data-open' => true,
                'data-ajax' => true,
                'data-iframe' => true,
                'data-iframe-class' => true,
                'id' => true,
                'acym-data-domain' => true,
            ],
            'input' => [
                'data-open' => true,
                'class' => true,
                'type' => true,
                'value' => true,
                'readonly' => true,
                'onchange' => true,
            ],
            'span' => [
                'class' => true,
            ],
            'div' => [
                'class' => true,
                'id' => true,
                'data-iframe' => true,
                'data-iframe-class' => true,
                'data-open' => true,
            ],
        ]
    );
    if ($isButton) {
        echo '</button>';
    }

echo '<div ';
    foreach ($attributesModal as $oneAttribute => $oneValue) {
        if (is_array($oneValue) || is_object($oneValue)) {
            $oneValue = json_encode($oneValue);
        } elseif ($oneValue === true) {
            $oneValue = $oneAttribute;
        }

echo ' '.esc_attr($oneAttribute).'="'.esc_attr($oneValue).'"';
    }
    echo '>';
    // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped by the caller, too many cases.
    echo $data;
    echo '<button class="close-button" data-close aria-label="Close reveal" type="button">';
    echo '<span aria-hidden="true">&times;</span>';
    echo '</button></div>';
}

function acym_modalInclude(
    string $button,
    string $file,
    string $id,
    array  $data,
    string $classModal = '',
    array  $containerAttributes = []
): void {
    if (empty($id)) {
        $id = 'acymodal_'.acym_rand(1000, 9000);
    }

// Both can be used in the included file
    $dataModal = $data;

$containerAttributes['data-open'] = $id;
    echo '<div ';
    foreach ($containerAttributes as $oneAttribute => $oneValue) {
        if (is_array($oneValue) || is_object($oneValue)) {
            $oneValue = json_encode($oneValue);
        } elseif ($oneValue === true) {
            $oneValue = $oneAttribute;
        }

echo ' '.esc_attr($oneAttribute).'="'.esc_attr($oneValue).'"';
    }
    echo '>';
    echo wp_kses(
        $button,
        [
            'button' => [
                'type' => true,
                'id' => true,
                'class' => true,
            ],
            'span' => [
                'class' => true,
            ],
            'b' => [],
        ]
    );
    echo '<div class="reveal '.esc_attr($classModal).'" id="'.esc_attr($id).'" data-reveal>';
    include $file;
    echo '<button type="button" class="close-button" data-close aria-label="Close reveal">';
    echo '<span aria-hidden="true">&times;</span>';
    echo '</button></div></div>';
}

function acym_modalPaginationLists(
    string $inputEventId,
    string $checkedLists = '[]',
    bool   $needDisplaySubscribers = false
): void {
    ?>
	<input type="hidden" id="<?php echo esc_attr($inputEventId); ?>">

<?php if ($needDisplaySubscribers) { ?>
		<input type="hidden" id="modal__pagination__need__display__sub">
    <?php } ?>

<div class="cell grid-x" style="display: none;" id="acym__popup__plugin__subscription__lists__modal">
		<input type="hidden" name="show_selected" value="false" id="modal__pagination__show-information">
		<input type="hidden" id="modal__pagination__search__lists">
		<input type="hidden" name="lists_selected" id="acym__modal__lists-selected" value="<?php echo esc_attr($checkedLists); ?>">
		<div class="cell grid-x">
			<h4 class="cell text-center acym__title acym__title__secondary">
                <?php echo esc_html(acym_translation('ACYM_CHOOSE_LISTS')); ?>
			</h4>
		</div>
		<div class="cell grid-x modal__pagination__search">
            <?php acym_filterSearch('', 'modal_search_lists'); ?>
		</div>
		<div class="cell text-center padding-top-1" id="modal__pagination__search__spinner" style="display: none">
			<i class="acymicon-circle-o-notch acymicon-spin"></i>
		</div>
		<div class="cell medium-6 modal__pagination__show">
			<a href="#" class="acym__color__blue modal__pagination__show-selected modal__pagination__show-button selected">
                <?php echo esc_html(acym_translation('ACYM_SHOW_SELECTED_LISTS')); ?>
			</a>
			<a href="#" class="acym__color__blue modal__pagination__show-all modal__pagination__show-button">
                <?php echo esc_html(acym_translation('ACYM_SHOW_ALL_LISTS')); ?>
			</a>
		</div>
		<div class="cell grid-x modal__pagination__listing__lists">
			<div class="cell modal__pagination__listing__lists__in-form"></div>
		</div>
	</div>
    <?php
}

function acym_frontModal(
    string  $iframeSrc,
    string  $buttonText,
    bool    $isButton,
    ?string $identifier = null,
    ?string $iframeClass = null
): string {
    static $loaded = false;
    if (empty($loaded)) {
        $loaded = true;
        acym_addStyle(false, ACYM_CSS.'modal.min.css?v='.filemtime(ACYM_MEDIA.'css'.DS.'modal.min.css'));
        acym_addScript(false, ACYM_JS.'modal.min.js?v='.filemtime(ACYM_MEDIA.'js'.DS.'modal.min.js'));
    }

if (empty($identifier)) {
        $identifier = 'identifier_'.acym_rand(1000, 9000);
    }

if (empty($iframeClass)) {
        $iframeClass = 'acym__modal__iframe';
    }

ob_start();
    ?>
	<a class="<?php echo $isButton ? 'btn ' : ''; ?>acym__modal__handle" data-acym-modal="<?php echo esc_attr($identifier); ?>" href="#">
        <?php echo esc_html(acym_translation($buttonText)); ?>
	</a>
	<div class="acym__modal" id="acym__modal__<?php echo esc_attr($identifier); ?>" style="display: none;">
		<div class="acym__modal__content">
			<div class="acym__modal__close"><span>&times;</span></div>
			<iframe class="<?php echo esc_attr($iframeClass); ?>" src="<?php echo esc_url($iframeSrc); ?>"></iframe>
		</div>
	</div>
    <?php
    return ob_get_clean();
}