| Server IP : 38.190.208.107 / Your IP : 216.73.217.46 Web Server : nginx/1.28.1 System : Linux ht2026040333114 6.1.0-10-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.37-1 (2023-07-03) x86_64 User : root ( 0) PHP Version : 8.2.28 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv,eval,assert,passthru,system,exec,shell_exec,popen,proc_open MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/wp.9/wp-content/themes/blocksy/inc/panel-builder/header/socials/ |
Upload File : |
import ctEvents from 'ct-events'
import { handleResponsiveSwitch } from '../../../../static/js/customizer/sync/helpers'
import { updateAndSaveEl } from '../../../../static/js/customizer/sync'
import {
responsiveClassesFor,
getRootSelectorFor,
assembleSelector,
mutateSelector,
} from '../../../../static/js/customizer/sync/helpers'
import { typographyOption } from '../../../../static/js/customizer/sync/variables/typography'
ctEvents.on(
'ct:header:sync:collect-variable-descriptors',
(variableDescriptors) => {
variableDescriptors['socials'] = ({ itemId }) => ({
socialsIconSize: {
selector: assembleSelector(getRootSelectorFor({ itemId })),
variable: 'theme-icon-size',
responsive: true,
unit: 'px',
},
socialsIconSpacing: {
selector: assembleSelector(getRootSelectorFor({ itemId })),
variable: 'items-spacing',
responsive: true,
unit: 'px',
},
headerSocialsMargin: {
selector: assembleSelector(getRootSelectorFor({ itemId })),
type: 'spacing',
variable: 'margin',
responsive: true,
important: true,
},
...typographyOption({
id: 'socials_label_font',
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '.ct-label',
})
),
}),
// default state
header_socials_font_color: [
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: 'a',
})
),
variable: 'theme-link-initial-color',
type: 'color:default',
responsive: true,
},
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: 'a',
})
),
variable: 'theme-link-hover-color',
type: 'color:hover',
responsive: true,
},
],
headerSocialsIconColor: [
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
})
),
variable: 'theme-icon-color',
type: 'color:default',
responsive: true,
},
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
})
),
variable: 'theme-icon-hover-color',
type: 'color:hover',
responsive: true,
},
],
headerSocialsIconBackground: [
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
})
),
variable: 'background-color',
type: 'color:default',
responsive: true,
},
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
})
),
variable: 'background-hover-color',
type: 'color:hover',
responsive: true,
},
],
// transparent state
transparent_header_socials_font_color: [
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: 'a',
}),
operation: 'between',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'theme-link-initial-color',
type: 'color:default',
responsive: true,
},
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: 'a',
}),
operation: 'between',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'theme-link-hover-color',
type: 'color:hover',
responsive: true,
},
],
transparentHeaderSocialsIconColor: [
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
}),
operation: 'between',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'theme-icon-color',
type: 'color:default',
responsive: true,
},
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
}),
operation: 'between',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'theme-icon-hover-color',
type: 'color:hover',
responsive: true,
},
],
transparentHeaderSocialsIconBackground: [
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
}),
operation: 'between',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'background-color',
type: 'color:default',
responsive: true,
},
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
}),
operation: 'between',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'background-hover-color',
type: 'color:hover',
responsive: true,
},
],
// sticky state
sticky_header_socials_font_color: [
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: 'a',
}),
operation: 'between',
to_add: '[data-sticky*="yes"]',
})
),
variable: 'theme-link-initial-color',
type: 'color:default',
responsive: true,
},
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: 'a',
}),
operation: 'between',
to_add: '[data-sticky*="yes"]',
})
),
variable: 'theme-link-hover-color',
type: 'color:hover',
responsive: true,
},
],
stickyHeaderSocialsIconColor: [
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
}),
operation: 'between',
to_add: '[data-sticky*="yes"]',
})
),
variable: 'theme-icon-color',
type: 'color:default',
responsive: true,
},
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
}),
operation: 'between',
to_add: '[data-sticky*="yes"]',
})
),
variable: 'theme-icon-hover-color',
type: 'color:hover',
responsive: true,
},
],
stickyHeaderSocialsIconBackground: [
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
}),
operation: 'between',
to_add: '[data-sticky*="yes"]',
})
),
variable: 'background-color',
type: 'color:default',
responsive: true,
},
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '[data-color="custom"]',
}),
operation: 'between',
to_add: '[data-sticky*="yes"]',
})
),
variable: 'background-hover-color',
type: 'color:hover',
responsive: true,
},
],
})
}
)
ctEvents.on(
'ct:header:sync:item:socials',
({ itemId, optionId, optionValue, values }) => {
const selector = `[data-id="${itemId}"]`
if (optionId === 'socialsType' || optionId === 'socialsFillType') {
updateAndSaveEl(selector, (el) => {
const box = el.querySelector('.ct-social-box')
box.dataset.iconsType = `${values.socialsType}${
values.socialsType === 'simple'
? ''
: `:${values.socialsFillType || 'solid'}`
}`
})
}
if (optionId === 'socialsIconSize') {
updateAndSaveEl(
selector,
(el) =>
(el.querySelector('.ct-social-box').dataset.size =
values.socialsIconSize)
)
}
if (optionId === 'socialsLabelVisibility') {
updateAndSaveEl(selector, (el) => {
;[...el.querySelectorAll('.ct-label')].map((label) => {
responsiveClassesFor(optionValue, label)
})
})
}
if (optionId === 'visibility') {
updateAndSaveEl(selector, (el) =>
responsiveClassesFor({ ...optionValue, desktop: true }, el)
)
}
}
)