public function do_render()
{
parent::do_render();
?>
<div id="preview-dialog-modal" title="<?php
_e('CSS', 'nelioab');
?>
" style="display:none;">
<div class="nelioab-row">
<div class="nelioab-text">
<p class="nelioab-title"></p>
<p class="nelioab-css" style="font-family: Consolas, Monaco, Courier, monospace"></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 openCss( css, title ) {
var id = '#css-' + css;
jQuery('#preview-dialog-modal .nelioab-title').html(title);
jQuery('#preview-dialog-modal .nelioab-css').html(jQuery(id).text());
$nelioabPreviewDialog.dialog('open');
}
</script>
<?php
}
