Server IP : 104.21.14.103 / Your IP : 18.117.183.43 Web Server : LiteSpeed System : Linux business53.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : giankuin ( 1871) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/ |
Upload File : |
import { useState, useRef, useEffect } from '@wordpress/element'; import { RenderScreenIcons } from './screen-icon'; export const LabelControl = (props) =>{ const { label, prop } = props; var hasScreen = prop?.screen; var hasUnit = prop?.units; var default_unit = 0; var tmp_val = prop['c']['val']; // Get unit from value if(hasUnit && !(pagelayer_empty(tmp_val))){ for(var i in prop['units']){ if(pagelayer_is_string(tmp_val) && tmp_val.search(prop['units'][i]) != -1){ default_unit = i; }else if(typeof tmp_val === 'object' && tmp_val[0].search(prop['units'][i]) != -1 ){ default_unit = i; } } } const [selectedUnit, setSelectedUnit] = useState(default_unit); const handleUnitChange = (index) => { setSelectedUnit(index); // Perform any actions based on the selected unit change }; return ( <div className="pagelayer-elp-label-div"> <label className="pagelayer-elp-label">{label}</label> {hasScreen && <RenderScreenIcons {...props}/>} {hasUnit && <div className="pagelayer-elp-units"> {prop.units.map((unit, index) => ( <span key={index} onClick={() => handleUnitChange(index)} className={index == selectedUnit ? 'selected' : ''} > {unit} </span> ))} </div> } </div> ); }