📁 Captain File Manager

✏️ Editing: atomic-image.html.twig

{% if settings.image.src is not empty %}
	{% set id_attribute = settings._cssid is not empty ? 'id=' ~ settings._cssid | e('html_attr') : '' %}	
	{% if settings.link.href %}
		<{{ settings.link.tag | e('html_tag') }}
			{% set linkAttr = settings.link.tag == 'a' ? 'href' : 'data-action-link' %}
			{{ linkAttr }}="{{ settings.link.href | raw }}"
			class="{{ base_styles['link-base'] }}"
			target="{{ settings.link.target }}"
			data-interaction-id="{{ id }}"
			data-interactions="{{ interactions | json_encode | e('html_attr') }}"
		>
	{% endif %}
	<img class="{{ base_styles['base'] }} {{ settings.classes | join(' ') }}" 
		{% if not settings.link.href %}
			data-interaction-id="{{ id }}" 
			data-interactions="{{ interactions | json_encode | e('html_attr') }}"
		{% endif %} 
		{{ id_attribute }} {{ settings.attributes | raw }}
		{% for attr, value in settings.image %}
			{% if attr == 'src' %}
				src="{{ value | e('full_url') }}"
			{% else %}
				{{ attr | e('html_attr') }}="{{ value }}"
			{% endif %}
		{% endfor %}
	/>
	{% if settings.link.href %}
		</{{ settings.link.tag | e('html_tag') }}>
	{% endif %}
{% endif %}