| 1 |
<?php |
| 2 |
defined('ABSPATH') || exit; |
| 3 |
|
| 4 |
$vision_plugin_url = plugin_dir_url(dirname(__FILE__)); |
| 5 |
?> |
| 6 |
<!DOCTYPE html> |
| 7 |
<html <?php language_attributes(); ?>> |
| 8 |
<head> |
| 9 |
<?php |
| 10 |
wp_enqueue_style('vision-lucide', $vision_plugin_url . 'assets/vendor/lucide/lucide.css', [], VISION_PLUGIN_VERSION, 'all' ); |
| 11 |
wp_enqueue_style('vision-preview', $vision_plugin_url . 'assets/css/preview.css', [], VISION_PLUGIN_VERSION); |
| 12 |
wp_enqueue_script('vision-preview', $vision_plugin_url . 'assets/js/preview.js', ['jquery'], VISION_PLUGIN_VERSION, false); |
| 13 |
wp_enqueue_script('vision-loader', $vision_plugin_url . 'assets/js/loader.js', ['jquery'], VISION_PLUGIN_VERSION, false); |
| 14 |
wp_localize_script('vision-loader', 'vision_globals', $this->getLoaderGlobals($this->vision_map_version)); |
| 15 |
wp_head(); |
| 16 |
?> |
| 17 |
</head> |
| 18 |
<body> |
| 19 |
<div class="vision-preview-wrap"> |
| 20 |
<div class="vision-preview-header"> |
| 21 |
<div class="vision-preview-btn" data-device="image" title="original image size"><i class="icon icon-image"></i></div> |
| 22 |
<div class="vision-preview-btn" data-device="desktop" title="desktop"><i class="icon icon-monitor"></i></div> |
| 23 |
<div class="vision-preview-btn" data-device="tablet" title="tablet"><i class="icon icon-tablet"></i></div> |
| 24 |
<div class="vision-preview-btn" data-device="mobile" title="mobile"><i class="icon icon-monitor-smartphone"></i></div> |
| 25 |
</div> |
| 26 |
<div class="vision-preview-workspace"> |
| 27 |
<div id="vision-preview-canvas" class="vision-preview-canvas"> |
| 28 |
<?php |
| 29 |
// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
| 30 |
echo $this->shortcode(['id' => $this->vision_map_id]); |
| 31 |
?> |
| 32 |
</div> |
| 33 |
</div> |
| 34 |
</div> |
| 35 |
</body> |
| 36 |
</html> |
