| @@ -1,0 +1,65 @@ | ||
| 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> | |