| 1 |
<?php |
| 2 |
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- View file, its variables are local to the include scope, not true globals. |
| 3 |
defined('ABSPATH') || die('Restricted Access'); |
| 4 |
if ($form->type === self::SUB_FORM_TYPE_POPUP) { |
| 5 |
$positions = ['image-top', 'image-bottom', 'image-right', 'image-left']; |
| 6 |
} else { |
| 7 |
$positions = ['button-left', 'button-right']; |
| 8 |
} |
| 9 |
?> |
| 10 |
<div class="cell grid-x auto"> |
| 11 |
<input type="hidden" v-model="<?php echo esc_attr($vModel); ?>" name="<?php echo esc_attr($name); ?>"> |
| 12 |
<?php |
| 13 |
foreach ($positions as $value) { |
| 14 |
if ($value === 'button-left') { |
| 15 |
echo '<span |
| 16 |
class="cell shrink acym__forms__menu__position__button acym_vcenter" |
| 17 |
:class="{\'position_selected\': '.esc_attr($vModel).' === \''.esc_attr($value).'\'}" |
| 18 |
@click="selectPosition(\''.esc_attr($value).'\')" |
| 19 |
> |
| 20 |
<i class="acymicon-crop-16-9"></i><i class="acymicon-menu"></i> |
| 21 |
</span>'; |
| 22 |
} elseif ($value === 'button-right') { |
| 23 |
echo '<span |
| 24 |
class="cell shrink acym__forms__menu__position__button acym_vcenter" |
| 25 |
:class="{\'position_selected\': '.esc_attr($vModel).' === \''.esc_attr($value).'\'}" |
| 26 |
@click="selectPosition(\''.esc_attr($value).'\')" |
| 27 |
> |
| 28 |
<i class="acymicon-menu"></i><i class="acymicon-crop-16-9"></i> |
| 29 |
</span>'; |
| 30 |
} elseif ($value === 'image-top') { |
| 31 |
echo '<span |
| 32 |
class="cell shrink acym__forms__menu__position__button acym_vcenter grid-x text-center" |
| 33 |
:class="{\'position_selected\': '.esc_attr($vModel).' === \''.esc_attr($value).'\'}" |
| 34 |
@click="selectPosition(\''.esc_attr($value).'\')" |
| 35 |
> |
| 36 |
<i class="acymicon-insert-photo cell"></i><i class="acymicon-menu cell"></i> |
| 37 |
</span>'; |
| 38 |
} elseif ($value === 'image-bottom') { |
| 39 |
echo '<span |
| 40 |
class="cell shrink acym__forms__menu__position__button acym_vcenter grid-x text-center" |
| 41 |
:class="{\'position_selected\': '.esc_attr($vModel).' === \''.esc_attr($value).'\'}" |
| 42 |
@click="selectPosition(\''.esc_attr($value).'\')" |
| 43 |
> |
| 44 |
<i class="acymicon-menu cell"></i><i class="acymicon-insert-photo cell"></i> |
| 45 |
</span>'; |
| 46 |
} elseif ($value === 'image-right') { |
| 47 |
echo '<span |
| 48 |
class="cell shrink acym__forms__menu__position__button acym_vcenter" |
| 49 |
:class="{\'position_selected\': '.esc_attr($vModel).' === \''.esc_attr($value).'\'}" |
| 50 |
@click="selectPosition(\''.esc_attr($value).'\')" |
| 51 |
> |
| 52 |
<i class="acymicon-menu"></i><i class="acymicon-insert-photo"></i> |
| 53 |
</span>'; |
| 54 |
} elseif ($value === 'image-left') { |
| 55 |
echo '<span |
| 56 |
class="cell shrink acym__forms__menu__position__button acym_vcenter" |
| 57 |
:class="{\'position_selected\': '.esc_attr($vModel).' === \''.esc_attr($value).'\'}" |
| 58 |
@click="selectPosition(\''.esc_attr($value).'\')" |
| 59 |
> |
| 60 |
<i class="acymicon-insert-photo"></i><i class="acymicon-menu"></i> |
| 61 |
</span>'; |
| 62 |
} |
| 63 |
} |
| 64 |
?> |
| 65 |
</div> |
| 66 |
|
