| @@ -1,5 +1,7 @@ | ||
| 1 | 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'); | |
| 2 | 4 | if ($form->type === self::SUB_FORM_TYPE_POPUP) { |
| 3 | 5 | $positions = ['image-top', 'image-bottom', 'image-right', 'image-left']; |
| 4 | 6 | } else { |
| 5 | 7 | $positions = ['button-left', 'button-right']; |
| @@ -5,25 +7,59 @@ | ||
| 5 | 7 | $positions = ['button-left', 'button-right']; |
| 6 | 8 | } |
| 7 | 9 | ?> |
| 8 | 10 | <div class="cell grid-x auto"> |
| 9 | - <input type="hidden" v-model="<?php echo acym_escape($vModel); ?>" name="<?php echo acym_escape($name); ?>"> | |
| 11 | + <input type="hidden" v-model="<?php echo esc_attr($vModel); ?>" name="<?php echo esc_attr($name); ?>"> | |
| 10 | 12 | <?php |
| 11 | 13 | foreach ($positions as $value) { |
| 12 | - $class = ':class="{\'position_selected\': '.$vModel.' === \''.$value.'\'}"'; | |
| 13 | - $click = '@click="selectPosition(\''.$value.'\')"'; | |
| 14 | 14 | if ($value === 'button-left') { |
| 15 | - echo '<span class="cell shrink acym__forms__menu__position__button acym_vcenter" '.$class.' '.$click.'><i class="acymicon-crop-16-9"></i><i class="acymicon-menu"></i></span>'; | |
| 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>'; | |
| 16 | 22 | } elseif ($value === 'button-right') { |
| 17 | - echo '<span class="cell shrink acym__forms__menu__position__button acym_vcenter" '.$class.' '.$click.'><i class="acymicon-menu"></i><i class="acymicon-crop-16-9"></i></span>'; | |
| 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>'; | |
| 18 | 30 | } elseif ($value === 'image-top') { |
| 19 | - echo '<span class="cell shrink acym__forms__menu__position__button acym_vcenter grid-x text-center" '.$class.' '.$click.'><i class="acymicon-insert-photo cell"></i><i class="acymicon-menu cell"></i></span>'; | |
| 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>'; | |
| 20 | 38 | } elseif ($value === 'image-bottom') { |
| 21 | - echo '<span class="cell shrink acym__forms__menu__position__button acym_vcenter grid-x text-center" '.$class.' '.$click.'><i class="acymicon-menu cell"></i><i class="acymicon-insert-photo cell"></i></span>'; | |
| 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>'; | |
| 22 | 46 | } elseif ($value === 'image-right') { |
| 23 | - echo '<span class="cell shrink acym__forms__menu__position__button acym_vcenter" '.$class.' '.$click.'><i class="acymicon-menu"></i><i class="acymicon-insert-photo"></i></span>'; | |
| 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>'; | |
| 24 | 54 | } elseif ($value === 'image-left') { |
| 25 | - echo '<span class="cell shrink acym__forms__menu__position__button acym_vcenter" '.$class.' '.$click.'><i class="acymicon-insert-photo"></i><i class="acymicon-menu"></i></span>'; | |
| 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>'; | |
| 26 | 62 | } |
| 27 | 63 | } |
| 28 | 64 | ?> |
| 29 | 65 | </div> |