divider.php — Shortcodes and extra features for Phlox theme 2.17.14

auxin-elements / includes / elements / divider.php

auxin-elements / includes / elements Last commit date

divider.php

272 lines

1	<?php
2	/**
3	* Divider element
4	*
5	*
6	* @package Auxin
7	* @license LICENSE.txt
8	* @author averta
9	* @link http://phlox.pro/
10	* @copyright (c) 2010-2025 averta
11	*/
12
13	function auxin_get_divider_master_array( $master_array ) {
14
15	$master_array['aux_divider'] = array(
16	'name' => __('Divider', 'auxin-elements' ),
17	'auxin_output_callback' => 'auxin_widget_divider_callback',
18	'base' => 'aux_divider',
19	'description' => __('Horizontal separator', 'auxin-elements'),
20	'class' => 'aux-widget-divider',
21	'show_settings_on_create' => true,
22	'weight' => 1,
23	'is_widget' => true,
24	'is_shortcode' => true,
25	'category' => THEME_NAME,
26	'group' => '',
27	'admin_enqueue_js' => '',
28	'admin_enqueue_css' => '',
29	'front_enqueue_js' => '',
30	'front_enqueue_css' => '',
31	'icon' => 'aux-element aux-pb-icons-divider',
32	'custom_markup' => '',
33	'js_view' => '',
34	'html_template' => '',
35	'deprecated' => '',
36	'content_element' => '',
37	'as_parent' => '',
38	'as_child' => '',
39	'params' => array(
40	array(
41	'heading' => __('Divider style','auxin-elements'),
42	'description' => '',
43	'param_name' => 'style',
44	'type' => 'aux_visual_select',
45	'def_value' => "solid",
46	'holder' => '',
47	'class' => 'style',
48	'admin_label' => true,
49	'dependency' => '',
50	'weight' => '',
51	'group' => '' ,
52	'edit_field_class' => '',
53	'choices' => array(
54	'white-space' => array(
55	'label' => __('White Space', 'auxin-elements'),
56	'image' => AUXIN_URL . 'images/visual-select/divider-white-space.svg'
57	),
58	'solid' => array(
59	'label' => __('Solid', 'auxin-elements'),
60	'image' => AUXIN_URL . 'images/visual-select/divider-solid.svg'
61	),
62	'dashed' => array(
63	'label' => __('Dashed', 'auxin-elements'),
64	'image' => AUXIN_URL . 'images/visual-select/divider-dashed.svg'
65	),
66	'circle-symbol' => array(
67	'label' => __('Circle', 'auxin-elements'),
68	'image' => AUXIN_URL . 'images/visual-select/divider-circle.svg'
69	),
70	'diamond-symbol' => array(
71	'label' => __('Diamond', 'auxin-elements'),
72	'image' => AUXIN_URL . 'images/visual-select/divider-diamond.svg'
73	),
74	'vertical' => array(
75	'label' => __('Vertical Line', 'auxin-elements'),
76	'image' => AUXIN_URL . 'images/visual-select/divider-diamond.svg'
77	)
78	)
79	),
80	array(
81	'heading' => __('Divider size','auxin-elements'),
82	'description' => __('Specifies the size of divider.', 'auxin-elements'),
83	'param_name' => 'width',
84	'type' => 'dropdown',
85	'value' => array(
86	'large' => __('Large', 'auxin-elements'),
87	'medium' => __('Medium', 'auxin-elements'),
88	'small' => __('Small', 'auxin-elements'),
89	'tiny' => __('Tiny', 'auxin-elements')
90	),
91	'def_value' => 'medium',
92	'holder' => '',
93	'class' => 'width',
94	'admin_label' => true,
95	'dependency' => array(
96	'element' => 'style',
97	'value' => array('solid', 'dashed', 'circle-symbol', 'diamond-symbol', 'vertical')
98	),
99	'weight' => '',
100	'group' => '' ,
101	'edit_field_class' => ''
102	),
103	array(
104	'heading' => __('Divider color', 'auxin-elements'),
105	'description' => '',
106	'param_name' => 'divider_color',
107	'type' => 'colorpicker',
108	'def_value' => '',
109	'value' => '',
110	'holder' => '',
111	'class' => 'divider-color',
112	'dependency' => array(
113	'element' => 'style',
114	'value' => array('solid', 'dashed', 'circle-symbol', 'diamond-symbol', 'vertical')
115	),
116	'weight' => '',
117	'group' => '' ,
118	'edit_field_class' => ''
119	),
120	array(
121	'heading' => __('Margin top (px)','auxin-elements'),
122	'description' => __('Adds space above the divider in pixels.', 'auxin-elements'),
123	'param_name' => 'margin_top',
124	'type' => 'textfield',
125	'value' => '',
126	'holder' => '',
127	'class' => 'margin_top',
128	'admin_label' => false,
129	'dependency' => '',
130	'weight' => '',
131	'group' => '' ,
132	'edit_field_class' => ''
133	),
134	array(
135	'heading' => __('Margin bottom (px)','auxin-elements'),
136	'description' => __('Adds space below the divider in pixels.', 'auxin-elements'),
137	'param_name' => 'divider_margin_bottom',
138	'type' => 'textfield',
139	'value' => '',
140	'holder' => '',
141	'class' => 'divider_margin_bottom',
142	'admin_label' => false,
143	'dependency' => '',
144	'weight' => '',
145	'group' => '' ,
146	'edit_field_class' => ''
147	),
148	array(
149	'heading' => __('Extra class name','auxin-elements'),
150	'description' => __('If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. you can add multiple CSS class by separating them with space.', 'auxin-elements'),
151	'param_name' => 'extra_classes',
152	'type' => 'textfield',
153	'value' => '',
154	'def_value' => '',
155	'holder' => '',
156	'class' => 'extra_classes',
157	'admin_label' => false,
158	'dependency' => '',
159	'weight' => '',
160	'group' => '' ,
161	'edit_field_class' => ''
162	)
163	)
164	);
165
166	return $master_array;
167	}
168
169	add_filter( 'auxin_master_array_shortcodes', 'auxin_get_divider_master_array', 10, 1 );
170
171
172
173	// This is the widget call back in fact the front end out put of this widget comes from this function
174	function auxin_widget_divider_callback( $atts, $shortcode_content = null ){
175
176	$default_atts = array(
177	'title' => '',
178	'size' => '',
179	'style' => 'solid',
180	'width' => 'medium',
181	'divider_color' => '',
182	'base_class' => '',
183	'divider_margin_bottom' => '',
184	'margin_top' => '',
185	'alignment' => 'center', // divider alignment
186	'symbol_alignment' => 'center', // symbol alignment
187
188	'extra_classes' => '',
189	'custom_el_id' => '',
190	'base_class' => 'aux-widget-divider'
191	);
192
193	$result = auxin_get_widget_scafold( $atts, $default_atts, $shortcode_content );
194	extract( $result['parsed_atts'] );
195
196	$class_names = "";
197	$symbol_class_names = "";
198	$inline_styles = "";
199
200	// Divider style
201	switch ( $style ) {
202	case 'solid':
203	$class_names = "aux-divider-center";
204	break;
205	case 'dashed':
206	$class_names = "aux-divider-dashed";
207	break;
208	case 'circle-symbol':
209	$class_names = "aux-divider-symbolic-circle";
210	break;
211	case 'diamond-symbol':
212	$class_names = "aux-divider-symbolic-square";
213	break;
214	case 'white-space':
215	$class_names = "aux-divider-space";
216	break;
217	case 'vertical':
218	$class_names = "aux-divider-vertical";
219	}
220
221	// Divider width
222	switch ( $width ) {
223	case 'large':
224	$class_names .= "";
225	break;
226	case 'medium':
227	$class_names .= " aux-divider-medium";
228	break;
229	case 'small':
230	$class_names .= " aux-divider-small";
231	break;
232	case 'tiny':
233	$class_names .= " aux-divider-tiny";
234	break;
235	}
236
237	// Divider alignment
238	if( ! empty( $alignment ) ){
239	$class_names .= " aux-divider-align-" . $alignment;
240	}
241
242	// Symbol alignment
243	if( ! empty( $symbol_alignment ) ){
244	$class_names .= " aux-symbol-align-" . $symbol_alignment;
245	}
246
247	if( ! empty( $extra_classes ) ) {
248	$class_names .= " $extra_classes";
249	}
250
251	if( ! empty( $margin_top ) ) {
252	$margin_top = (int) $margin_top;
253	$inline_styles .= "margin-top: " . esc_attr( $margin_top ) . "px;";
254	}
255
256	if( ! empty( $divider_margin_bottom ) ) {
257	$divider_margin_bottom = (int) $divider_margin_bottom;
258	$inline_styles .= "margin-bottom:" . esc_attr( $divider_margin_bottom ) . "px;";
259	}
260
261	if( ! empty( $divider_color ) ) {
262	$inline_styles .= "border-color:" . esc_attr( $divider_color ) . ";";
263	}
264
265	if( ! empty( $inline_styles ) ) {
266	$inline_styles = ' style="' . esc_attr( $inline_styles ) . '" ';
267	}
268
269	return '<hr class="'. esc_attr( $class_names ) . '"' . $inline_styles . ' >';
270	}
271
272