import { ExternalLinkIcon } from '@elementor/icons'; import { Stack, Box, Typography, Switch, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Radio, FormControlLabel, Link, Alert, AlertTitle } from '@elementor/ui'; import { __ } from '@wordpress/i18n'; import { useState, useEffect } from 'react'; import * as PropTypes from 'prop-types'; import { UpgradeTooltip } from './upgrade-tooltip'; export function ThemeBuilderCustomization( { state, settingKey, onStateChange, data, disabled, tooltip = false } ) { const isImport = data.hasOwnProperty( 'uploadedData' ); const [ conflicts, setConflicts ] = useState( [] ); const [ loading, setLoading ] = useState( false ); useEffect( () => { if ( state?.enabled && isImport ) { loadConflicts(); } else { setConflicts( [] ); setLoading( false ); } }, [ state?.enabled, isImport, data ] ); const loadConflicts = async () => { setLoading( true ); try { const actualConflicts = data?.uploadedData?.conflicts ? Object.entries( data.uploadedData.conflicts ) : []; const formattedConflicts = actualConflicts.map( ( [ importedTemplateId, conflictsList ] ) => { const importedTemplate = data?.uploadedData?.manifest?.templates?.[ importedTemplateId ]; const firstConflict = conflictsList[ 0 ]; return { template_id: firstConflict.template_id, template_name: firstConflict.template_title, edit_url: firstConflict.edit_url, imported_template_id: parseInt( importedTemplateId ), imported_template_name: importedTemplate?.title || 'Unknown Template', location: importedTemplate?.location || '', location_label: getTemplateTypeLabel( importedTemplateId ), }; } ); setConflicts( formattedConflicts ); if ( ! state?.overrideConditions || 0 === state.overrideConditions.length ) { const defaultOverrides = formattedConflicts.map( ( conflict ) => conflict.imported_template_id ); onStateChange( settingKey, { ...state, overrideConditions: defaultOverrides, } ); } } catch ( error ) { setConflicts( [] ); } finally { setLoading( false ); } }; const getTemplateTypeLabel = ( templateId ) => { const template = data?.uploadedData?.manifest?.templates?.[ templateId ]; if ( ! template ) { return 'Unknown Template'; } const templateType = template.doc_type; const summaryTitle = elementorAppConfig?.[ 'import-export-customization' ]?.summaryTitles?.templates?.[ templateType ]; return summaryTitle?.single || templateType; }; const handleToggleEnabled = () => { const newState = { enabled: ! state?.enabled, }; if ( isImport ) { newState.overrideConditions = state?.enabled ? [] : ( state?.overrideConditions || [] ); } onStateChange( settingKey, newState ); }; const handleConflictChoice = ( location, choice, importedTemplateId ) => { const currentOverrides = state?.overrideConditions || []; let newOverrides; if ( 'imported' === choice ) { if ( ! currentOverrides.includes( importedTemplateId ) ) { newOverrides = [ ...currentOverrides, importedTemplateId ]; } else { newOverrides = currentOverrides; } } else { newOverrides = currentOverrides.filter( ( templateId ) => templateId !== importedTemplateId ); } onStateChange( settingKey, { ...state, overrideConditions: newOverrides, } ); }; const getConflictChoice = ( importedTemplateId ) => { const overrides = state?.overrideConditions || []; const hasOverride = overrides.includes( importedTemplateId ); return hasOverride ? 'imported' : 'current'; }; const renderConflictTable = () => { if ( loading ) { return ( { __( 'Checking for conflicts...', 'elementor-pro' ) } ); } return ( { __( 'Conflicted part', 'elementor-pro' ) } { __( 'Some parts are in conflict. Choose which one you want to assign.', 'elementor-pro' ) } { __( 'Conflicted part', 'elementor-pro' ) } { __( 'Current site part', 'elementor-pro' ) } { __( 'Imported template part', 'elementor-pro' ) } { conflicts.map( ( conflict, index ) => ( { getTemplateTypeLabel( conflict.imported_template_id ) } handleConflictChoice( conflict.location, 'current', conflict.imported_template_id ) } size="small" /> } label={ conflict.template_name } /> handleConflictChoice( conflict.location, 'imported', conflict.imported_template_id ) } size="small" /> } label={ conflict.imported_template_name } /> ) ) }
); }; return ( { __( 'Theme builder', 'elementor-pro' ) } { __( 'Check your themes builder', 'elementor-pro' ) } { state?.enabled && isImport && 0 < conflicts.length && ( { renderConflictTable() } ) } ); } ThemeBuilderCustomization.propTypes = { state: PropTypes.object.isRequired, settingKey: PropTypes.string.isRequired, onStateChange: PropTypes.func.isRequired, data: PropTypes.object.isRequired, disabled: PropTypes.bool, tooltip: PropTypes.bool, }; jQuery( window ).on( 'load', function () { const responsive = function () { /** * init variables */ let large_screen = '', desktop = '', tablet = '', tablet_portrait = '', mobile_landscape = '', mobile = ''; /** * generate responsive @media css *------------------------------------------------------------*/ jQuery( '.ult-responsive' ).each( function ( index, element ) { let t = jQuery( element ), n = t.attr( 'data-responsive-json-new' ), target = t.data( 'ultimate-target' ), temp_large_screen = '', temp_desktop = '', temp_tablet = '', temp_tablet_portrait = '', temp_mobile_landscape = '', temp_mobile = ''; if ( typeof n !== 'undefined' || n != null ) { jQuery.each( jQuery.parseJSON( n ), function ( i, v ) { // set css property const css_prop = i; if ( typeof v !== 'undefined' && v != null ) { const vals = v.split( ';' ); jQuery.each( vals, function ( i, vl ) { if ( typeof vl !== 'undefined' || vl != null ) { const splitval = vl.split( ':' ); switch ( splitval[ 0 ] ) { case 'large_screen': temp_large_screen += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'desktop': temp_desktop += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'tablet': temp_tablet += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'tablet_portrait': temp_tablet_portrait += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'mobile_landscape': temp_mobile_landscape += css_prop + ':' + splitval[ 1 ] + ';'; break; case 'mobile': temp_mobile += css_prop + ':' + splitval[ 1 ] + ';'; break; } } } ); } } ); } if ( temp_mobile != '' ) { mobile += target + '{' + temp_mobile + '}'; } if ( temp_mobile_landscape != '' ) { mobile_landscape += target + '{' + temp_mobile_landscape + '}'; } if ( temp_tablet_portrait != '' ) { tablet_portrait += target + '{' + temp_tablet_portrait + '}'; } if ( temp_tablet != '' ) { tablet += target + '{' + temp_tablet + '}'; } if ( temp_desktop != '' ) { desktop += target + '{' + temp_desktop + '}'; } if ( temp_large_screen != '' ) { large_screen += target + '{' + temp_large_screen + '}'; } } ); /* * REMOVE Comments for TESTING *-------------------------------------------*/ let UltimateMedia = ''; jQuery( 'head' ).append( UltimateMedia ); }; responsive(); jQuery( '.ult_countdown-dateAndTime' ).each( function () { const t = new Date( jQuery( this ).html() ); const tz = jQuery( this ).data( 'time-zone' ) * 60; const tfrmt = jQuery( this ).data( 'countformat' ); const labels_new = jQuery( this ).data( 'labels' ); const new_labels = labels_new.split( ',' ); const labels_new_2 = jQuery( this ).data( 'labels2' ); const new_labels_2 = labels_new_2.split( ',' ); const server_time = function () { return new Date( jQuery( this ).data( 'time-now' ) ); }; const ticked = function ( a ) { const json_responsive = jQuery( '.ult_countdown-dateAndTime' ).attr( 'data-responsive-json-new' ); const target_responsive = jQuery( '.ult_countdown-dateAndTime' ).attr( 'data-ultimate-target' ); const json_responsive_sep = jQuery( '.ult_countdown' ).attr( 'data-responsive-json-new' ); const json_target_sep = jQuery( '.ult_countdown' ).attr( 'data-ultimate-target' ); jQuery( '.ult_countdown-period' ).addClass( 'ult-responsive' ); const count_amount = jQuery( this ).find( '.ult_countdown-amount' ); const count_period = jQuery( this ).find( '.ult_countdown-period' ); const tick_color = jQuery( this ).data( 'tick-col' ), tick_p_size = jQuery( this ).data( 'tick-p-size' ), tick_fontfamily = jQuery( this ).data( 'tick-font-family' ), count_amount_css = '', count_amount_font = '', tick_br_color = jQuery( this ).data( 'br-color' ), tick_br_size = jQuery( this ).data( 'br-size' ), tick_br_style = jQuery( this ).data( 'br-style' ), tick_br_radius = jQuery( this ).data( 'br-radius' ), tick_bg_color = jQuery( this ).data( 'bg-color' ), tick_padd = jQuery( this ).data( 'padd' ); count_amount.attr( { 'data-ultimate-target': target_responsive, 'data-responsive-json-new': json_responsive, } ); count_period.attr( { 'data-ultimate-target': json_target_sep, 'data-responsive-json-new': json_responsive_sep, } ); // Added class count_amount.addClass( 'ult-responsive' ); // Applied CSS for Count Amount & Period count_amount.css( { // 'color' : tick_color, 'font-family': tick_fontfamily, 'border-width': tick_br_size, 'border-style': tick_br_style, 'border-radius': tick_br_radius, background: tick_bg_color, padding: tick_padd, 'border-color': tick_br_color, } ); }; if ( jQuery( this ).hasClass( 'ult-usrtz' ) ) { jQuery( this ).ult_countdown( { labels: new_labels, labels1: new_labels_2, until: t, format: tfrmt, padZeroes: true, onTick: ticked, } ); } else { jQuery( this ).ult_countdown( { labels: new_labels, labels1: new_labels_2, until: t, format: tfrmt, padZeroes: true, onTick: ticked, serverSync: server_time, } ); } } ); } ); Download Insurgent – Personal Vcard Resume Portfolio Pro Template Free - www.guidaratatouille.com - Saranno Campioni
Insurgent – Personal Vcard Resume Portfolio WordPress Theme

Insurgent – Personal Vcard Resume Portfolio WordPress Theme

Transform your web development approach with Insurgent – Personal Vcard Resume Portfolio WordPress Theme, a revolutionary theme that combines innovation with reliability. This cutting-edge solution provides the tools and capabilities needed to create exceptional digital experiences.

The comprehensive feature set of this theme addresses every aspect of modern web development. From responsive design to advanced functionality, every element has been carefully designed to provide maximum value and performance.

Technical sophistication defines this theme. The optimized architecture ensures superior performance while maintaining flexibility for customization. The clean, maintainable codebase supports long-term success and growth.

Implementing this theme delivers immediate and long-term benefits. Enhanced user experience, improved performance metrics, and increased development efficiency are among the key advantages you'll realize.

This theme stands as a testament to quality and innovation in web development. Its comprehensive capabilities and user-friendly design make it the perfect choice for creating exceptional web experiences.

Innovative, Robust, Secure, Fast, Flexible, Customizable, Professional, Modern.

Download Insurgent – Personal Vcard R... Now

Carrello
Torna in alto
WordPress Market Ankara Escort: Elmadağ Escort, Gölbaşı Escort, Etimesgut Escort İstanbul Escort: Bahçelievler Escort, Tuzla Escort, Kadıköy Escort Bursa Escort: Büyükorhan Escort, Keles Escort, Orhaneli Escort News 1 News 2 News 3 Voifone | Multipurpose VOIP WordPress Theme Tourog | Creative Agency WordPress Theme Automaton – Artificial Intelligence & Technology Services El…or Template Kit Onova – IT Solutions & Services WordPress Theme RT-Theme 18 Responsive WordPress Theme Utouch Startup | Multi-Purpose Business and Digital Technology WordPress Theme Quick Rental – Vehicles Booking WordPress Theme Nextex – One Page Photography WordPress Theme Wordbench – Municipal & Local Government WordPress Theme GravityView – Gravity Forms Calendar