elementor / includes / editor-templates / global.php

global.php in Elementor Website Builder – more than just a page builder 4.2.2, at includes/editor-templates/global.php

122 lines 5.7 KB

Raw Download Zip

1	<?php
2	namespace Elementor;
3
4	if ( ! defined( 'ABSPATH' ) ) {
5	exit; // Exit if accessed directly.
6	}
7
8	function echo_select_your_structure_title() {
9	echo esc_html__( 'Select your structure', 'elementor' );
10	}
11	?>
12	<script type="text/template" id="tmpl-elementor-empty-preview">
13	<div class="elementor-first-add">
14	<div class="elementor-icon eicon-plus"></div>
15	</div>
16	</script>
17
18	<script type="text/template" id="tmpl-elementor-add-section">
19	<# if ( $e.components.get( 'document/elements' ).utils.allowAddingWidgets() ) { #>
20	<div class="elementor-add-section-inner">
21	<button type="button" class="elementor-add-section-close" data-tooltip="<?php echo esc_attr__( 'Close', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Close', 'elementor' ); ?>">
22	<i class="eicon-close" aria-hidden="true"></i>
23	</button>
24	<?php
25	$experiments_manager = Plugin::$instance->experiments;
26	if ( $experiments_manager->is_feature_active( 'container' ) ) { ?>
27	<button type="button" class="elementor-add-section-back" data-tooltip="<?php echo esc_attr__( 'Back', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Back', 'elementor' ); ?>">
28	<i class="eicon-chevron-left" aria-hidden="true"></i>
29	</button>
30	<?php } ?>
31	<div class="e-view elementor-add-new-section">
32	<?php
33	$add_container_title = esc_html__( 'Add New Container', 'elementor' );
34	$add_section_title = esc_html__( 'Add New Section', 'elementor' );
35
36	$button_title = ( $experiments_manager->is_feature_active( 'container' ) ) ? $add_container_title : $add_section_title;
37	?>
38	<button type="button" class="elementor-add-section-area-button elementor-add-section-button" data-tooltip="<?php echo esc_attr( $button_title ); ?>" aria-label="<?php echo esc_attr( $button_title ); ?>">
39	<i class="eicon-plus" aria-hidden="true"></i>
40	</button>
41	<# if ( 'loop-item' !== elementor.documents.getCurrent()?.config?.type \|\| elementorCommon.config.experimentalFeatures[ 'container' ] ) {
42	const additionalClass = 'loop-item' === elementor.documents.getCurrent()?.config?.type && elementor.documents.getCurrent()?.config?.settings?.settings?.source?.includes( 'taxonomy' )
43	? 'elementor-edit-hidden'
44	: ''; #>
45	<button type="button" class="{{ additionalClass }} elementor-add-section-area-button elementor-add-template-button" data-tooltip="<?php echo esc_attr__( 'Add Template', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Add Template', 'elementor' ); ?>">
46	<i class="eicon-folder" aria-hidden="true"></i>
47	</button>
48	<# } #>
49	<div class="elementor-add-section-drag-title"><?php echo esc_html__( 'Drag widget here', 'elementor' ); ?></div>
50	</div>
51	<div class="e-view e-con-shared-styles e-con-select-type">
52	<div class="e-con-select-type__title"><?php echo esc_html__( 'Which layout would you like to use?', 'elementor' ); ?></div>
53	<div class="e-con-select-type__icons">
54	<button type="button" class="e-con-select-type__icons__icon flex-preset-button">
55	<svg width="85" height="85" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
56	<rect width="41.698" height="84.9997" fill="#D5DADE"/>
57	<rect x="43.3018" width="41.698" height="41.6498" fill="#D5DADE"/>
58	<rect x="43.3018" y="43.3506" width="41.698" height="41.6498" fill="#D5DADE"/>
59	</svg>
60	<div class="e-con-select-type__icons__icon__subtitle"><?php echo esc_html__( 'Flexbox', 'elementor' ); ?></div>
61	</button>
62	<button type="button" class="e-con-select-type__icons__icon grid-preset-button">
63	<svg width="85" height="85" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
64	<rect x="0.5" y="0.5" width="83.9997" height="84" stroke="#9DA5AE" stroke-dasharray="2 2"/>
65	<path d="M42.501 0.484375V84.6259" stroke="#9DA5AE" stroke-dasharray="1 1"/>
66	<path d="M84.623 42.501L-0.00038953 42.501" stroke="#9DA5AE" stroke-dasharray="1 1"/>
67	</svg>
68	<div class="e-con-select-type__icons__icon__subtitle"><?php echo esc_html__( 'Grid', 'elementor' ); ?></div>
69	</button>
70	</div>
71	</div>
72	<div class="e-view elementor-select-preset">
73	<div class="elementor-select-preset-title"><?php echo_select_your_structure_title(); ?></div>
74	<div class="elementor-select-preset-list">
75	<#
76	const structures = [ 10, 20, 30, 40, 21, 22, 31, 32, 33, 50, 34, 60 ];
77
78	structures.forEach( ( structure ) => {
79	const preset = elementor.presetsFactory.getPresetByStructure( structure ); #>
80
81	<button type="button" class="elementor-preset" data-structure="{{ structure }}">
82	{{{ elementor.presetsFactory.getPresetSVG( preset.preset ).outerHTML }}}
83	</button>
84	<# } ); #>
85	</div>
86	</div>
87	<div class="e-view e-con-select-preset e-con-select-preset-flex">
88	<div class="e-con-select-preset__title"><?php echo_select_your_structure_title(); ?></div>
89	<div class="e-con-select-preset__list">
90	<#
91	elementor.presetsFactory.getContainerPresets().forEach( ( preset ) => {
92	#>
93	<button type="button" class="e-con-preset" data-preset="{{ preset }}">
94	{{{ elementor.presetsFactory.generateContainerPreset( preset ) }}}
95	</button>
96	<#
97	} );
98	#>
99	</div>
100	</div>
101	<div class="e-view e-con-shared-styles e-con-select-preset-grid">
102	<div class="e-con-select-preset__title"><?php echo_select_your_structure_title(); ?></div>
103	<div class="e-con-select-preset__list">
104	<#
105	elementor.presetsFactory.getContainerGridPresets().forEach( ( preset ) => {
106	#>
107	<button type="button" class="e-con-preset" data-structure="{{ preset }}">
108	{{{ elementor.presetsFactory.generateContainerGridPreset( preset ) }}}
109	</button>
110	<#
111	} );
112	#>
113	</div>
114	</div>
115	</div>
116	<# } #>
117	</script>
118
119	<script type="text/template" id="tmpl-elementor-tag-controls-stack-empty">
120	<?php echo esc_html__( 'This tag has no settings.', 'elementor' ); ?>
121	</script>
122