/**
* 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;
}
