/**
* 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-popover', 'class' => '', 'title' => '', 'triggering_text' => '', 'trigger' => 'click', 'placement' => 'top'), $args);
extract($defaults);
self::$args = $defaults;
$uniqid = uniqid('popover-');
$this->id = $id . $uniqid;
$html = sprintf('<span class="%s" id="%s" data-toggle="popover" data-trigger="%s" data-placement="%s"
data-content="%s" data-original-title="%s" >%s</span>', $class, $id, $trigger, $placement, do_shortcode(Magee_Core::fix_shortcodes($content)), $title, $triggering_text);
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-popover', 'class' => '', 'title' => '', 'triggering_text' => '', 'trigger' => 'click', 'placement' => 'top'), $args);
extract($defaults);
self::$args = $defaults;
$uniqid = uniqid('popover-');
$this->id = $id . $uniqid;
$html = sprintf('<span class="popover-preview %s" id="%s" data-toggle="popover" data-trigger="%s" data-placement="%s"
data-content="%s" data-original-title="%s" >%s</span>', $class, $id, $trigger, $placement, do_shortcode(Magee_Core::fix_shortcodes($content)), $title, $triggering_text);
$html .= "<script>\r\n\t\tjQuery(function(\$){\r\n\t\t\tif(jQuery('#magee-sc-form-preview').length>0){\r\n\t\t\t\t\$('#magee-sc-form-preview').ready(function(){\r\n\t\t\t\t\t\$('#magee-sc-form-preview').contents().find('.popover-preview').css({\"position\":\"relative\",\"top\":\"100px\",\"left\":\"200px\"});\r\n\t\t\t\t\t\$('#magee-sc-form-preview').contents().find('.popover-preview').on('" . $trigger . "',function(){\r\n\t\t\t\t\t\tif(\$('#magee-sc-form-preview').contents().find('.popover').length>0){\r\n\t\t\t\t\t\t\$('#magee-sc-form-preview').contents().find('.popover').remove();\r\n\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\tvar html = '<div class=\"popover-preview-hidden popover fade " . $placement . " in\" role=\"tooltip\" id=\"{$uniqid}\" style=\"display: block;\"><div class=\"arrow\"></div><h3 class=\"popover-title\">" . $title . "</h3><div class=\"popover-content\">" . do_shortcode(Magee_Core::fix_shortcodes($content)) . "</div></div>';\t\t\t\r\n\t\t\t\t\t\t\$('#magee-sc-form-preview').contents().find('span').after(html);\t\r\n\t\t\t\t\t\tvar hidden = \$('#magee-sc-form-preview').contents().find('.popover-preview-hidden');\r\n\t\t\t\t\t\t\tif(hidden.attr('class').indexOf('top')>=0){\r\n\t\t\t\t\t\t\t\tsize = (\$('#magee-sc-form-preview').contents().find('.popover-preview').width()/2+200-hidden.width()/2).toString();\r\n\t\t\t\t\t\t\t\thidden.css({\"position\":\"absolute\",\"top\":\"25px\",\"left\":size+\"px\"});}\r\n\t\t\t\t\t\t\tif(hidden.attr('class').indexOf('bottom')>=0){\r\n\t\t\t\t\t\t\t\tsize = (\$('#magee-sc-form-preview').contents().find('.popover-preview').width()/2+200-hidden.width()/2).toString();\r\n\t\t\t\t\t\t\t\thidden.css({\"position\":\"absolute\",\"top\":\"116px\",\"left\":size+\"px\"});}\r\n\t\t\t\t\t\t\tif(hidden.attr('class').indexOf('left')>=0){\r\n\t\t\t\t\t\t\t\tsize_width = (200-(hidden.width()+10)).toString();\r\n\t\t\t\t\t\t\t\tsize_height = (\$('#magee-sc-form-preview').contents().find('.popover-preview').height()/2+100-hidden.height()/2).toString();\r\n\t\t\t\t\t\t\t\thidden.css({\"position\":\"absolute\",\"top\":size_height+\"px\",\"left\":size_width+\"px\"});}\r\n\t\t\t\t\t\t\tif(hidden.attr('class').indexOf('Right')>=0){\r\n\t\t\t\t\t\t\t\tsize_width = (200+\$('#magee-sc-form-preview').contents().find('.popover-preview').width()).toString();\r\n\t\t\t\t\t\t\t\tsize_height = (\$('#magee-sc-form-preview').contents().find('.popover-preview').height()/2+100-hidden.height()/2).toString();\r\n\t\t\t\t\t\t\t\thidden.css({\"position\":\"absolute\",\"top\":size_height+\"px\",\"left\":size_width+\"px\"});}\r\n\t\t\t\t\t\t}\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t});\r\n\t\t\t\t\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t\t</script>";
return $html;
}
