public function do_render()
{
parent::do_render();
?>
<div id="preview-dialog-modal" title="<?php
_e('Headline', 'nelioab');
?>
" style="display:none;">
<div class="nelioab-row">
<div class="nelioab-image">
<img src="" />
</div>
<div class="nelioab-text">
<p class="nelioab-title"></p>
<p class="nelioab-excerpt"></p>
</div>
</div>
</div>
<script type="text/javascript">
var $nelioabPreviewDialog;
jQuery(document).ready(function() {
$nelioabPreviewDialog = jQuery('#preview-dialog-modal').dialog({
dialogClass : 'wp-dialog',
modal : true,
autoOpen : false,
closeOnEscape : true,
width : 600,
buttons : [
{
text: "<?php
echo esc_html(__('Close', 'nelioab'));
?>
",
click: function() {
jQuery(this).dialog('close');
}
},
]
});
});
function nelioabPreviewLink(title, excerpt, imageUrl) {
jQuery('#preview-dialog-modal img').attr('src', imageUrl);
jQuery('#preview-dialog-modal .nelioab-title').html(title);
jQuery('#preview-dialog-modal .nelioab-excerpt').html(excerpt);
$nelioabPreviewDialog.dialog('open');
}
</script>
<?php
}