Server IP : 103.119.228.120 / Your IP : 3.138.37.43 Web Server : Apache System : Linux v8.techscape8.com 3.10.0-1160.119.1.el7.tuxcare.els2.x86_64 #1 SMP Mon Jul 15 12:09:18 UTC 2024 x86_64 User : nobody ( 99) PHP Version : 5.6.40 Disable Function : shell_exec,symlink,system,exec,proc_get_status,proc_nice,proc_terminate,define_syslog_variables,syslog,openlog,closelog,escapeshellcmd,passthru,ocinum cols,ini_alter,leak,listen,chgrp,apache_note,apache_setenv,debugger_on,debugger_off,ftp_exec,dl,dll,myshellexec,proc_open,socket_bind,proc_close,escapeshellarg,parse_ini_filepopen,fpassthru,exec,passthru,escapeshellarg,escapeshellcmd,proc_close,proc_open,ini_alter,popen,show_source,proc_nice,proc_terminate,proc_get_status,proc_close,pfsockopen,leak,apache_child_terminate,posix_kill,posix_mkfifo,posix_setpgid,posix_setsid,posix_setuid,dl,symlink,shell_exec,system,dl,passthru,escapeshellarg,escapeshellcmd,myshellexec,c99_buff_prepare,c99_sess_put,fpassthru,getdisfunc,fx29exec,fx29exec2,is_windows,disp_freespace,fx29sh_getupdate,fx29_buff_prepare,fx29_sess_put,fx29shexit,fx29fsearch,fx29ftpbrutecheck,fx29sh_tools,fx29sh_about,milw0rm,imagez,sh_name,myshellexec,checkproxyhost,dosyayicek,c99_buff_prepare,c99_sess_put,c99getsource,c99sh_getupdate,c99fsearch,c99shexit,view_perms,posix_getpwuid,posix_getgrgid,posix_kill,parse_perms,parsesort,view_perms_color,set_encoder_input,ls_setcheckboxall,ls_reverse_all,rsg_read,rsg_glob,selfURL,dispsecinfo,unix2DosTime,addFile,system,get_users,view_size,DirFiles,DirFilesWide,DirPrintHTMLHeaders,GetFilesTotal,GetTitles,GetTimeTotal,GetMatchesCount,GetFileMatchesCount,GetResultFiles,fs_copy_dir,fs_copy_obj,fs_move_dir,fs_move_obj,fs_rmdir,SearchText,getmicrotime MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/ |
Upload File : |
import { useState, useRef } from '@wordpress/element'; import { LabelControl } from './label'; export const DimensionControl = (props) =>{ const { prop, label, value, setAttributes } = props; const { name } = prop['c']; var values = !pagelayer_empty(value) ? value : ['', '']; if(pagelayer_is_string(values)){ values = values.split(','); } const [isLinked, setIsLinked] = useState(true); const dimensionRef = useRef(null) const handleInputChange = (index, e) => { const newValue = parseFloat(e.target.value); let newValues = [...values]; if (isLinked) { newValues = newValues.map(() => newValue); } else { newValues[index] = newValue; } if(prop?.units){ newValues = setUnit(newValues); } setAttributes({[name]: newValues}); }; const setUnit = (val) => { var unit = dimensionRef.current.querySelectorAll('.pagelayer-elp-units .selected')[0].innerHTML; if(Array.isArray(val)){ for(var i in val){ if(val[i].length < 1){ continue; } val[i] = parseFloat(val[i])+unit; } }else{ val = parseFloat(val)+unit; } return val; } return ( <div className="components-base-control pagelayer-base-control" ref={dimensionRef}> <LabelControl {...props}/> <div className="pagelayer-elp-dimension-div"> <input type="number" className="pagelayer-elp-dimension" value={parseFloat(values[0])} onChange={(e) => handleInputChange(0, e)} /> <input type="number" className="pagelayer-elp-dimension" value={parseFloat(values[1])} onChange={(e) => handleInputChange(1, e)} /> <i className={`pli pli-link${isLinked ? ' pagelayer-elp-padding-linked' : ''}`} onClick={ () => setIsLinked(!isLinked) } ></i> </div> </div> ); }