AlxMedia/magaziner
1
0
Fork 0
mirror of https://ghproxy.net/https://github.com/AlxMedia/magaziner.git synced 2025-08-28 12:37:59 +08:00
Code Issues Projects Packages Wiki Activity Actions

Initial commit

Browse source
This commit is contained in:
Alexander Agnarson 2020-03-11 14:44:42 +01:00
commit b0607606ae
369 changed files with 85494 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

167
functions/kirki/modules/loading/class-kirki-modules-loading.php Normal file
View file

@ -0,0 +1,167 @@
<?php
/**
* Adds a custom loading icon when the previewer refreshes.
*
* @package Kirki
* @subpackage Modules
* @copyright Copyright (c) 2019, Ari Stathopoulos (@aristath)
* @license https://opensource.org/licenses/MIT
* @since 3.0.0
*/
/**
* Modifies the loading overlay.
*/
class Kirki_Modules_Loading {
/**
* The object instance.
*
* @static
* @access private
* @since 3.0.0
* @var object
*/
private static $instance;
/**
* Constructor.
*
* @access protected
*/
protected function __construct() {
add_action( 'init', array( $this, 'init' ) );
}
/**
* Gets an instance of this object.
* Prevents duplicate instances which avoid artefacts and improves performance.
*
* @static
* @access public
* @since 3.0.0
* @return object
*/
public static function get_instance() {
if ( ! self::$instance ) {
self::$instance = new self();
}
return self::$instance;
}
/**
* Runs on init.
*
* @access public
* @since 3.0.0
*/
public function init() {
global $wp_customize;
if ( ! $wp_customize ) {
return;
}
// Allow disabling the custom loader using the kirki_config filter.
$config = apply_filters( 'kirki_config', array() );
if ( isset( $config['disable_loader'] ) && true === $config['disable_loader'] ) {
return;
}
// Add the "loading" icon.
add_action( 'wp_footer', array( $this, 'add_loader_to_footer' ) );
add_action( 'wp_head', array( $this, 'add_loader_styles_to_header' ), 99 );
$this->remove_default_loading_styles();
}
/**
* Adds a custom "loading" div $ its styles when changes are made to the customizer.
*
* @access public
*/
public function add_loader_to_footer() {
?>
<div class="kirki-customizer-loading-wrapper">
<span class="kirki-customizer-loading"></span>
</div>
<?php
}
/**
* Adds the loader CSS to our `<head>`.
*
* @access public
*/
public function add_loader_styles_to_header() {
?>
<style>
body.wp-customizer-unloading {
opacity: 1;
cursor: progress !important;
-webkit-transition: none;
transition: none;
}
body.wp-customizer-unloading * {
pointer-events: none !important;
}
.kirki-customizer-loading-wrapper {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(255,255,255,0.83);
z-index: 999999;
display: none;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
background-image: url("<?php echo esc_url_raw( Kirki::$url ); ?>/assets/images/kirki-logo.svg");
background-repeat: no-repeat;
background-position: center center;
}
body.wp-customizer-unloading .kirki-customizer-loading-wrapper {
display: block;
opacity: 1;
}
.kirki-customizer-loading-wrapper .kirki-customizer-loading {
position: absolute;
width: 60px;
height: 60px;
top: 50%;
left: 50%;
margin: -30px;
background-color: rgba(0,0,0,.83);
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% { -webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
</style>
<?php
}
/**
* Removes the default loader styles from WP Core.
*
* @access public
*/
public function remove_default_loading_styles() {
global $wp_customize;
remove_action( 'wp_head', array( $wp_customize, 'customize_preview_loading_style' ) );
}
}