/** * Render the shortcode * @param array $args Shortcode paramters * @param string $content Content between shortcode * @return string HTML output */ function render($args, $content = '') { $defaults = Magee_Core::set_shortcode_defaults(array('id' => 'magee-social', 'class' => '', 'icon_size' => '', 'effect_3d' => 'no', 'title' => '', 'icon' => '', 'iconlink' => '#', 'iconcolor' => '#A0A0A0', 'backgroundcolor' => 'transparent', 'iconboxedradius' => ''), $args); extract($defaults); self::$args = $defaults; $uniqid = uniqid('social-'); $this->id = $id . $uniqid; $uqid = uniqid('tab'); $sty3d = ''; $textstyle = sprintf(' .%s_social_icon_acolor{ color: %s !important ; background-color: %s !important; font-size: %s; }', $uqid, $iconcolor, $backgroundcolor, $icon_size); $styles = sprintf('<style type="text/css" scoped="scoped">%s </style>', $textstyle); if ($effect_3d == 'yes') { $sty3d .= ' icon-3d'; } switch ($iconboxedradius) { case 'normal': break; case 'boxed': $sty3d .= ' icon-boxed'; break; case 'rounded': $sty3d .= ' icon-boxed rounded'; break; case 'circle': $sty3d .= ' icon-boxed circle'; break; } $html = sprintf(' %s <a href="%s" Id="%s" class="fa %s magee-icon %s %s %s_social_icon_acolor" data-toggle="tooltip" data-placement="top" title="" data-original-title="%s"></a>', $styles, $iconlink, $id, $icon, $sty3d, $class, $uqid, $title); return $html; }
/** * Render the shortcode * @param array $args Shortcode paramters * @param string $content Content between shortcode * @return string HTML output */ function render($args, $content = '') { $defaults = Magee_Core::set_shortcode_defaults(array('id' => 'magee-social', 'class' => '', 'icon_size' => '', 'effect_3d' => 'no', 'title' => '', 'icon' => '', 'iconlink' => '#', 'icontarget' => '', 'iconcolor' => '#A0A0A0', 'backgroundcolor' => 'transparent', 'iconboxedradius' => ''), $args); extract($defaults); self::$args = $defaults; if (is_numeric($icon_size)) { $icon_size = $icon_size . 'px'; } $uniqid = uniqid('social-'); $this->id = $id . $uniqid; $uqid = uniqid('tab'); $sty3d = ''; $textstyle = sprintf(' .%s_social_icon_acolor{ color: %s !important ; background-color: %s !important; font-size: %s; }', $uqid, $iconcolor, $backgroundcolor, $icon_size); $styles = sprintf('<style type="text/css" scoped="scoped">%s </style>', $textstyle); if ($effect_3d == 'yes') { $sty3d .= ' icon-3d'; } switch ($iconboxedradius) { case 'normal': break; case 'boxed': $sty3d .= ' icon-boxed'; break; case 'rounded': $sty3d .= ' icon-boxed rounded'; break; case 'circle': $sty3d .= ' icon-boxed circle'; break; } if (stristr($icon, 'fa-')) { $html = sprintf(' %s <a href="%s" target="%s" Id="%s" class="fa %s magee-icon %s %s %s_social_icon_acolor" data-toggle="tooltip" data-placement="top" title="" data-original-title="%s"></a>', $styles, $iconlink, $icontarget, $id, $icon, $sty3d, $class, $uqid, $title); } else { $html = sprintf(' %s <a href="%s" target="%s" Id="%s" class="fa magee-icon %s %s %s_social_icon_acolor" data-toggle="tooltip" data-placement="top" title="" data-original-title="%s"><img src="%s" class="image_instead"/></a>', $styles, $iconlink, $icontarget, $id, $sty3d, $class, $uqid, $title, $icon); } $html .= "<script>\r\n\t jQuery(function(\$) {\r\n\t if(\$('#magee-sc-form-preview').length>0){\r\n\t\t \$('#magee-sc-form-preview').contents().find('a.magee-icon').css({\"position\":\"relative\",\"top\":\"50px\",\"left\":\"200px\"});\r\n\t\t\t\t \$('#magee-sc-form-preview').contents().find('a.magee-icon').on('click',function(e){\r\n\t\t\t\t if(\$(this).attr('href') == '#'){\r\n\t\t\t\t\t e.preventDefault();\r\n\t\t\t\t }\r\n\t\t\t\t });\r\n\t\t\t\t \$('#magee-sc-form-preview').contents().find('a.magee-icon').on('hover',function(){\r\n\t\t\t\t if(\$('#magee-sc-form-preview').contents().find('#tooltip-hidden').length>0){\r\n\t\t\t\t\t \$('#magee-sc-form-preview').contents().find('#tooltip-hidden').remove();\r\n\t\t\t\t\t }else{\r\n\t\t\t\t\t var html = '<div class=\"tooltip fade top in\" id=\"tooltip-hidden\" role=\"tooltip\" style=\"display: block;\"><div class=\"tooltip-arrow\"></div><div class=\"tooltip-inner\">" . $title . "</div></div>';\r\n\t\t\t\t\t \$('#magee-sc-form-preview').contents().find('a.magee-icon').after(html);\r\n\t\t\t\t\t var hidden = \$('#magee-sc-form-preview').contents().find('#tooltip-hidden');\r\n\t\t\t\t\t size = (\$('#magee-sc-form-preview').contents().find('a.magee-icon').width()/2+200-hidden.width()/2).toString();\r\n\t\t\t\t\t hidden.css({\"position\":\"absolute\",\"top\":\"20px\",\"left\":size+\"px\"});\r\n\t\t\t\t\t }\t\t\t\t \r\n\t\t\t }); \r\n\t\t\t }\r\n\t\t }); \r\n\t\t</script>"; return $html; }