aDriv4 website!

Linux server192.web-hosting.com 4.18.0-513.18.1.lve.el8.x86_64 #1 SMP Thu Feb 22 12:55:50 UTC 2024 x86_64
LiteSpeed
198.54.114.198

File Name : inspector.js

/**
 * WordPress dependencies
 */
import { __ } from "@wordpress/i18n";
import {
    ToggleControl,
    SelectControl,
} from "@wordpress/components";
/**
 * Internal dependencies
 */
import { NOTICE_TYPES, NOTICE_ALIGNMENT, TEXT_ALIGN } from "./constants";

import {
    TypographyDropdown,
    ColorControl,
    ResponsiveAlignControl,
    InspectorPanel,
} from "@essential-blocks/controls";

import {
    dimensionsMargin,
    dimensionsPadding,
} from "./constants/dimensionsNames";
import {
    typoPrefix_text,
    typoPrefix_title,
} from "./constants/typographyPrefixConstants";
import { wrapBg } from "./constants/backgroundsConstants";
import { wrpBdShadow } from "./constants/borderShadowConstants";

function Inspector(props) {
    const { attributes, setAttributes } = props;
    const {
        resOption,
        dismissible,
        noticeType,
        titleColor,
        textColor,
        showAfterDismiss,
    } = attributes;

const onTypeChange = (type) => {
        switch (type) {
            case "success":
                setAttributes({
                    noticeType: type,
                    [`${wrapBg}backgroundColor`]: "#4caf50",
                    titleColor: "#ffffff",
                    textColor: "#ffffff",
                });
                break;

case "info":
                setAttributes({
                    noticeType: type,
                    [`${wrapBg}backgroundColor`]: "#d3d3d3",
                    titleColor: "#000000",
                    textColor: "#000000",
                });
                break;

case "danger":
                setAttributes({
                    noticeType: type,
                    [`${wrapBg}backgroundColor`]: "#f44336",
                    titleColor: "#ffffff",
                    textColor: "#ffffff",
                });
                break;

case "warning":
                setAttributes({
                    noticeType: type,
                    [`${wrapBg}backgroundColor`]: "#ffeb3b",
                    titleColor: "#000000",
                    textColor: "#000000",
                });
                break;

case "default":
                setAttributes({
                    noticeType: type,
                    [`${wrapBg}backgroundColor`]: "#2196f3",
                    titleColor: "#ffffff",
                    textColor: "#ffffff",
                });
                break;
        }
    };

return (
        <>
            <InspectorPanel advancedControlProps={{
                marginPrefix: dimensionsMargin,
                paddingPrefix: dimensionsPadding,
                backgroundPrefix: wrapBg,
                borderPrefix: wrpBdShadow,
            }}>
                <InspectorPanel.General>
                    <InspectorPanel.PanelBody
                        title={__(
                            "Notice Settings",
                            "essential-blocks"
                        )}
                        initialOpen={true}
                    >
                        <ToggleControl
                            label={__(
                                "Dismissible",
                                "essential-blocks"
                            )}
                            checked={dismissible}
                            onChange={() =>
                                setAttributes({
                                    dismissible: !dismissible,
                                })
                            }
                        />

<ToggleControl
                            label={__(
                                "Show After Dismiss",
                                "essential-blocks"
                            )}
                            checked={showAfterDismiss}
                            onChange={() =>
                                setAttributes({
                                    showAfterDismiss: !showAfterDismiss,
                                })
                            }
                        />

<SelectControl
                            label={__(
                                "Type",
                                "essential-blocks"
                            )}
                            value={noticeType}
                            options={NOTICE_TYPES}
                            onChange={(type) =>
                                onTypeChange(type)
                            }
                        />
                    </InspectorPanel.PanelBody>
                </InspectorPanel.General>
                <InspectorPanel.Style>
                    <InspectorPanel.PanelBody
                        title={__("Notice", "essential-blocks")}
                    >
                        <ResponsiveAlignControl
                            baseLabel={__(
                                "Text Align",
                                "essential-blocks"
                            )}
                            controlName={NOTICE_ALIGNMENT}
                            options={TEXT_ALIGN}
                            resOption={resOption}
                        />
                    </InspectorPanel.PanelBody>
                    <InspectorPanel.PanelBody
                        title={__("Title", "essential-blocks")}
                    >
                        <TypographyDropdown
                            baseLabel="Typography"
                            typographyPrefixConstant={
                                typoPrefix_title
                            }
                        />

<ColorControl
                            label={__(
                                "Color",
                                "essential-blocks"
                            )}
                            color={textColor}
                            attributeName={'textColor'}
                        />
                    </InspectorPanel.PanelBody>
                </InspectorPanel.Style>
            </InspectorPanel>
        </>
    );
}

export default Inspector;

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	htllcxvj/htllcxvj	0755	2025-07-11 08:38:38
..	dir	-	htllcxvj/htllcxvj	0755	2025-07-11 08:38:38
constants	dir	-	htllcxvj/htllcxvj	0755	2025-07-11 08:38:38
attributes.js	text/x-java	3.22 KB	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38
constants.js	text/x-java	1.81 KB	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38
deprecated.js	text/x-java	3.03 KB	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38
edit.js	text/html	2.29 KB	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38
example.js	text/plain	90 B	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38
frontend.js	text/plain	1.68 KB	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38
icon.svg	image/svg+xml	4.19 KB	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38
index.js	text/x-java	798 B	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38
inspector.js	text/x-java	6.73 KB	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38
save.js	text/x-java	1.34 KB	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38
style.js	text/x-java	7.54 KB	htllcxvj/htllcxvj	0644	2025-07-11 08:38:38

For more Private tool come to me!

https://t.me/aDriv4vz