File: /home/hanode/public_html/wp-content/plugins/ml-slider/admin/views/pages/parts/toolbar.php
<?php if (!defined('ABSPATH')) {
die('No direct access.');
}
/**
* Using inline-template as there's a flicker before it loads
*/
?>
<metaslider-toolbar inline-template>
<div id="ms-toolbar"
class="flex-col items-center bg-white h-16 shadow-sm lg:sticky z-999<?php echo !$this->slider ? ' ms-toolbar-no-slides' : '' ?>"
:class="{'shadow-md':scrolling, 'flex': !isIE11}">
<div class="container h-full px-6">
<div class="flex items-center h-full -mx-4">
<a href="<?php echo esc_url(admin_url('admin.php?page=metaslider')); ?>" class="flex items-center h-full py-2 px-4 hidden sm:block">
<img style="height:46px;width:auto;" class="mr-2 rtl:mr-0 rtl:ml-2" src="<?php echo esc_url(METASLIDER_ADMIN_URL); ?>images/metaslider_logo3.png" alt="MetaSlider">
</a>
<?php if ($this->slider) : ?>
<div class="flex-grow h-full px-4">
<div class="-mx-4 items-center flex h-full">
<div class="flex items-center flex-grow px-4 h-full toolbar-separator"></div>
<div class="px-4 h-full toolbar-actions">
<div class="flex justify-end items-center h-full text-gray">
<?php if ( ! metaslider_viewing_trashed_slides( $this->slider->id ) ) : ?>
<button @click.prevent="addSlide()" id="add-new-slide" class='ms-toolbar-button tipsy-tooltip-bottom-toolbar' title='<?php esc_attr_e("Add a new slide", "ml-slider") ?>'>
<svg class="w-6 p-0.5 text-gray-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
</svg>
<span class="text-sm text-gray-darkest"><?php esc_html_e("Add Slide", "ml-slider") ?></span>
</button>
<button
@click.prevent="preview()"
id="preview-slideshow"
title="<?php esc_attr_e('Save & open the preview', 'ml-slider'); echo esc_attr(_x(' (alt + p)', 'This is a keyboard shortcut.', 'ml-slider')); ?>" class="ms-toolbar-button tipsy-tooltip-bottom-toolbar"
:disabled="locked"
:class="{'disabled': locked}">
<svg
:class="{'text-gray-dark': !locked}"
class="w-6 p-0.5"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" />
</svg>
<span class="text-sm"><?php esc_html_e('Preview', 'ml-slider'); ?></span>
</button>
<?php /* Removed for now
<span class="border-l h-8 mx-2"></span>
<a class="ms-toolbar-button tipsy-tooltip-bottom-toolbar" title="<?php _e('Read the documentation', 'ml-slider'); ?>" href="https://www.metaslider.com/documentation/" target="_blank">
<svg class="w-6 p-0.5 text-gray-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
</svg>
<span class="text-sm text-gray-darkest"><?php _e('Docs', 'ml-slider'); ?></span>
</a>
*/?>
<span class="border-l h-8 mx-2"></span>
<a class="ms-toolbar-button tipsy-tooltip-bottom-toolbar" title="<?php esc_attr_e('Add a new slideshow', 'ml-slider'); ?>" href="<?php echo esc_url(wp_nonce_url(admin_url("admin-post.php?action=metaslider_create_slider"), "metaslider_create_slider")); ?>">
<svg class="w-6 p-0.5 text-gray-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span class="text-sm text-gray-darkest"><?php esc_html_e('New', 'ml-slider'); ?></span>
</a>
<button
@click.prevent="duplicate()"
title="<?php esc_attr_e('Duplicate this slideshow', 'ml-slider'); ?>"
class="ms-toolbar-button tipsy-tooltip-bottom-toolbar"
:disabled="duplicating"
:class="{'disabled transition-none': duplicating}">
<svg
:class="{'text-gray-dark': !duplicating}"
class="w-6 p-0.5"
mlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
</svg>
<span
:class="{'text-gray-darkest': !duplicating, 'transition-none': duplicating}"
class="text-sm"><?php esc_html_e('Duplicate', 'ml-slider'); ?></span>
</button>
<!-- Pro only add css feature -->
<?php ob_start(); ?>
<button @click.prevent="showCSSManagerNotice()" title="<?php esc_attr_e('Adding custom CSS is a MetaSlider Pro feature. Click to learn more.', 'ml-slider'); ?>" class="ms-toolbar-button tipsy-tooltip-bottom-toolbar" :class="{'disabled':true}">
<svg class="w-6 p-0.5 text-gray-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" />
</svg>
<span class="text-sm text-gray-darkest"><?php esc_html_e('Add CSS', 'ml-slider'); ?></span>
</button>
<?php echo apply_filters('metaslider_add_css_module', ob_get_clean()); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
<span class="border-l h-8 mx-2"></span>
<!-- TODO: Create a vue component -->
<!-- TODO: check what triggers id="ms-save" -->
<button
@click.prevent="save()"
title="<?php esc_attr_e('Save slideshow', 'ml-slider'); ?>"
id="ms-save"
class="ms-toolbar-button tipsy-tooltip-bottom-toolbar"
:disabled="locked"
:class="{'disabled': locked}">
<svg
v-if="locked"
:class="{'opacity-100': true}"
class="opacity-0 w-6 p-0.5 ms-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
</svg>
<svg v-else class="w-6 p-0.5 text-gray-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" />
</svg>
<span :class="{'text-gray-darkest': !locked}" class="text-sm"><?php esc_html_e('Save', 'ml-slider'); ?></span>
</button>
<?php else : ?>
<a href="<?php
echo esc_url(
admin_url( "admin.php?page=metaslider&id={$this->slider->id}" )
) ?>" class="ms-toolbar-button tipsy-tooltip-bottom-toolbar">
<svg class="w-6 p-0.5 text-gray-dark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 15L3 9m0 0l6-6M3 9h12a6 6 0 010 12h-3" />
</svg>
<span :class="{'text-gray-darkest': !locked}" class="text-sm">
<?php esc_html_e( 'Return to Published Slides', 'ml-slider'); ?>
</span>
</a>
<?php endif; ?>
</div>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
</metaslider-toolbar>