first
This commit is contained in:
@ -0,0 +1,43 @@
|
||||
<?php
|
||||
namespace ShortPixel;
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
?>
|
||||
|
||||
<!-- The image comparer -->
|
||||
|
||||
<div id="sp-modal-shade" class="sp-modal-shade"></div>
|
||||
<div id="spUploadCompare" class="shortpixel-modal shortpixel-hide">
|
||||
<div class="sp-modal-title">
|
||||
<button type="button" class="sp-close-button">×</button>
|
||||
<?php esc_html_e('Compare Images', 'shortpixel-image-optimiser');?>
|
||||
</div>
|
||||
<div class="sp-modal-body sptw-modal-spinner" style="height:400px;padding:0;">
|
||||
<div class="shortpixel-slider" style="z-index:2000;">
|
||||
<div class="twentytwenty-container" id="spCompareSlider">
|
||||
<img class="spUploadCompareOriginal"/>
|
||||
<img class="spUploadCompareOptimized"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="spUploadCompareSideBySide" class="shortpixel-modal shortpixel-hide">
|
||||
<div class="sp-modal-title">
|
||||
<button type="button" class="sp-close-button">×</button>
|
||||
Compare Images
|
||||
</div>
|
||||
<div class="sp-modal-body" style="height:400px;padding:0;">
|
||||
<div class="shortpixel-slider" style="text-align: center;">
|
||||
<div class="side-by-side" style="text-align: center; display:inline-block;">
|
||||
<img class="spUploadCompareOriginal" style="margin: 10px"/><br>
|
||||
Original
|
||||
</div>
|
||||
<div class="side-by-side" style="text-align: center; display:inline-block;">
|
||||
<img class="spUploadCompareOptimized" style="margin: 10px"/><br>
|
||||
Optimized
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,43 @@
|
||||
<?php
|
||||
namespace ShortPixel;
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
?>
|
||||
|
||||
<div id="spioHelpShade" class="spio-modal-shade" style="display:none;">
|
||||
<div id="spioHelp" class="spio-modal spio-hide" style="min-width:610px;margin-left:-305px;">
|
||||
<div class="spio-modal-title">
|
||||
<button type="button" class="spio-close-help-button" onclick="jQuery.spioHelpClose()">×</button>
|
||||
</div>
|
||||
<div class="spio-modal-body" style="height:auto;min-height:400px;padding:0;">
|
||||
<iframe src="about:blank" width="100%" height="400" style="border:none"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" id="spio_help_js">
|
||||
jQuery(document).ready(function($)
|
||||
{
|
||||
|
||||
$.spioHelpInit = function(){
|
||||
jQuery('div.spio-inline-help span').on('click', function(elm){ jQuery.spioHelpOpen(elm)});
|
||||
jQuery('div.spio-modal-shade').on('click', function(elm){ jQuery.spioHelpClose()});
|
||||
}
|
||||
|
||||
$.spioHelpOpen = function(evt) {
|
||||
//$("#shortPixelProposeUpgrade .spio-modal-body").html("");
|
||||
$("#spioHelpShade").css("display", "block");
|
||||
$("#spioHelp .spio-modal-body iframe").attr('src', evt.target.dataset.link);
|
||||
$("#spioHelp").removeClass('spio-hide');
|
||||
}
|
||||
|
||||
$.spioHelpClose = function(){
|
||||
jQuery("#spioHelpShade").css("display", "none");
|
||||
$("#spioHelp .spio-modal-body iframe").attr('src', 'about:blank');
|
||||
jQuery("#spioHelp").addClass('spio-hide');
|
||||
}
|
||||
jQuery.spioHelpInit()
|
||||
|
||||
;});
|
||||
</script>
|
||||
</div>
|
||||
@ -0,0 +1,17 @@
|
||||
<?php
|
||||
namespace ShortPixel;
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
?>
|
||||
|
||||
<div id="spioSettingsModalShade" class="spio-modal-shade" style="display:none;"></div>
|
||||
<div id="spioSettingsModal" class="spio-modal spio-hide" style="min-width:610px;margin-left:-305px;">
|
||||
<div class="spio-modal-title">
|
||||
<button type="button" class="spio-close-help-button" onclick="jQuery.spioHelpClose()">×</button>
|
||||
</div>
|
||||
<div class="spio-modal-body" style="height:auto;min-height:400px;padding:0;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,42 @@
|
||||
<?php
|
||||
foreach($this->view->actions as $actionName => $action):
|
||||
|
||||
$layout = isset($action['layout']) ? $action['layout'] : false;
|
||||
|
||||
|
||||
if (isset($action['display']))
|
||||
{
|
||||
$display = $action['display'];
|
||||
$classes = $actionName;
|
||||
switch($display)
|
||||
{
|
||||
case 'button':
|
||||
$classes = " button-smaller button-primary $actionName ";
|
||||
break;
|
||||
case 'button-secondary':
|
||||
$classes = " button-smaller button $actionName ";
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
$link = ($action['type'] == 'js') ? 'javascript:' . $action['function'] : $action['function'];
|
||||
|
||||
$title = isset($action['title']) ? ' title="' . $action['title'] . '" ' : '';
|
||||
|
||||
if ($layout && $layout == 'paragraph')
|
||||
{
|
||||
echo "<P>";
|
||||
}
|
||||
?>
|
||||
<a href="<?php echo $link ?>" <?php echo $title ?> class="<?php echo esc_attr($classes) ?>"><?php echo esc_html($action['text']) ?></a>
|
||||
|
||||
<?php
|
||||
if ($layout && $layout == 'paragraph')
|
||||
{
|
||||
echo "</P>";
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
<?php
|
||||
endforeach;
|
||||
@ -0,0 +1,38 @@
|
||||
<?php
|
||||
namespace ShortPixel;
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
?>
|
||||
|
||||
<svg version="1.1" class="svg-loader" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 100 50" enable-background="new 0 0 0 0" xml:space="preserve">
|
||||
<circle fill="#1cbecb" stroke="none" cx="6" cy="25" r="6">
|
||||
<animateTransform
|
||||
attributeName="transform"
|
||||
dur="1s"
|
||||
type="translate"
|
||||
values="0 15 ; 0 -15; 0 15"
|
||||
repeatCount="indefinite"
|
||||
begin="0.1"/>
|
||||
</circle>
|
||||
<circle fill="#1cbecb" stroke="none" cx="30" cy="27" r="6">
|
||||
<animateTransform
|
||||
attributeName="transform"
|
||||
dur="1s"
|
||||
type="translate"
|
||||
values="0 10 ; 0 -10; 0 10"
|
||||
repeatCount="indefinite"
|
||||
begin="0.2"/>
|
||||
</circle>
|
||||
<circle fill="#1cbecb" stroke="none" cx="54" cy="29" r="6">
|
||||
<animateTransform
|
||||
attributeName="transform"
|
||||
dur="1s"
|
||||
type="translate"
|
||||
values="0 5 ; 0 -5; 0 5"
|
||||
repeatCount="indefinite"
|
||||
begin="0.3"/>
|
||||
</circle>
|
||||
</svg>
|
||||
@ -0,0 +1,19 @@
|
||||
<?php
|
||||
namespace ShortPixel;
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
?>
|
||||
|
||||
<div id="shortPixelProposeUpgradeShade" class="sp-modal-shade" style="display:none;"></div>
|
||||
|
||||
<div id="shortPixelProposeUpgrade" class="shortpixel-modal shortpixel-hide" style="min-width:650px;margin-left:-305px;">
|
||||
<div class="sp-modal-title">
|
||||
<button type="button" class="sp-close-upgrade-button" onclick="ShortPixel.closeProposeUpgrade()">×</button>
|
||||
<?php __('Upgrade your ShortPixel account', 'shortpixel-image-optimiser') ?>
|
||||
</div>
|
||||
<div class="sp-modal-body sptw-modal-spinner" style="height:auto;min-height:400px;padding:0;">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user