aDriv4 website!

Linux bois.o2switch.net 4.18.0-553.33.1.lve.el8.x86_64 #1 SMP Tue Dec 24 22:25:00 UTC 2024 x86_64
Apache
109.234.165.180

filter.js

import { LabelControl } from './label';
import { useState, useRef, useEffect } from '@wordpress/element';

export const FilterControl = (props) =>{
	const { prop, value, setAttributes } = props;
	const { name } = prop['c'];
	const [isFilterVisible, setFilterVisible] = useState(false);

var values = !pagelayer_empty(value) ? value :  [0,100,100,0,0,100,100];
	
	if(pagelayer_is_string(values)){
		values = values.split(',');
	}
	
	const filterRef = useRef(null);
	const filters = [['blur','10','0.1'],['brightness','200','1'],['contrast','200','1'],['grayscale','200','1'],['hue','360','1'],['opacity','100','1'],['saturate','200','1']];

useEffect(() => {
	
		const handleDocumentClick = (e) => {

if(
				filterRef.current &&
				!filterRef.current.contains(e.target)
			){
				setFilterVisible(false);
			}
		};

document.addEventListener('click', handleDocumentClick);

return () => {
			document.removeEventListener('click', handleDocumentClick);
		};
	}, []);

// Convert the jQuery function to a React method
	const handleInputChange = (index,e) => {

const newValue = parseFloat(e.target.value);

let newValues = [...values];

newValues[index] = newValue;
		
		setAttributes({[name]: newValues});
	};

return (
		<div className="components-base-control pagelayer-base-control">
			<LabelControl {...props}/>
			<div className="pagelayer-prop-holder" ref={filterRef}>
				<span 
					className="pagelayer-prop-edit" 
					onClick={() => setFilterVisible(!isFilterVisible)}
				>
				<i className="pli pli-pencil"></i></span>
				{ isFilterVisible && <div className="pagelayer-elp-filter-div">
					{ filters.map((obj, key) => (
						
						<div className={`pagelayer-elp-prop-grp pagelayer-elp-filter-${filters[key][0]}`}>
							<label className="pagelayer-elp-label">{filters[key][0]}</label>
							<input 
								className={`pagelayer-elp-slider pagelayer-elp-filter-input pagelayer-elp-filter-${filters[key][0]}`}
								type="range" 
								max={filters[key][1]}
								min="0" 
								step={filters[key][2]}
								value={values[key]}
								onChange={(e) => handleInputChange(key, e)}
							/>
							<span className="pagelayer-elp-filter-val"></span>
						</div>
					))
					}
					</div>
				}
			</div>
		</div>
	);
}

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	0/0	0755	2026-04-23 12:24:33
..	dir	-	0/0	0755	2026-04-23 12:24:33
access.js	text/plain	1.26 KB	0/0	0644	2026-04-22 02:17:42
box-shadow.js	text/plain	5.7 KB	0/0	0644	2026-04-22 02:17:42
checkbox.js	text/plain	653 B	0/0	0644	2026-04-22 02:17:42
color.js	text/plain	4.9 KB	0/0	0644	2026-04-22 02:17:42
datetime.js	text/plain	1000 B	0/0	0644	2026-04-22 02:17:42
dimension.js	text/plain	1.82 KB	0/0	0644	2026-04-22 02:17:42
filter.js	text/plain	2.29 KB	0/0	0644	2026-04-22 02:17:42
font_family.js	text/plain	1.53 KB	0/0	0644	2026-04-22 02:17:42
gradient.js	text/plain	4.01 KB	0/0	0644	2026-04-22 02:17:42
html-to-react.js	text/plain	237 B	0/0	0644	2026-04-22 02:17:42
icon.js	text/plain	5.16 KB	0/0	0644	2026-04-22 02:17:42
image.js	text/plain	2.26 KB	0/0	0644	2026-04-22 02:17:42
label.js	text/plain	1.32 KB	0/0	0644	2026-04-22 02:17:42
link.js	text/plain	7.39 KB	0/0	0644	2026-04-22 02:17:42
media.js	text/plain	1.91 KB	0/0	0644	2026-04-22 02:17:42
modal.js	text/plain	1.81 KB	0/0	0644	2026-04-22 02:17:42
multi-image.js	text/plain	2.96 KB	0/0	0644	2026-04-22 02:17:42
multiselect.js	text/plain	2.11 KB	0/0	0644	2026-04-22 02:17:42
padding.js	text/plain	2.13 KB	0/0	0644	2026-04-22 02:17:42
radio.js	text/plain	771 B	0/0	0644	2026-04-22 02:17:42
rich_text.js	text/plain	4.2 KB	0/0	0644	2026-04-22 02:17:42
screen-icon.js	text/plain	1.08 KB	0/0	0644	2026-04-22 02:17:42
select.js	text/plain	2.18 KB	0/0	0644	2026-04-22 02:17:42
setting-tabs-control.js	text/plain	1.95 KB	0/0	0644	2026-04-22 02:17:42
slider.js	text/plain	1.47 KB	0/0	0644	2026-04-22 02:17:42
spinner.js	text/plain	846 B	0/0	0644	2026-04-22 02:17:42
text-shadow.js	text/plain	7.21 KB	0/0	0644	2026-04-22 02:17:42
textarea.js	text/plain	693 B	0/0	0644	2026-04-22 02:17:42
typography.js	text/plain	17.44 KB	0/0	0644	2026-04-22 02:17:42

For more Private tool come to me!

https://t.me/aDriv4vz