119 lines
5.1 KiB
PHP
119 lines
5.1 KiB
PHP
<?php
|
|
|
|
/**
|
|
* @package Advanced Custom Fields
|
|
* @version 2.8.8 Pro
|
|
*
|
|
* @author Tassos Marinos <info@tassos.gr>
|
|
* @link https://www.tassos.gr
|
|
* @copyright Copyright © 2024 Tassos All Rights Reserved
|
|
* @license GNU GPLv3 <http://www.gnu.org/licenses/gpl.html> or later
|
|
*/
|
|
|
|
defined('_JEXEC') or die('Restricted access');
|
|
|
|
use Joomla\CMS\Language\Text;
|
|
use Joomla\CMS\Uri\Uri;
|
|
|
|
extract($displayData);
|
|
|
|
if (empty($images))
|
|
{
|
|
return;
|
|
}
|
|
|
|
use NRFramework\Functions;
|
|
|
|
if ($pro_items)
|
|
{
|
|
\NRFramework\HTML::renderProOnlyModal();
|
|
}
|
|
|
|
$value = !empty($value) ? $value : $images[0];
|
|
|
|
// Apply style via an array and use array_filter()
|
|
$styles = array_filter([
|
|
'--columns' => $columns,
|
|
'--max-width' => $width,
|
|
'--item-height' => isset($height) && !empty($height) ? $height : 'auto',
|
|
'--item-width' => $item_width,
|
|
'--image-width' => $image_width,
|
|
'--gap' => $gap,
|
|
'--item-gap' => $item_gap,
|
|
]);
|
|
$style_value = implode('', array_map(function($v, $k) {
|
|
return $k . ':' . $v . ';';
|
|
}, $styles, array_keys($styles)));
|
|
?>
|
|
<div class="nr-images-selector<?php echo !empty($class) ? ' ' . $class : ''; ?>" style="<?php echo $style_value; ?>">
|
|
<?php
|
|
if ($required)
|
|
{
|
|
?><input type="hidden" required class="required" id="<?php echo $id; ?>"/><?php
|
|
}
|
|
|
|
for ($i = 0; $i < count($images); $i++)
|
|
{
|
|
$img = $mode === null ? $images[$i] : $images[$i]['url'];
|
|
|
|
$label = isset($images[$i]['label']) ? ($mode === 'links' ? $images[$i]['label'] : null) : null;
|
|
|
|
$id = "nr-images-selector-" . md5(uniqid() . $img);
|
|
|
|
$atts = '';
|
|
|
|
$isPro = false;
|
|
$class = '';
|
|
|
|
if ($pro_items)
|
|
{
|
|
foreach ($pro_items as $item)
|
|
{
|
|
if (!Functions::endsWith($img, $item))
|
|
{
|
|
continue;
|
|
}
|
|
|
|
$isPro = true;
|
|
$class = 'is-pro';
|
|
$atts = 'data-pro-only="' . ($label ? $label : Text::_('NR_THIS_STYLE')) . '"';
|
|
}
|
|
}
|
|
|
|
$item_value = '';
|
|
|
|
if ($mode === null)
|
|
{
|
|
$item_value = $key_type === 'filename' ? pathinfo($img, PATHINFO_FILENAME) : $img;
|
|
}
|
|
else if ($mode === 'links')
|
|
{
|
|
$item_value = $images[$i]['key'];
|
|
}
|
|
|
|
$isChecked = $value == $item_value ? ' checked="checked"' : '';
|
|
?>
|
|
<div class="nr-images-selector-item image<?php echo $class ? ' ' . $class : ''; ?>"<?php echo $atts; ?>>
|
|
<?php if ($isPro): ?>
|
|
<div class="is-pro-overlay">
|
|
<span>
|
|
<svg class="lock-icon" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M252.309-100.001q-29.827 0-51.067-21.241-21.241-21.24-21.241-51.067v-375.382q0-29.827 21.241-51.067 21.24-21.241 51.067-21.241h47.692v-80q0-74.922 52.538-127.46Q405.078-879.997 480-879.997t127.461 52.538q52.538 52.538 52.538 127.46v80h47.692q29.827 0 51.067 21.241 21.241 21.24 21.241 51.067v375.382q0 29.827-21.241 51.067-21.24 21.241-51.067 21.241H252.309Zm227.691-190q29.154 0 49.576-20.423 20.423-20.422 20.423-49.576t-20.423-49.576Q509.154-429.999 480-429.999t-49.576 20.423Q410.001-389.154 410.001-360t20.423 49.576q20.422 20.423 49.576 20.423ZM360-619.999h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80Z" fill="currentColor" /></svg>
|
|
<svg class="unlock-icon" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M252.309-619.999H600v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85h-59.999q0-74.922 52.538-127.46Q405.078-879.997 480-879.997t127.461 52.538q52.538 52.538 52.538 127.46v80h47.692q29.827 0 51.067 21.241 21.241 21.24 21.241 51.067v375.382q0 29.827-21.241 51.067-21.24 21.241-51.067 21.241H252.309q-29.827 0-51.067-21.241-21.241-21.24-21.241-51.067v-375.382q0-29.827 21.241-51.067 21.24-21.241 51.067-21.241ZM480-290.001q29.154 0 49.576-20.423 20.423-20.422 20.423-49.576t-20.423-49.576Q509.154-429.999 480-429.999t-49.576 20.423Q410.001-389.154 410.001-360t20.423 49.576q20.422 20.423 49.576 20.423Z" fill="currentColor" /></svg>
|
|
</span>
|
|
</div>
|
|
<?php endif; ?>
|
|
<input type="radio" id="<?php echo $id; ?>" value="<?php echo !$isPro ? $item_value : ''; ?>" name="<?php echo !$isPro ? $name : ''; ?>"<?php echo $isChecked; ?> />
|
|
<label for="<?php echo $id; ?>">
|
|
<svg class="checkmark" width="20" height="20" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="currentColor" />
|
|
</svg>
|
|
<img src="<?php echo $mode === null ? Uri::root() . $img : $img; ?>" alt="<?php echo $img; ?>" />
|
|
<?php if (!empty($label)): ?>
|
|
<div class="item-label"><?php echo Text::_($label); ?></div>
|
|
<?php endif; ?>
|
|
</label>
|
|
</div>
|
|
<?php
|
|
}
|
|
?>
|
|
</div>
|