CFF_Actionbutton_Control.php
2 weeks ago
CFF_Checkbox_Control.php
2 weeks ago
CFF_Checkboxsection_Control.php
2 weeks ago
CFF_Coloroverride_Control.php
2 weeks ago
CFF_Colorpicker_Control.php
2 weeks ago
CFF_Controls_Base.php
2 weeks ago
CFF_Customview_Control.php
2 weeks ago
CFF_Datepicker_Control.php
2 weeks ago
CFF_Heading_Control.php
2 weeks ago
CFF_Hidden_Control.php
2 weeks ago
CFF_Number_Control.php
2 weeks ago
CFF_Select_Control.php
2 weeks ago
CFF_Separator_Control.php
2 weeks ago
CFF_Switcher_Control.php
2 weeks ago
CFF_Text_Control.php
2 weeks ago
CFF_Textarea_Control.php
2 weeks ago
CFF_Toggle_Control.php
2 weeks ago
CFF_Togglebutton_Control.php
2 weeks ago
CFF_Toggleset_Control.php
2 weeks ago
index.php
2 weeks ago
CFF_Toggleset_Control.php
75 lines
| 1 | <?php |
| 2 | |
| 3 | /** |
| 4 | * Customizer Builder |
| 5 | * Toggle Set Control |
| 6 | * |
| 7 | * @since 4.0 |
| 8 | */ |
| 9 | |
| 10 | namespace CustomFacebookFeed\Builder\Controls; |
| 11 | |
| 12 | if (!defined('ABSPATH')) { |
| 13 | exit; |
| 14 | } |
| 15 | |
| 16 | class CFF_Toggleset_Control extends CFF_Controls_Base |
| 17 | { |
| 18 | /** |
| 19 | * Get control type. |
| 20 | * |
| 21 | * Getting the Control Type |
| 22 | * |
| 23 | * @since 4.0 |
| 24 | * @access public |
| 25 | * |
| 26 | * @return string |
| 27 | */ |
| 28 | public function get_type() |
| 29 | { |
| 30 | return 'toggleset'; |
| 31 | } |
| 32 | |
| 33 | /** |
| 34 | * Output Control |
| 35 | * |
| 36 | * @since 4.0 |
| 37 | * @access public |
| 38 | * |
| 39 | * @return HTML |
| 40 | */ |
| 41 | public function get_control_output($controlEditingTypeModel) |
| 42 | { |
| 43 | ?> |
| 44 | <div class="sb-control-toggle-set-ctn cff-fb-fs" |
| 45 | role="radiogroup" |
| 46 | :aria-label="control.heading || control.label || control.id"> |
| 47 | <div class="sb-control-toggle-elm cff-fb-fs sb-tr-2" v-for="(toggle, toggleIndex) in control.options" |
| 48 | role="radio" |
| 49 | :aria-checked="<?php echo $controlEditingTypeModel ?>[control.id] == toggle.value ? 'true' : 'false'" |
| 50 | :aria-disabled="toggle.checkExtension != undefined ? !checkExtensionActive(toggle.checkExtension) : false" |
| 51 | :tabindex="<?php echo $controlEditingTypeModel ?>[control.id] == toggle.value ? 0 : (<?php echo $controlEditingTypeModel ?>[control.id] == undefined && toggleIndex === 0 ? 0 : -1)" |
| 52 | :data-toggle-value="toggle.value" |
| 53 | :data-active="<?php echo $controlEditingTypeModel ?>[control.id] == toggle.value" |
| 54 | @click.prevent.default="changeSettingValue(control.id,toggle.value, toggle.checkExtension != undefined ? checkExtensionActive(toggle.checkExtension) : true)" |
| 55 | @keydown.space.prevent="changeSettingValue(control.id,toggle.value, toggle.checkExtension != undefined ? checkExtensionActive(toggle.checkExtension) : true)" |
| 56 | @keydown.enter.prevent="changeSettingValue(control.id,toggle.value, toggle.checkExtension != undefined ? checkExtensionActive(toggle.checkExtension) : true)" |
| 57 | @keydown.left.prevent="onTogglesetArrowKey($event, control, 'prev')" |
| 58 | @keydown.up.prevent="onTogglesetArrowKey($event, control, 'prev')" |
| 59 | @keydown.right.prevent="onTogglesetArrowKey($event, control, 'next')" |
| 60 | @keydown.down.prevent="onTogglesetArrowKey($event, control, 'next')" |
| 61 | @keydown.home.prevent="onTogglesetArrowKey($event, control, 'first')" |
| 62 | @keydown.end.prevent="onTogglesetArrowKey($event, control, 'last')" |
| 63 | v-show="toggle.condition != undefined ? checkControlCondition(toggle.condition) : true" |
| 64 | :data-disabled="toggle.checkExtension != undefined ? !checkExtensionActive(toggle.checkExtension) : false"> |
| 65 | <div class="sb-control-toggle-extension-cover" |
| 66 | aria-hidden="true" |
| 67 | v-show="toggle.checkExtension != undefined && !checkExtensionActive(toggle.checkExtension)"></div> |
| 68 | <div class="sb-control-toggle-deco sb-tr-1"></div> |
| 69 | <div class="sb-control-toggle-icon" v-if="toggle.icon" v-html="svgIcons[toggle.icon]"></div> |
| 70 | <div class="sb-control-label" v-html="toggle.label"></div> |
| 71 | </div> |
| 72 | </div> |
| 73 | <?php |
| 74 | } |
| 75 | } |