File Manager

📁 Media Files

📁 .. (Parent Directory) 📋 ConvertFieldAPIRulesToJoi.ts 📋 PrepareFormData.ts 📋 amountFormatter.ts 📋 buildRegisterValidationOptions.ts ⚡ conditionOperatorFunctions.js 📋 convertValuesToFormData.ts ⚡ createValidationObjectFromFields.js 📋 generateRequestErrors.ts ⚡ getCurrentFormUrlData.js 📋 getDefaultValuesFromSections.ts 📋 getDonationFormNodeSettings.ts 📋 getErrorByFieldName.ts 📋 getWindowData.ts 📋 groups.ts 📋 handleFormRedirect.ts 📋 handleFormSubmitRequest.ts 📋 handleValidationRequest.ts 📋 isRouteInlineRedirect.ts 📋 memoNode.ts 📋 mountWindowData.ts 📋 postData.ts 📋 postFormData.ts 📋 registerFieldAndBuildProps.tsx 📋 setDesignSettings.ts 📋 useDonationFormPubSub.ts

⬆️ Upload Files

📁 Create Folder

📄 Create File

💻 Terminal

📦 Extract Archive

📋 Edit: setDesignSettings.ts

Size: 2.45 KB | Modified: 2024-02-08 21:53:28

import {FormSettings} from '@givewp/form-builder/types';

/**
 * @since 3.4.0
 */
function updateDesignSettingsClassName(root: HTMLElement, block, element) {
    root.classList.forEach((className) => {
        if (className.startsWith(block + '__')) {
            root.classList.remove(className);
        }
    });
    root.classList.add(block + '__' + element);
}

/**
 * @note currently not in use
 * @since 3.4.0
 */
export default function setDesignSettings(root: HTMLElement, settings: FormSettings) {
    if (settings['designSettingsSectionStyle']) {
        updateDesignSettingsClassName(
            root,
            'givewp-design-settings--section-style',
            settings['designSettingsSectionStyle']
        );
    }

if (settings['designSettingsImageUrl']) {
        root.style.setProperty(
            '--givewp-design-settings-background-image',
            'url(' + settings['designSettingsImageUrl'] + ')'
        );

const style = settings['designSettingsImageStyle'] ? settings['designSettingsImageStyle'] : 'background';

updateDesignSettingsClassName(root, 'givewp-design-settings--image-style', style);
    }

if (settings['designSettingsLogoUrl']) {
        root.style.setProperty('--givewp-design-settings-logo', 'url(' + settings['designSettingsLogoUrl'] + ')');
        root.classList.add('givewp-design-settings--logo');

const position = settings['designSettingsLogoPosition'] ? settings['designSettingsLogoPosition'] : 'left';
        updateDesignSettingsClassName(root, 'givewp-design-settings--logo-position', position);
    }

if (settings['designSettingsTextFieldStyle']) {
        updateDesignSettingsClassName(
            root,
            'givewp-design-settings--textField-style',
            settings['designSettingsTextFieldStyle']
        );
    }

if (!settings['designSettingsImageUrl']) {
        // reset/remove classnames on delete
        root.style.setProperty('--givewp-design-settings-background-image', '');
        updateDesignSettingsClassName(root, 'givewp-design-settings--image-style', '');

// reconstruct branding container & logo container
        root.classList.add('givewp-design-settings--logo');
        root.style.setProperty('--givewp-design-settings-logo', 'url(' + settings['designSettingsLogoUrl'] + ')');
        updateDesignSettingsClassName(
            root,
            'givewp-design-settings--logo-position',
            settings['designSettingsLogoPosition']
        );
    }
}

Supports: PHP, ASPX, HTML, JavaScript, CSS and other text-based files

📥 Download

File manager