feat: initial ACRIB WordPress deployment
- WordPress 6.9.4 (es_ES) with Kadence theme - Homepage: Hero, La Asociación, Pilares, Beneficios, Eventos, Miembros, Hazte Miembro, Contacto - Brand identity: #13294b navy, #a12932 burgundy, #c69c48 gold - Fonts: Raleway (headings) + Source Sans 3 (body) + Lato (UI) - Plugins: Kadence Blocks, Polylang, Contact Form 7 - Custom CSS with full brand styling and responsive layout - HTTPS enforced via wp-config.php proxy detection
This commit is contained in:
109
wp-content/themes/kadence/inc/meta/react/src/radio-icon.js
Normal file
109
wp-content/themes/kadence/inc/meta/react/src/radio-icon.js
Normal file
@@ -0,0 +1,109 @@
|
||||
/* jshint esversion: 6 */
|
||||
import PropTypes from 'prop-types';
|
||||
import Icons from './icons.js';
|
||||
import capitalizeFirstLetter from './capitalize-first.js';
|
||||
|
||||
import { __ } from '@wordpress/i18n';
|
||||
|
||||
import { ButtonGroup, Dashicon, Tooltip, Button } from '@wordpress/components';
|
||||
|
||||
const { Component, Fragment } = wp.element;
|
||||
class RadioIconComponent extends Component {
|
||||
constructor() {
|
||||
super( ...arguments );
|
||||
let baseDefault = 'default';
|
||||
this.defaultValue = this.props.default ? this.props.default : baseDefault;
|
||||
this.state = {
|
||||
value: this.props.value,
|
||||
};
|
||||
}
|
||||
render() {
|
||||
const controlLabel = (
|
||||
<Fragment>
|
||||
<Tooltip text={ __( 'Reset Values', 'kadence' ) }>
|
||||
<Button
|
||||
className="reset kadence-reset"
|
||||
disabled={ ( this.state.value === this.defaultValue ) }
|
||||
onClick={ () => {
|
||||
let value = this.defaultValue;
|
||||
this.setState( { value: this.defaultValue } );
|
||||
this.updateValues( value );
|
||||
} }
|
||||
>
|
||||
<Dashicon icon='image-rotate' />
|
||||
</Button>
|
||||
</Tooltip>
|
||||
{ this.props.label &&
|
||||
this.props.label
|
||||
}
|
||||
</Fragment>
|
||||
);
|
||||
return (
|
||||
<div className={ `kadence-control-field kadence-radio-icon-control${ ( this.props.customClass ? ' ' + this.props.customClass : '' ) }` }>
|
||||
{ this.props.label && (
|
||||
<div className="kadence-title-control-bar">
|
||||
<span className="customize-control-title">{ this.props.label }</span>
|
||||
</div>
|
||||
) }
|
||||
<ButtonGroup className="kadence-radio-container-control">
|
||||
{ Object.keys( this.props.options ).map( ( item ) => {
|
||||
return (
|
||||
<Fragment key={ item }>
|
||||
{ this.props.options[ item ].tooltip && (
|
||||
<Tooltip text={ this.props.options[ item ].tooltip }>
|
||||
<Button
|
||||
isTertiary
|
||||
className={ ( item === this.state.value ?
|
||||
'active-radio ' :
|
||||
'' ) + 'radio-item-' + item + ( this.props.options[ item ].icon && this.props.options[ item ].name ? ' btn-flex-col' : '' ) }
|
||||
onClick={ () => {
|
||||
let value = this.state.value;
|
||||
value = item;
|
||||
this.setState( { value: item });
|
||||
this.props.onChange( value );
|
||||
} }
|
||||
>
|
||||
{ this.props.options[ item ].icon && (
|
||||
<span className="kadence-radio-icon">
|
||||
{ Icons[ this.props.options[ item ].icon ] }
|
||||
</span>
|
||||
) }
|
||||
{ this.props.options[ item ].name && (
|
||||
this.props.options[ item ].name
|
||||
) }
|
||||
</Button>
|
||||
</Tooltip>
|
||||
) }
|
||||
{ ! this.props.options[ item ].tooltip && (
|
||||
<Button
|
||||
isTertiary
|
||||
className={ ( item === this.state.value ?
|
||||
'active-radio ' :
|
||||
'' ) + 'radio-item-' + item + ( this.props.options[ item ].icon && this.props.options[ item ].name ? ' btn-flex-col' : '' ) }
|
||||
onClick={ () => {
|
||||
let value = this.state.value;
|
||||
value = item;
|
||||
this.setState( { value: item });
|
||||
this.props.onChange( value );
|
||||
} }
|
||||
>
|
||||
{ this.props.options[ item ].icon && (
|
||||
<span className="kadence-radio-icon">
|
||||
{ Icons[ this.props.options[ item ].icon ] }
|
||||
</span>
|
||||
) }
|
||||
{ this.props.options[ item ].name && (
|
||||
this.props.options[ item ].name
|
||||
) }
|
||||
</Button>
|
||||
) }
|
||||
</Fragment>
|
||||
);
|
||||
} )}
|
||||
</ButtonGroup>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default RadioIconComponent;
|
||||
Reference in New Issue
Block a user