1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
|
<?php
$atts = vc_map_get_attributes( $this->getShortcode(), $atts );
$show_on_shortcode = Penci_Helper_Shortcode::show_on_shortcode( $atts );
if ( ! $show_on_shortcode ) {
return;
}
$unique_id = 'penci-social-counter--' . rand( 1000, 100000 );
$class = Penci_Framework_Helper::get_class_block( array( $this->getCSSAnimation( $atts['css_animation'] ), 'penci-social-counter--' . $atts['style_counter'] ), $atts );
$class = preg_replace( '/\s+/', ' ', apply_filters( 'vc_shortcodes_css_class', implode( ' ', array_filter( $class ) ), 'social_counter', $atts ) );
?>
<div id="<?php echo esc_attr( $unique_id ); ?>" class="penci-block-vc penci-social-counter <?php echo esc_attr( $class ); ?>">
<div class="penci-block-heading">
<?php Penci_Helper_Shortcode::get_block_title( $atts ); ?>
</div>
<div class="penci-block_content">
<?php
$output = '';
$penci_social_api = new Penci_Framework_Social_Api();
$list_socails = function_exists( 'penci_get_list_social_media' ) ? penci_get_list_social_media() : array();
$target = '';
if( ! empty( $atts['open_in_new_window'] ) ){
$target = ' target="_blank"';
if( ! get_theme_mod( 'penci_dis_noopener' ) ) {
$target .= ' rel="noopener"';
}
}
$icon_like = '<i class="fa fa-thumbs-o-up"></i>';
$icon_follow = '<i class="fa fa-user-plus"></i>';
$fans_followers = esc_html__( 'Fans', 'penci-framework' );
$text_followers = esc_html__( 'Followers', 'penci-framework' );
$like_followers = esc_html__( 'Like', 'penci-framework' );
$follow_followers = esc_html__( 'Follow', 'penci-framework' );
$subscribe_followers = esc_html__( 'Subscribe', 'penci-framework' );
$patron_followers = esc_html__( 'Become a patron', 'penci-framework' );
if ( function_exists( 'penci_get_tran_setting' ) ) {
$fans_followers = penci_get_tran_setting( 'penci_social_fan_text' );
$text_followers = penci_get_tran_setting( 'penci_social_followers_text' );
$like_followers = penci_get_tran_setting( 'penci_social_like_text' );
$follow_followers = penci_get_tran_setting( 'penci_social_follow_text' );
$subscribe_followers = penci_get_tran_setting( 'penci_social_subscribe_text' );
$patron_followers = penci_get_tran_setting( 'penci_social_patron_text' );
}
foreach ( $list_socails as $social_id => $social_name ) {
if ( empty( $atts[ $social_id ] ) ) {
continue;
}
$user_id = isset( $atts[ $social_id ] ) ? $atts[ $social_id ] : '';
// Get count only run with style 'style-3', 'style-4', 'style-5'
switch ( $social_id ) {
case 'facebook':
$social_network_meta = array(
'button' => $icon_like . $like_followers,
'url' => "https://www.facebook.com/$user_id",
'text' => $fans_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'twitter':
$social_network_meta = array(
'button' => $icon_follow . $follow_followers,
'url' => "https://twitter.com/$user_id",
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'vimeo':
$social_network_meta = array(
'button' => $icon_like . $follow_followers,
'url' => "http://vimeo.com/$user_id",
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'youtube':
$social_network_meta = array(
'button' => $icon_follow . $subscribe_followers,
'url' => ( strpos( 'channel/', $user_id ) >= 0 ) ? "http://www.youtube.com/$user_id" : "http://www.youtube.com/user/$user_id",
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'google':
$social_network_meta = array(
'button' => $icon_follow . $follow_followers,
'url' => "https://plus.google.com/$user_id",
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'instagram':
$social_network_meta = array(
'button' => $icon_follow . $follow_followers,
'url' => "http://instagram.com/$user_id",
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'pinterest':
$social_network_meta = array(
'button' => $icon_follow . $follow_followers,
'url' => "https://www.pinterest.com/$user_id",
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'soundcloud':
$social_network_meta = array(
'button' => $icon_follow . $follow_followers,
'url' => "https://soundcloud.com/$user_id",
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'github':
$social_network_meta = array(
'button' => $icon_follow . $follow_followers,
'url' => "https://github.com/$user_id",
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'rss':
$social_network_meta = array(
'button' => $icon_follow . $follow_followers,
'url' => get_bloginfo( 'rss2_url' ),
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'behance':
$social_network_meta = array(
'button' => $icon_follow . $follow_followers,
'url' => $user_id,
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'flickr':
$social_network_meta = array(
'button' => $icon_follow . $follow_followers,
'url' => $user_id,
'text' => $text_followers,
'api' => $penci_social_api->get_social_counter( $social_id,$user_id, $atts ),
);
break;
case 'patreon':
$social_network_meta = array(
'button' => $patron_followers,
'url' => $user_id,
'text' => '',
'api' => 0,
);
break;
default:
$social_network_meta = array(
'button' => $icon_follow . $follow_followers,
'url' => $atts[ $social_id ],
'text' => $text_followers,
'api' => 0,
);
break;
}
$output .= '<div class="penci-social__item penci-social__' . $social_id . ( ! $social_network_meta['api'] ? ' penci-social__empty' : '' ) . '">';
$output .= '<div class="penci-social__content">';
$output .= '<a href="' . $social_network_meta['url'] . '"' . $target . '>';
$social_icon = 'fa fa-' . $social_id;
if ( 'email_me' == $social_id ) {
$social_icon = 'fa fa-envelope';
} elseif ( 'bloglovin' == $social_id ) {
$social_icon = 'fa fa-heart';
} elseif ( 'youtube' == $social_id ) {
$social_icon = 'fa fa-youtube-play';
} elseif ( 'google' == $social_id ) {
$social_icon = 'fa fa-google-plus';
} elseif ( 'line' == $social_id ) {
$social_icon = 'fa fab fa-line';
}elseif ( 'patreon' == $social_id ) {
$social_icon = 'fa fab fa-patreon';
}
if ( 'style-1' == $atts['style_counter'] ) {
$output .= '<i class="' . $social_icon . '"></i>';
$output .= '<span class="penci-social__name">' . $social_name . '</span>';
$output .= '<span class="penci-social__button">' . $social_network_meta['button'] . '</span>';
} elseif ( 'style-2' == $atts['style_counter'] ) {
$output .= '<i class="' . $social_icon . '"></i>';
} elseif ( 'style-6' == $atts['style_counter'] ) {
$output .= '<i class="' . $social_icon . '"></i>';
$output .= '<span class="penci-social__name">' . $social_name . '</span>';
}else {
$output .= '<i class="' . $social_icon . '"></i>';
if( $social_network_meta['api'] ) {
$output .= '<span class="penci-social__number">' . $social_network_meta['api'] . '</span>';
$output .= '<span class="penci-social__info-text">' . $social_network_meta['text'] . '</span>';
}
}
$output .= '</a>';
$output .= '</div>';
$output .= '</div>';
}
echo $output;
?>
</div>
</div>
<?php
$is_widget = Penci_Helper_Shortcode::check_blockvc_is_widget( $atts );
$id_social_block = '#' . $unique_id;
$css_custom = Penci_Helper_Shortcode::get_general_css_custom( $id_social_block , $atts );
if ( $atts['icon_font_size'] ) {
$css_custom .= sprintf( '%s .penci-social__item .fa{ font-size:%s; }', $id_social_block , $atts['icon_font_size'] );
}
if ( $atts['background_social_color'] ) {
$css_custom .= sprintf( '%s .penci-social__content{ background-color:%s; }', $id_social_block , $atts['background_social_color'] );
$css_custom .= sprintf( '%s .penci-social__instagram .penci-social__content:before{ opacity: 0; }', $id_social_block );
}
if ( $atts['background_social_hcolor'] ) {
$css_custom .= sprintf( '%s .penci-social__content:hover{ background-color:%s; }', $id_social_block , $atts['background_social_hcolor'] );
$css_custom .= sprintf( '%s .penci-social__instagram .penci-social__content:hover:before{ opacity: 1 }', $id_social_block );
}
if ( $atts['item_text_color'] ) {
$css_custom .= sprintf( '%s .penci-social__item a,%s .penci-social__number,%s .penci-social__info-text{ color:%s; }',
$id_social_block , $id_social_block , $id_social_block , $atts['item_text_color'], $atts['item_text_color'], $atts['item_text_color'] );
}
if ( $atts['item_text_hover_color'] ) {
$css_custom .= sprintf( '%s .penci-social__item a:hover,%s a:hover .penci-social__number,%s a:hover .penci-social__info-text{ color:%s; }',
$id_social_block,
$id_social_block,
$id_social_block,
$atts['item_text_hover_color'],
$atts['item_text_hover_color'],
$atts['item_text_hover_color']
);
}
if ( 'center' == $atts['social_item_align'] ){
$css_custom .= $id_social_block . '.penci-social-counter--style-2 .penci-block_content { justify-content: center; }';
}elseif ( 'right' == $atts['social_item_align'] ){
$css_custom .= $id_social_block . '.penci-social-counter--style-2 .penci-block_content { justify-content: flex-end; }';
}
$css_custom .= Penci_Helper_Shortcode::get_typo_css_custom( array(
'e_admin' => 'block_title',
'font-size' => '18px',
'google_fonts' => Penci_Helper_Shortcode::get_font_family( 'oswald', $is_widget ),
'template' => $id_social_block . ( $atts['style_block_title'] ? '.' . $atts['style_block_title'] : '' ) . ' .penci-block__title{ %s }',
), $atts
);
$css_custom .= Penci_Helper_Shortcode::get_typo_css_custom( array(
'e_admin' => 'social_item',
'font-size' => '',
'google_fonts' => Penci_Helper_Shortcode::get_font_family( 'roboto', $is_widget ),
'template' => $id_social_block . ' .penci-social__item a,' . $id_social_block . ' .penci-social__number,' . $id_social_block . ' .penci-social__info-text,' . $id_social_block . ' .penci-social__item .penci-social__button,' . $id_social_block . '.penci-social-counter--style-6 .penci-social__name { %s }' ,
), $atts
);
if ( $css_custom ) {
echo '<style>';
echo $css_custom ;
echo '</style>';
}
|