Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mets.corals.io/wp-content/plugins/ultimate-blocks/src/blocks/number-box/ |
export const oldAttributes = {
column: {
type: 'string',
default: '2'
},
columnOneNumber: {
type: 'array',
source: 'children',
selector: '.ub_number_one_number'
},
columnTwoNumber: {
type: 'array',
source: 'children',
selector: '.ub_number_two_number'
},
columnThreeNumber: {
type: 'array',
source: 'children',
selector: '.ub_number_three_number'
},
columnOneTitle: {
type: 'array',
source: 'children',
selector: '.ub_number_one_title'
},
columnTwoTitle: {
type: 'array',
source: 'children',
selector: '.ub_number_two_title'
},
columnThreeTitle: {
type: 'array',
source: 'children',
selector: '.ub_number_three_title'
},
columnOneBody: {
type: 'array',
source: 'children',
selector: '.ub_number_one_body'
},
columnTwoBody: {
type: 'array',
source: 'children',
selector: '.ub_number_two_body'
},
columnThreeBody: {
type: 'array',
source: 'children',
selector: '.ub_number_three_body'
},
numberBackground: {
type: 'string',
default: '#CCCCCC'
},
numberColor: {
type: 'string',
default: '#000000'
},
borderColor: {
type: 'string',
default: '#CCCCCC'
},
title1Align: {
type: 'string',
default: 'center'
},
title2Align: {
type: 'string',
default: 'center'
},
title3Align: {
type: 'string',
default: 'center'
},
body1Align: {
type: 'string',
default: 'left'
},
body2Align: {
type: 'string',
default: 'left'
},
body3Align: {
type: 'string',
default: 'left'
}
};
export const version_1_1_2 = props => {
const {
column,
columnOneNumber,
columnTwoNumber,
columnThreeNumber,
columnOneTitle,
columnTwoTitle,
columnThreeTitle,
columnOneBody,
columnTwoBody,
columnThreeBody,
numberBackground,
numberColor,
borderColor
} = props.attributes;
return (
<div className={props.className}>
<div className={`ub_number_box column_${column}`}>
<div
className="ub_number_1"
style={{
borderColor: borderColor
}}
>
<div
className="ub_number_box_number"
style={{
backgroundColor: numberBackground
}}
>
<p
className="ub_number_one_number"
style={{
color: numberColor
}}
>
{columnOneNumber}
</p>
</div>
<p className="ub_number_one_title">{columnOneTitle}</p>
<p className="ub_number_one_body">{columnOneBody}</p>
</div>
<div
className="ub_number_2"
style={{
borderColor: borderColor
}}
>
<div
className="ub_number_box_number"
style={{
backgroundColor: numberBackground
}}
>
<p
className="ub_number_two_number"
style={{
color: numberColor
}}
>
{columnTwoNumber}
</p>
</div>
<p className="ub_number_two_title">{columnTwoTitle}</p>
<p className="ub_number_two_body">{columnTwoBody}</p>
</div>
<div
className="ub_number_3"
style={{
borderColor: borderColor
}}
>
<div
className="ub_number_box_number"
style={{
backgroundColor: numberBackground
}}
>
<p
className="ub_number_three_number"
style={{
color: numberColor
}}
>
{columnThreeNumber}
</p>
</div>
<p className="ub_number_three_title">{columnThreeTitle}</p>
<p className="ub_number_three_body">{columnThreeBody}</p>
</div>
</div>
</div>
);
};
export const version_1_1_5 = props => {
const {
column,
columnOneNumber,
columnTwoNumber,
columnThreeNumber,
columnOneTitle,
columnTwoTitle,
columnThreeTitle,
columnOneBody,
columnTwoBody,
columnThreeBody,
numberBackground,
numberColor,
borderColor,
title1Align,
title2Align,
title3Align,
body1Align,
body2Align,
body3Align
} = props.attributes;
return (
<div className={props.className}>
<div className={`ub_number_box column_${column}`}>
<div
className="ub_number_1"
style={{
borderColor: borderColor
}}
>
<div
className="ub_number_box_number"
style={{
backgroundColor: numberBackground
}}
>
<p
className="ub_number_one_number"
style={{
color: numberColor
}}
>
{columnOneNumber}
</p>
</div>
<p
className="ub_number_one_title"
style={{ textAlign: title1Align }}
>
{columnOneTitle}
</p>
<p
className="ub_number_one_body"
style={{ textAlign: body1Align }}
>
{columnOneBody}
</p>
</div>
<div
className="ub_number_2"
style={{
borderColor: borderColor
}}
>
<div
className="ub_number_box_number"
style={{
backgroundColor: numberBackground
}}
>
<p
className="ub_number_two_number"
style={{
color: numberColor
}}
>
{columnTwoNumber}
</p>
</div>
<p
className="ub_number_two_title"
style={{ textAlign: title2Align }}
>
{columnTwoTitle}
</p>
<p
className="ub_number_two_body"
style={{ textAlign: body2Align }}
>
{columnTwoBody}
</p>
</div>
<div
className="ub_number_3"
style={{
borderColor: borderColor
}}
>
<div
className="ub_number_box_number"
style={{
backgroundColor: numberBackground
}}
>
<p
className="ub_number_three_number"
style={{
color: numberColor
}}
>
{columnThreeNumber}
</p>
</div>
<p
className="ub_number_three_title"
style={{ textAlign: title3Align }}
>
{columnThreeTitle}
</p>
<p
className="ub_number_three_body"
style={{ textAlign: body3Align }}
>
{columnThreeBody}
</p>
</div>
</div>
</div>
);
};