JezK

Edit File: design.php

<?php
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- View file, its variables are local to the include scope, not true globals.
defined('ABSPATH') || die('Restricted Access');
?>
<div id="acym__wysid__right__toolbar__design" class="cell grid-y acym__wysid__right__toolbar--menu">
	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
        <?php echo esc_html(acym_translation('ACYM_ZONES')); ?>
		<i class="acymicon-keyboard-arrow-up"></i>
        <?php acym_info(['textShownInTooltip' => 'ACYM_INTRO_DRAG_ZONE']); ?>
	</p>
	<div class="acym__wysid__context__modal__container grid-x grid-margin-x grid-margin-y cell xxlarge-up-3 large-up-2 medium-up-1 small-up-1 acym__wysid__right__toolbar__design--show acym__wysid__right__toolbar__zones">
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--1 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                    <rect class="acym__wysid__row__element__type" width="80.8" height="100"></rect>
                                </svg>
		</div>
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--2 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                <rect class="acym__wysid__row__element__type" width="36.8" height="100"></rect>
				<rect x="44" class="acym__wysid__row__element__type" width="36.8" height="100"></rect>
                                </svg>
		</div>
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--3 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                <rect y="0.5" class="acym__wysid__row__element__type" width="24.2" height="100"></rect>
				<rect x="28.5" y="0.5" class="acym__wysid__row__element__type" width="24.2" height="100"></rect>
				<rect x="57" y="0.5" class="acym__wysid__row__element__type" width="24.2" height="100"></rect>
                                </svg>
		</div>
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--4 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                <rect x="65.6" class="acym__wysid__row__element__type" width="15.8" height="100"></rect>
				<rect x="44.1" class="acym__wysid__row__element__type" width="15.8" height="100"></rect>
				<rect x="22.1" class="acym__wysid__row__element__type" width="15.8" height="100"></rect>
				<rect class="acym__wysid__row__element__type" width="15.8" height="100"></rect>
                                </svg>
		</div>
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--5 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                <rect x="55.6" class="acym__wysid__row__element__type" width="25.2" height="100"></rect>
				<rect class="acym__wysid__row__element__type" width="50.2" height="100"></rect>
                                </svg>
		</div>
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--6 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                    <rect class="acym__wysid__row__element__type" width="25.2" height="100"></rect>
				<rect x="31" class="acym__wysid__row__element__type" width="50.2" height="100"></rect>
                                </svg>
		</div>
	</div>

<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
        <?php echo esc_html(acym_translation('ACYM_BLOCKS')); ?>
		<i class="acymicon-keyboard-arrow-up"></i>
        <?php acym_info(['textShownInTooltip' => 'ACYM_INTRO_DRAG_BLOCK']); ?>
	</p>
	<div class="acym__wysid__context__modal__container grid-x grid-margin-x grid-margin-y cell xxlarge-up-3 large-up-2 medium-up-1 small-up-1 acym__wysid__right__toolbar__design--show acym__wysid__right__toolbar__blocks">
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--title ui-draggable ui-draggable-handle">
			<i class="cell acymicon-title"></i>
			<div class="cell"><?php echo esc_html(acym_translation('ACYM_TITLE')); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--text ui-draggable ui-draggable-handle">
			<i class="cell acymicon-format-align-justify"></i>
			<div class="cell"><?php echo esc_html(acym_translation('ACYM_TEXT')); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--button ui-draggable ui-draggable-handle">
			<i class="cell acymicon-crop-16-9"></i>
			<div class="cell"><?php echo esc_html(acym_translation('ACYM_BUTTON')); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--space ui-draggable ui-draggable-handle">
			<i class="cell acymicon-unfold-more"></i>
			<div class="cell"><?php echo esc_html(acym_translation('ACYM_SPACE')); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--picture ui-draggable ui-draggable-handle">
			<i class="cell acymicon-insert-photo"></i>
			<div class="cell"><?php echo esc_html(acym_translation('ACYM_IMAGE')); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--video ui-draggable ui-draggable-handle">
			<i class="cell acymicon-play-circle-filled"></i>
			<div class="cell"><?php echo esc_html(acym_translation('ACYM_VIDEO')); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--gif ui-draggable ui-draggable-handle">
			<i class="cell acymicon-gif"></i>
			<div class="cell">Gif</div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--unsplash ui-draggable ui-draggable-handle">
			<i class="cell acymicon-unsplash"></i>
			<div class="cell">Unsplash</div>
		</div>
        <?php
        // Display content plugins
        $plugins = acym_trigger('getPossibleIntegrations');

foreach ($plugins as $onePlugin) {
            echo '<div data-plugin="'.esc_attr($onePlugin->plugin).'" 
            		class="grid-x cell acym__wysid__block__element--new ui-draggable ui-draggable-handle"';
            if (!empty($onePlugin->title)) {
                echo ' title="'.esc_attr($onePlugin->title).'"';
            }
            echo '>';

if (empty($onePlugin->icontype) || $onePlugin->icontype === 'img') {
                echo '<img class="cell acym-plugin-icon" src="'.esc_url($onePlugin->icon).'" alt="icon"/>';
            } elseif ($onePlugin->icontype === 'raw') {
                echo wp_kses(
                    $onePlugin->icon,
                    [
                        'div' => [
                            'class' => true,
                        ],
                        'i' => [
                            'class' => true,
                        ],
                    ]
                );
            }

echo '<div class="cell">'.esc_html($onePlugin->name).'</div>';
            echo '</div>';
        }
        ?>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--follow ui-draggable ui-draggable-handle">
			<i class="cell acymicon-facebook"></i>
			<div class="cell"><?php echo esc_html(acym_translation('ACYM_FOLLOW')); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--separator ui-draggable ui-draggable-handle">
			<i class="cell acymicon-more-horizontal"></i>
			<div class="cell"><?php echo esc_html(acym_translation('ACYM_SEPARATOR')); ?></div>
		</div>
	</div>

<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
        <?php echo esc_html(acym_translation('ACYM_SAVED_ZONES')); ?>
		<i class="acymicon-keyboard-arrow-up"></i>
        <?php acym_info(['textShownInTooltip' => 'ACYM_SAVED_ZONES_DESC']); ?>
	</p>
	<div class="acym__wysid__context__modal__container grid-x grid-margin-x grid-margin-y cell xxlarge-up-3 large-up-2 medium-up-1 small-up-1 acym__wysid__right__toolbar__design--show acym__wysid__right__toolbar__saved_zones margin-bottom-2">
        <?php
        if (empty($data['custom_zones'])) {
            echo '<div id="custom_zones_none_message" class="margin-horizontal-1 margin-bottom-1">'.esc_html(acym_translation('ACYM_NO_CUSTOM_ZONE')).'</div>';
        } else {
            foreach ($data['custom_zones'] as $oneZone) {
                echo '<div class="grid-x cell acym__wysid__zone__element--new ui-draggable ui-draggable-handle" data-acym-zone-id="'.esc_attr($oneZone->id).'">';
                if (acym_isAdmin()) {
                    echo '<i class="acymicon-delete"></i>';
                }
                if (empty($oneZone->image)) {
                    echo '<i class="cell acymicon-dashboard"></i>';
                } else {
                    echo '<img class="cell saved_zone_image" alt="Logo custom zone" src="'.esc_url(acym_rootURI().$oneZone->image).'" />';
                }
                echo '<div class="cell">'.esc_html($oneZone->name).'</div>';
                echo '</div>';
            }
        }
        ?>
	</div>
</div>