| Current Path : /var/www/administrator/components/com_acym/partial/forms/ |
| Current File : /var/www/administrator/components/com_acym/partial/forms/popup.php |
<div id="acym_fulldiv_<?php echo $form->form_tag_name; ?>" class="acym__subscription__form__popup__overlay acym__subscription__form-erase">
<div class="acym__subscription__form__popup">
<p class="acym__subscription__form__popup__close">X</p>
<?php
if ($edition) {
echo '<form action="#" onsubmit="return false;" id="'.$form->form_tag_name.'">';
} else {
$cookieExpirationAttr = empty($form->cookie['cookie_expiration']) ? 'acym-data-cookie="1"' : 'acym-data-cookie="'.$form->cookie['cookie_expiration'].'"';
echo '<form acym-data-id="'.$form->id.'" '.$cookieExpirationAttr.' action="'.$form->form_tag_action.'" id="'.$form->form_tag_name.'" name="'.$form->form_tag_name.'" enctype="multipart/form-data" onsubmit="return submitAcymForm(\'subscribe\',\''.$form->form_tag_name.'\', \'acymSubmitSubForm\')">';
}
if (in_array($form->style_options['position'], ['image-top', 'image-left'])) {
if (!empty($form->message_options['text']) && $form->message_options['position'] == 'before-image') {
echo '<p id="acym__subscription__form__popup-text">'.$form->message_options['text'].'</p>';
}
include acym_getPartial('forms', 'image');
}
echo '<div class="acym__subscription__form__popup__fields-button">';
include acym_getPartial('forms', 'fields');
if (!empty($form->message_options['text']) && $form->message_options['position'] == 'before-button') {
echo '<p id="acym__subscription__form__popup-text">'.$form->message_options['text'].'</p>';
}
include acym_getPartial('forms', 'button');
echo '</div>';
if (in_array($form->style_options['position'], ['image-bottom', 'image-right'])) {
if (!empty($form->message_options['text']) && $form->message_options['position'] == 'before-image') {
echo '<p id="acym__subscription__form__popup-text">'.$form->message_options['text'].'</p>';
}
include acym_getPartial('forms', 'image');
}
include acym_getPartial('forms', 'hidden_params');
?>
</form>
</div>
</div>
<style>
<?php echo '#acym_fulldiv_'.$form->form_tag_name; ?>.acym__subscription__form__popup__overlay{
display: <?php echo $edition ? 'inline' : 'none';?>;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(200, 200, 200, .5);
z-index: 999999;
}
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup__close{
position: absolute;
top: 10px;
right: 10px;
font-weight: bold;
font-size: 1rem;
cursor: pointer;
}
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup{
position: fixed;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
padding: <?php echo $form->style_options['padding']['height'];?>px <?php echo $form->style_options['padding']['width'];?>px;
background-color: <?php echo $form->style_options['background_color'];?>;
color: <?php echo $form->style_options['text_color'];?> !important;
z-index: 999999;
text-align: center;
display: flex;
justify-content: center;
align-items: center
}
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup .responseContainer{
margin-bottom: 0 !important;
padding: .4rem !important;
}
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup <?php echo '#'.$form->form_tag_name;?>{
margin: 0;
}
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup .acym__subscription__form__fields, <?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup .acym__subscription__form__button{
display: block;
width: 100%;
margin: 1rem 0 !important;
}
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup .acym__subscription__form__fields input:not([type="radio"]):not([type="checkbox"]), <?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup .acym__subscription__form__fields label{
display: block;
}
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup .acym__subscription__form__fields input[type="radio"], <?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup .acym__subscription__form__fields input[type="checkbox"]{
margin-left: 5px;
}
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup .acym__subscription__form__fields .acym__subscription__form__lists{
display: block;
width: 100%;
margin: 1rem 10px !important;
}
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>#acym__subscription__form__popup-text{
color: <?php echo $form->message_options['color']?>;
}
<?php if (in_array($form->style_options['position'], ['image-right', 'image-left'])){?>
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup <?php echo '#'.$form->form_tag_name;?>{
display: flex;
justify-content: center;
align-items: center
}
<?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__popup__fields-button, <?php echo '#acym_fulldiv_'.$form->form_tag_name.' '; ?>.acym__subscription__form__image{
display: inline-block;
}
<?php }?>
</style>
<?php if (!$edition) { ?>
<script type="text/javascript">
function acym_closePopupform<?php echo $form->form_tag_name;?>(element) {
element.style.display = 'none';
let exdate = new Date();
exdate.setDate(exdate.getDate() + <?php echo empty($form->cookie['cookie_expiration']) ? 1 : $form->cookie['cookie_expiration'];?>);
document.cookie = 'acym_form_<?php echo $form->id;?>=' + Date.now() + ';expires=' + exdate.toUTCString() + ';path=/';
}
document.querySelector('.acym__subscription__form__popup__overlay').addEventListener('click', function (event) {
if (event.target.closest('.acym__subscription__form__popup') === null) {
acym_closePopupform<?php echo $form->form_tag_name;?>(this);
}
});
document.querySelector('.acym__subscription__form__popup__close').addEventListener('click', function (event) {
acym_closePopupform<?php echo $form->form_tag_name;?>(event.target.closest('.acym__subscription__form__popup__overlay'));
});
setTimeout(function () {
let acym_popupForm = document.querySelector('.acym__subscription__form__popup__overlay');
if (acym_popupForm !== null) {
acym_popupForm.style.display = 'inline';
}
}, <?php echo $form->delay * 1000;?>);
</script>
<?php } ?>
<?php if (!$edition) include acym_getPartial('forms', 'cookie'); ?>