File manager - Edit - /home/colomboelectrici/public_html/wp-content/plugins/really-simple-ssl/settings/src/Settings/CheckboxControl.js
Back
/* * The tooltip can't be included in the native toggleControl, so we have to build our own. */ const CheckboxControl = (props) => { const onChangeHandler = (e) => { let fieldValue = !props.field.value; props.onChangeHandler(fieldValue) } let field = props.field; let is_checked = field.value ? 'is-checked' : ''; let is_disabled = field.disabled ? 'is-disabled' : ''; return ( <> <div className="components-base-control components-toggle-control"> <div className="components-base-control__field"> <div data-wp-component="HStack" className="components-flex components-h-stack"> <span className={ "components-form-toggle "+is_checked + ' ' +is_disabled}> <input checked={field.value} className="components-form-toggle__input" onChange={ ( e ) => onChangeHandler(e) } id={field.id} type="checkbox" disabled={props.disabled} /> <span className="components-form-toggle__track"></span> <span className="components-form-toggle__thumb"></span> </span> <label htmlFor={field.id} className="components-toggle-control__label">{props.label}</label> </div> </div> </div> </> ); } export default CheckboxControl
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.06 |
proxy
|
phpinfo
|
Settings