PluginProbe
Loading Page with Loading Screen / 1.0.87
Loading Page with Loading Screen v1.0.87
1.2.8 1.0.92 1.0.93 1.0.94 1.0.95 1.0.96 1.1.0 1.1.1 1.1.10 1.1.11 1.1.12 1.1.13 1.1.14 1.1.15 1.1.16 1.1.17 1.1.18 1.1.19 1.1.2 1.1.20 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 All 46 releases
loading-page / loading-page.php

loading-page.php in Loading Page with Loading Screen 1.0.87, at loading-page.php

1,092 lines 53.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 /**
3 Plugin Name: Loading Page
4 Plugin URI: http://wordpress.dwbooster.com/content-tools/loading-page
5 Description: Loading Page plugin performs a pre-loading of images on your website and displays a loading progress screen with percentage of completion. Once everything is loaded, the screen disappears.
6 Version: 1.0.87
7 Author: CodePeople
8 Author URI: http://wordpress.dwbooster.com/content-tools/loading-page
9 License: GPLv2
10 Text Domain: loading-page
11 */
12
13 require_once 'banner.php';
14 $codepeople_promote_banner_plugins['codepeople-loading-page'] = array(
15 'plugin_name' => 'Loading Page',
16 'plugin_url' => 'https://wordpress.org/support/plugin/loading-page/reviews/#new-post',
17 );
18
19 // CONST.
20 define( 'LOADING_PAGE_PLUGIN_DIR', dirname( __FILE__ ) );
21 define( 'LOADING_PAGE_PLUGIN_URL', plugins_url( '', __FILE__ ) );
22 define( 'LOADING_PAGE_TD', 'loading-page' );
23
24 // Feedback system.
25 require_once 'feedback/cp-feedback.php';
26 new CP_FEEDBACK( plugin_basename( dirname( __FILE__ ) ), __FILE__, 'https://wordpress.dwbooster.com/contact-us' );
27
28 require LOADING_PAGE_PLUGIN_DIR . '/includes/admin_functions.php';
29
30 add_filter( 'option_sbp_settings', 'loading_page_troubleshoot' );
31 if ( ! function_exists( 'loading_page_troubleshoot' ) ) {
32 /**
33 * Troubleshoot
34 *
35 * @param array $option checks values entered by third-party plugins.
36 */
37 function loading_page_troubleshoot( $option ) {
38 if ( ! is_admin() ) {
39 // Solves a conflict caused by the "Speed Booster Pack" plugin.
40 if ( is_array( $option ) && isset( $option['jquery_to_footer'] ) ) {
41 unset( $option['jquery_to_footer'] );
42 }
43 if ( is_array( $option ) && isset( $option['defer_parsing'] ) ) {
44 unset( $option['defer_parsing'] );
45 }
46 }
47 return $option;
48 } // End loading_page_troubleshoot.
49 }
50
51 /**
52 * Plugin activation
53 */
54 register_activation_hook( __FILE__, 'loading_page_install' );
55 if ( ! function_exists( 'loading_page_install' ) ) {
56 /**
57 * Default options
58 */
59 function _loading_page_options() {
60 $loading_page_options = get_option( 'loading_page_options', array() );
61 if ( ! empty( $loading_page_options ) ) {
62 return;
63 }
64
65 // Set the default options here.
66 $loading_page_options = array(
67 'foregroundColor' => '#000000',
68 'backgroundColor' => '#ffffff',
69 'enabled_loading_screen' => true,
70 'close_btn' => true,
71 'remove_in_on_load' => false,
72 'loading_screen' => 'logo',
73 'lp_loading_screen_display_in' => 'all',
74 'once_per_session' => 'always',
75 'lp_loading_screen_display_in_pages' => '',
76 'lp_loading_screen_display_post_types' => '',
77 'lp_loading_screen_exclude_from_pages' => '',
78 'lp_loading_screen_exclude_from_post_types' => '',
79 'lp_loading_screen_exclude_from_urls' => array(),
80 'displayPercent' => true,
81 'backgroundImage' => '',
82 'backgroundImageRepeat' => 'repeat',
83 'fullscreen' => 0,
84 'pageEffect' => 'none',
85 'deepSearch' => true,
86 'modifyDisplayRule' => false,
87 // For the logo screen.
88 'lp_ls' => array( 'logo' => array( 'image' => plugins_url( 'loading-screens/logo/images/05.svg', __FILE__ ) ) ),
89 );
90
91 update_option( 'loading_page_options', $loading_page_options );
92 }
93
94 /**
95 * Install
96 *
97 * @param boolean $networkwide indicates if it is a multisite WordPress installation.
98 */
99 function loading_page_install( $networkwide ) {
100 global $wpdb;
101
102 if ( function_exists( 'is_multisite' ) && is_multisite() ) {
103 if ( $networkwide ) {
104 $old_blog = $wpdb->blogid;
105 // Get all blog ids.
106 $blogids = get_sites( array( 'fields' => 'ids' ) );
107 foreach ( $blogids as $blog_id ) {
108 switch_to_blog( $blog_id );
109 _loading_page_options();
110 }
111 switch_to_blog( $old_blog );
112 return;
113 }
114 }
115 _loading_page_options();
116 } // End loading_page_install.
117 } // End plugin activation.
118
119 /**
120 * Patch to solve the conflict with the previous version that was using animated gifs.
121 */
122 function loading_page_gifs_replacement_patch() {
123 $opt = get_option( 'loading_page_options', array() );
124 if (
125 ! empty( $opt ) &&
126 ! empty( $opt['lp_ls'] ) &&
127 ! empty( $opt['lp_ls']['logo'] ) &&
128 ! empty( $opt['lp_ls']['logo']['image'] )
129 ) {
130 $path = $opt['lp_ls']['logo']['image'];
131 // Only to solve an issue with the previous version of the plugin when where used .gif.
132 $path = preg_replace( '/\/loading\-screens\/logo\/gifs\/(\d+)\.gif/i', '/loading-screens/logo/images/$1.svg', $path );
133 $opt['lp_ls']['logo']['image'] = $path;
134 update_option( 'loading_page_options', $opt );
135 }
136 }
137
138 /**
139 * Replaces the animated gifts
140 *
141 * @param object $upgrader_object unused parameter.
142 * @param array $options plugins identifiers.
143 */
144 function loading_page_upgrade_completed_gifs_patch( $upgrader_object, $options ) {
145 $our_plugin = plugin_basename( __FILE__ );
146 if ( 'update' === $options['action'] && 'plugin' === $options['type'] && isset( $options['plugins'] ) ) {
147 foreach ( $options['plugins'] as $plugin ) {
148 if ( $plugin === $our_plugin ) {
149 loading_page_gifs_replacement_patch();
150 }
151 }
152 }
153 }
154 add_action( 'upgrader_process_complete', 'loading_page_upgrade_completed_gifs_patch', 10, 2 );
155 /**
156 * Calls the gifs replacement patch
157 *
158 * @param string $plugin plugin name.
159 * @param boolean $network_activation plugins activate into a WordPress multisite installation.
160 */
161 function loading_page_activated_gifs_patch( $plugin, $network_activation ) {
162 if ( plugin_basename( __FILE__ ) === $plugin ) {
163 loading_page_gifs_replacement_patch();
164 }
165 }
166 add_action( 'activated_plugin', 'loading_page_activated_gifs_patch', 10, 2 );
167
168 /**
169 * A new blog has been created in a multisite WordPress
170 */
171 add_action( 'wpmu_new_blog', 'loading_page_new_blog', 10, 6 );
172 /**
173 * New blog creation
174 *
175 * @param integer $blog_id blog id.
176 * @param integer $user_id user id.
177 * @param string $domain blog domain.
178 * @param string $path blog path.
179 * @param integer $site_id site id.
180 * @param array $meta metadata.
181 */
182 function loading_page_new_blog( $blog_id, $user_id, $domain, $path, $site_id, $meta ) {
183 global $wpdb;
184 $file = basename( __FILE__ );
185 $dir = basename( dirname( __FILE__ ) );
186 if ( is_plugin_active_for_network( $dir . '/' . $file ) ) {
187 $current_blog = $wpdb->blogid;
188 switch_to_blog( $blog_id );
189 _loading_page_options();
190 switch_to_blog( $current_blog );
191 }
192 } // End loading_page_new_blog.
193
194 // Redirecting the user to the settings page of the plugin.
195 add_action( 'activated_plugin', 'loading_page_redirect_to_settings', 10, 2 );
196 if ( ! function_exists( 'loading_page_redirect_to_settings' ) ) {
197 /**
198 * Redirects the user to the settings page
199 *
200 * @param string $plugin plugin name.
201 * @param boolean $network_activation multisite activation.
202 */
203 function loading_page_redirect_to_settings( $plugin, $network_activation ) {
204 if (
205 plugin_basename( __FILE__ ) === $plugin &&
206 ( ! isset( $_POST['action'] ) || 'activate-selected' !== $_POST['action'] ) &&
207 ( ! isset( $_POST['action2'] ) || 'activate-selected' !== $_POST['action2'] )
208 ) {
209 wp_safe_redirect( admin_url( 'options-general.php?page=loading-page.php' ) );
210 exit;
211 }
212 }
213 }
214
215 /*
216 * Plugin initializing
217 */
218 add_action( 'init', 'loading_page_init' );
219 if ( ! function_exists( 'loading_page_init' ) ) {
220 /**
221 * Enqueuen script if loading page is enabled
222 */
223 function loading_page_init() {
224 if ( ! is_admin() && empty( $_REQUEST['elementor-preview'] ) ) {
225 if( ! defined( 'DOING_AJAX' ) && "" === session_id() ) {
226 @session_start();
227 }
228
229 $op = get_option( 'loading_page_options' );
230 if ( $op && $op['enabled_loading_screen'] ) {
231 add_action( 'wp_enqueue_scripts', 'loading_page_enqueue_scripts', 1 );
232 }
233 }
234 } // End loading_page_init.
235 }
236
237 /*
238 * Admin initionalizing
239 */
240 add_action( 'admin_init', 'loading_page_admin_init' );
241 if ( ! function_exists( 'loading_page_admin_init' ) ) {
242 /**
243 * Initialize the plugin admin
244 */
245 function loading_page_admin_init() {
246 // Load the associated text domain.
247 load_plugin_textdomain( 'loading-page', false, LOADING_PAGE_PLUGIN_DIR . '/languages/' );
248
249 // Set plugin links.
250 $plugin = plugin_basename( __FILE__ );
251 add_filter( 'plugin_action_links_' . $plugin, 'loading_page_links' );
252
253 // Load resources.
254 add_action( 'admin_enqueue_scripts', 'loading_page_admin_resources' );
255 } // End loading_page_admin_init.
256 }
257
258 if ( ! function_exists( 'loading_page_links' ) ) {
259 /**
260 * Set plugins section links
261 *
262 * @param array $links links array.
263 */
264 function loading_page_links( $links ) {
265 // Custom link.
266 $custom_link = '<a href="http://wordpress.dwbooster.com/contact-us" target="_blank">' . __( 'Request custom changes', 'loading-page' ) . '</a>';
267 array_unshift( $links, $custom_link );
268
269 // Settings link.
270 $settings_link = '<a href="options-general.php?page=loading-page.php">' . __( 'Settings', 'loading-page' ) . '</a>';
271 array_unshift( $links, $settings_link );
272
273 return $links;
274 } // End loading_page_links.
275 }
276
277 add_filter( 'plugin_action_links_' . plugin_basename( __FILE__ ), 'loading_page_customization_link' );
278 if ( ! function_exists( 'loading_page_customization_link' ) ) {
279 /**
280 * Redirects the user to the WordPress forum
281 *
282 * @param array $links links array.
283 */
284 function loading_page_customization_link( $links ) {
285 array_unshift( $links, '<a href="https://wordpress.org/support/plugin/loading-page/#new-post" target="_blank">' . __( 'Help', 'loading-page' ) . '</a>' );
286 return $links;
287 }
288 }
289
290 // Set the settings menu option.
291 add_action( 'admin_menu', 'loading_page_settings_menu' );
292 if ( ! function_exists( 'loading_page_settings_menu' ) ) {
293 /**
294 * WordPress menu option
295 */
296 function loading_page_settings_menu() {
297 /**
298 * Add to admin_menu
299 * - The capability has been modified, from "edit_posts" to "manage_options"
300 * - Now only the administrators can now edit the "Loading Page" settings.
301 */
302 add_options_page( 'Loading Page', 'Loading Page', 'manage_options', 'loading-page.php', 'loading_page_settings_page' );
303 } // End loading_page_settings_menu.
304 }
305
306 if ( ! function_exists( 'loading_page_add_code_block' ) ) {
307 /**
308 * Embed the code block on page
309 */
310 function loading_page_add_code_block() {
311 $codeblock = '';
312 $op = get_option( 'loading_page_options' );
313 if ( ! empty( $op ) && ! empty( $op['codeBlock'] ) ) {
314 $codeblock = '<div id="loading_page_codeBlock">' . $op['codeBlock'] . '</div>';
315 }
316 return $codeblock;
317 }
318 }
319
320 if ( ! function_exists( 'loading_page_admin_resources' ) ) {
321 /**
322 * Enqueue admin resources
323 *
324 * @param string $hook hook name.
325 */
326 function loading_page_admin_resources( $hook ) {
327 if ( strpos( $hook, 'loading-page' ) !== false ) {
328 wp_enqueue_media();
329 wp_enqueue_style( 'farbtastic' );
330 wp_enqueue_script( 'farbtastic' );
331 wp_enqueue_style( 'thickbox' );
332 wp_enqueue_script( 'thickbox' );
333
334 wp_enqueue_script( 'lp-admin-script', LOADING_PAGE_PLUGIN_URL . '/js/loading-page-admin.js', array( 'jquery', 'thickbox', 'farbtastic' ), 'free-1.0.87', true );
335 }
336 } // End loading_page_admin_resources.
337 }
338
339 if ( ! function_exists( 'loading_page_loading_screen' ) ) {
340 /**
341 * Deciding to include the loading screen
342 */
343 function loading_page_loading_screen() {
344 global $post;
345 $op = get_option( 'loading_page_options' );
346 $loading_screen = 0;
347 if (
348 ! isset( $_SERVER['HTTP_USER_AGENT'] ) ||
349 preg_match( '/bot|crawl|slurp|spider/i', sanitize_text_field( wp_unslash( $_SERVER['HTTP_USER_AGENT'] ) ) )
350 ) {
351 return $loading_screen;
352 }
353
354 if (
355 ! empty( $op['enabled_loading_screen'] )
356 ) {
357 global $wp;
358 $current_url = home_url( add_query_arg( array(), $wp->request ) );
359 $_permalink = md5( $current_url );
360 if (
361 empty( $op['once_per_session'] ) ||
362 'always' === $op['once_per_session'] ||
363 empty( $_SESSION['loading_page_once_per_session'] ) ||
364 ( 'page' === $op['once_per_session'] &&
365 is_array( $_SESSION['loading_page_once_per_session'] ) &&
366 empty( $_SESSION['loading_page_once_per_session'][ $_permalink ] )
367 )
368 ) {
369 if ( empty( $_SESSION['loading_page_once_per_session'] ) || ! is_array( $_SESSION['loading_page_once_per_session'] ) ) {
370 $_SESSION['loading_page_once_per_session'] = array();
371 }
372 $_SESSION['loading_page_once_per_session'][ $_permalink ] = 1;
373
374 $pages = ( ! empty( $op['lp_loading_screen_display_in_pages'] ) ) ? $op['lp_loading_screen_display_in_pages'] : '';
375 $pages = str_replace( ' ', '', $pages );
376 $pages = explode( ',', $pages );
377
378 $post_types = ( ! empty( $op['lp_loading_screen_display_post_types'] ) ) ? $op['lp_loading_screen_display_post_types'] : '';
379 $post_types = str_replace( ' ', '', $post_types );
380 $post_types = explode( ',', $post_types );
381
382 $exclude_pages = ( ! empty( $op['lp_loading_screen_exclude_from_pages'] ) ) ? $op['lp_loading_screen_exclude_from_pages'] : '';
383 $exclude_pages = str_replace( ' ', '', $exclude_pages );
384 $exclude_pages = explode( ',', $exclude_pages );
385
386 $exclude_post_types = ( ! empty( $op['lp_loading_screen_exclude_from_post_types'] ) ) ? $op['lp_loading_screen_exclude_from_post_types'] : '';
387 $exclude_post_types = str_replace( ' ', '', $exclude_post_types );
388 $exclude_post_types = explode( ',', $exclude_post_types );
389
390 $exclude_pages_urls = ( ! empty( $op['lp_loading_screen_exclude_from_urls'] ) ) ? $op['lp_loading_screen_exclude_from_urls'] : array();
391
392 $exclude_elementor_maintenance = ( defined( 'ELEMENTOR_VERSION' ) &&
393 ! empty( $op['lp_loading_screen_exclude_from_elementor_maintenance'] ) &&
394 '' !== get_option( 'elementor_maintenance_mode_mode', '' )
395 ) ? true : false;
396
397 if (
398 ! $exclude_elementor_maintenance &&
399 ( empty( $op['lp_loading_screen_display_in'] ) ||
400 'all' === $op['lp_loading_screen_display_in'] ||
401 ( 'home' === $op['lp_loading_screen_display_in'] && ( is_home() || is_front_page() ) ) ||
402 ( 'pages' === $op['lp_loading_screen_display_in'] && is_singular() && isset( $post ) && in_array( $post->ID, $pages ) ) ||
403 ( 'post_type' === $op['lp_loading_screen_display_in'] && is_singular() && isset( $post ) && in_array( $post->post_type, $post_types, true ) )
404 ) &&
405 ( empty( $post ) ||
406 empty( $post->ID ) ||
407 (
408 ( empty( $exclude_pages ) ||
409 ! in_array( $post->ID, $exclude_pages )
410 )
411 &&
412 ( empty( $exclude_post_types ) ||
413 ! in_array( $post->post_type, $exclude_post_types, true )
414 )
415 )
416 )
417 ) {
418 if ( ! empty( $exclude_pages_urls ) ) {
419 $protocol = ( ( ! empty( $_SERVER['HTTPS'] ) && 'off' !== $_SERVER['HTTPS'] ) || ( isset( $_SERVER['SERVER_PORT'] ) && 443 === $_SERVER['SERVER_PORT'] ) ) ? 'https://' : 'http://';
420 $current_url = esc_url_raw( $protocol . ( isset( $_SERVER['HTTP_HOST'] ) ? wp_unslash( $_SERVER['HTTP_HOST'] ) : '' ) . ( isset( $_SERVER['REQUEST_URI'] ) ? wp_unslash( $_SERVER['REQUEST_URI'] ) : '' ) );
421 foreach ( $exclude_pages_urls as $exclude_page_url ) {
422 $exclude_page_url = preg_quote( $exclude_page_url, '/' );
423 $exclude_page_url = str_replace( '\*', '.*', $exclude_page_url );
424 if ( preg_match( '/' . $exclude_page_url . '/i', $current_url ) ) {
425 return;
426 }
427 }
428 }
429
430 $loading_screen = 1;
431 add_action( 'wp_head', 'loading_page_replace_the_header', 99 );
432 add_filter( 'autoptimize_filter_js_dontmove', 'loading_page_autoptimize_exclude', 10, 1 );
433 }
434 }
435 }
436 return $loading_screen;
437 }
438 }
439
440 if ( ! function_exists( 'loading_page_autoptimize_exclude' ) ) {
441 /**
442 * Excluding the plugin resources from Autoptimize
443 *
444 * @param array $to_exclude to exclude URLs.
445 */
446 function loading_page_autoptimize_exclude( $to_exclude ) {
447 $to_exclude[] = 'loading-page.min.js';
448 $to_exclude[] = '/loading-screens/';
449 return $to_exclude;
450 }
451 }
452
453 if ( ! function_exists( 'loading_page_replace_the_header' ) ) {
454 /**
455 * Including styles in the page header section
456 */
457 function loading_page_replace_the_header() {
458 $opt = get_option( 'loading_page_options', array() );
459 if ( empty( $opt ) || empty( $opt['modifyDisplayRule'] ) ) {
460 echo '<style>body{visibility:hidden;}</style><noscript><style>body{visibility:visible;}</style></noscript>';
461 } else {
462 echo '<style>body{display:none;}</style><noscript><style>body{display:block;}</style></noscript>';
463 }
464
465 if (
466 ! empty( $opt ) &&
467 ! empty( $opt['lp_ls'] ) &&
468 ! empty( $opt['lp_ls']['logo'] ) &&
469 ! empty( $opt['lp_ls']['logo']['image'] )
470 ) {
471 $path = $opt['lp_ls']['logo']['image'];
472 echo '<link rel="preload" href="' . esc_attr( $path ) . '" as="image" type="image/svg+xml">';
473 }
474 } // End loading_page_replace_the_header.
475 }
476
477 if ( ! function_exists( 'loading_page_hex2rgb' ) ) {
478 /**
479 * Transform colors code
480 *
481 * @param array/string $colour color code.
482 */
483 function loading_page_hex2rgb( $colour ) {
484 if ( '#' === $colour[0] ) {
485 $colour = substr( $colour, 1 );
486 }
487 if ( 6 === strlen( $colour ) ) {
488 list($r, $g, $b) = array( $colour[0] . $colour[1], $colour[2] . $colour[3], $colour[4] . $colour[5] );
489 } elseif ( 3 === strlen( $colour ) ) {
490 list($r, $g, $b) = array( $colour[0] . $colour[0], $colour[1] . $colour[1], $colour[2] . $colour[2] );
491 } else {
492 return $colour;
493 }
494 $r = hexdec( $r );
495 $g = hexdec( $g );
496 $b = hexdec( $b );
497 return 'rgba(' . $r . ',' . $g . ',' . $b . ',.8)';
498 }
499 }
500
501 if ( ! function_exists( 'loading_page_enqueue_scripts' ) ) {
502 /**
503 * Enqueue public scripts
504 */
505 function loading_page_enqueue_scripts() {
506 global $post;
507
508 $op = get_option( 'loading_page_options' );
509 $loading_screen = loading_page_loading_screen();
510 if ( $loading_screen && ! empty( $op['from_trigger'] ) ) {
511 wp_enqueue_script( 'codepeople-loading-page-link-script', LOADING_PAGE_PLUGIN_URL . '/js/links.min.js', array( 'jquery' ), 'free-1.0.87', false );
512 }
513
514 if ( $loading_screen ) {
515 $loading_page_settings = array(
516 'loadingScreen' => $loading_screen,
517 'closeBtn' => ( ! isset( $op['close_btn'] ) || $op['close_btn'] ) ? true : false,
518 'removeInOnLoad' => ( ! empty( $op['remove_in_on_load'] ) ) ? $op['remove_in_on_load'] : false,
519 'codeblock' => loading_page_add_code_block(),
520 'backgroundColor' => ( ! isset( $op['transparency'] ) || $op['transparency'] ) ? loading_page_hex2rgb( $op['backgroundColor'] ) : $op['backgroundColor'],
521 'foregroundColor' => $op['foregroundColor'],
522 'backgroundImage' => $op['backgroundImage'],
523 'additionalSeconds' => ( ! empty( $op['additionalSeconds'] ) ) ? $op['additionalSeconds'] : 0,
524 'pageEffect' => $op['pageEffect'],
525 'backgroundRepeat' => $op['backgroundImageRepeat'],
526 'fullscreen' => ( ( ! empty( $op['fullscreen'] ) ) ? 1 : 0 ),
527 'graphic' => $op['loading_screen'],
528 'text' => ( ( ! empty( $op['displayPercent'] ) ) ? $op['displayPercent'] : 0 ),
529 'lp_ls' => ( ( ! empty( $op['lp_ls'] ) ) ? $op['lp_ls'] : 0 ),
530 'screen_size' => ( ( ! empty( $op['screen_size'] ) ) ? $op['screen_size'] : 'all' ),
531 'screen_width' => ( ( ! empty( $op['screen_width'] ) ) ? $op['screen_width'] : 0 ),
532 'deepSearch' => ( ( empty( $op['deepSearch'] ) ) ? 0 : 1 ),
533 'modifyDisplayRule' => ( ( empty( $op['modifyDisplayRule'] ) ) ? 0 : 1 ),
534 );
535
536 $required = array( 'jquery' );
537 wp_enqueue_script( 'jquery' );
538 wp_enqueue_style( 'codepeople-loading-page-style', LOADING_PAGE_PLUGIN_URL . '/css/loading-page.css', array(), 'free-1.0.87', false );
539 wp_enqueue_style( 'codepeople-loading-page-style-effect', LOADING_PAGE_PLUGIN_URL . '/css/loading-page' . ( ( 'none' !== $op['pageEffect'] ) ? '-' . $op['pageEffect'] : '' ) . '.css', array(), 'free-1.0.87', false );
540
541 $s = loading_page_get_screen( $op['loading_screen'] );
542 if ( $s ) {
543 if ( ! empty( $s['style'] ) ) {
544 wp_enqueue_style( 'codepeople-loading-page-style-' . $s['id'], $s['style'], array(), 'free-1.0.87', false );
545 }
546
547 if ( ! empty( $s['script'] ) ) {
548 wp_enqueue_script( 'codepeople-loading-page-script-' . $s['id'], $s['script'], array( 'jquery' ), 'free-1.0.87', false );
549 $required[] = 'codepeople-loading-page-script-' . $s['id'];
550 }
551 }
552 wp_enqueue_script( 'codepeople-loading-page-script', LOADING_PAGE_PLUGIN_URL . '/js/loading-page.min.js', $required, 'free-1.0.87', false );
553 if ( function_exists( 'wp_add_inline_script' ) ) {
554 wp_add_inline_script( 'codepeople-loading-page-script', 'loading_page_settings=' . wp_json_encode( $loading_page_settings ) . ';', 'before' );
555 } else {
556 wp_localize_script( 'codepeople-loading-page-script', 'loading_page_settings', $loading_page_settings );
557 }
558 }
559 } // End loading_page_enqueue_scripts.
560 }
561
562 if ( ! function_exists( 'loading_page_sanitize_array' ) ) {
563 /**
564 * Sanitize mutilevel array
565 *
566 * @param array/string $array values to sanitize.
567 */
568 function loading_page_sanitize_array( $array ) {
569 if ( is_array( $array ) ) {
570 foreach ( $array as $key => $value ) {
571 if ( is_array( $value ) ) {
572 $array[ $key ] = loading_page_sanitize_array( $value );
573 } else {
574 $array[ $key ] = sanitize_text_field( wp_unslash( $value ) );
575 }
576 }
577 return $array;
578 } else {
579 return sanitize_text_field( wp_unslash( $array ) );
580 }
581 } // End loading_page_sanitize_array.
582 }
583
584 if ( ! function_exists( 'loading_page_settings_page' ) ) {
585 /**
586 * Plugin settings page
587 */
588 function loading_page_settings_page() {
589 if ( isset( $_POST['loading_page_nonce'] ) && wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST['loading_page_nonce'] ) ), __FILE__ ) ) {
590
591 $allowed_tags = wp_kses_allowed_html( 'post' );
592
593 $additional_seconds = isset( $_POST['lp_additionalSeconds'] ) && is_numeric( $_POST['lp_additionalSeconds'] ) ? intval( $_POST['lp_additionalSeconds'] ) : 0;
594 $code_block = isset( $_POST['lp_codeBlock'] ) ? wp_kses( wp_unslash( $_POST['lp_codeBlock'] ), $allowed_tags ) : '';
595
596 $lp_loading_screen_exclude_from_urls = isset( $_POST['lp_loading_screen_exclude_from_urls'] ) ? sanitize_textarea_field( wp_unslash( $_POST['lp_loading_screen_exclude_from_urls'] ) ) : '';
597 $lp_loading_screen_exclude_from_urls = explode( "\n", $lp_loading_screen_exclude_from_urls );
598 foreach ( $lp_loading_screen_exclude_from_urls as $key => $url ) {
599 $url = trim( $url );
600 if ( '' === $url ) {
601 unset( $lp_loading_screen_exclude_from_urls[ $key ] );
602 } else {
603 $lp_loading_screen_exclude_from_urls[ $key ] = $url;
604 }
605 }
606
607 $lp_screen_width = '';
608 if ( ! empty( $_POST['lp_screen_width'] ) ) {
609 $lp_screen_width = preg_replace( '/[^\\d\\.]/', '', sanitize_text_field( wp_unslash( $_POST['lp_screen_width'] ) ) );
610 }
611
612 // Set the default options here.
613 $loading_page_options = array(
614 'foregroundColor' => ( ! empty( $_POST['lp_foregroundColor'] ) ) ? sanitize_text_field( wp_unslash( $_POST['lp_foregroundColor'] ) ) : '#FFFFFF',
615 'backgroundColor' => ( ! empty( $_POST['lp_backgroundColor'] ) ) ? sanitize_text_field( wp_unslash( $_POST['lp_backgroundColor'] ) ) : '#000000',
616 'transparency' => ( ! empty( $_POST['lp_backgroundTransparency'] ) ) ? true : false,
617 'backgroundImage' => isset( $_POST['lp_backgroundImage'] ) ? esc_url_raw( wp_unslash( $_POST['lp_backgroundImage'] ) ) : '',
618 'backgroundImageRepeat' => ( isset( $_POST['lp_backgroundRepeat'] ) && in_array( $_POST['lp_backgroundRepeat'], array( 'repeat', 'no-repeat' ), true ) ) ? sanitize_text_field( wp_unslash( $_POST['lp_backgroundRepeat'] ) ) : 'repeat',
619 'additionalSeconds' => $additional_seconds,
620 'codeBlock' => wp_unslash( $code_block ),
621 'fullscreen' => ( isset( $_POST['lp_fullscreen'] ) ) ? 1 : 0,
622 'enabled_loading_screen' => ( isset( $_POST['lp_enabled_loading_screen'] ) ) ? true : false,
623 'from_trigger' => ( isset( $_POST['lp_from_trigger'] ) ) ? true : false,
624 'close_btn' => ( isset( $_POST['lp_close_btn'] ) ) ? true : false,
625 'remove_in_on_load' => ( isset( $_POST['lp_remove_in_on_load'] ) ) ? true : false,
626 'screen_size' => ( isset( $_POST['lp_screen_size'] ) && in_array( $_POST['lp_screen_size'], array( 'all', 'greater', 'lesser' ), true ) ) ? sanitize_text_field( wp_unslash( $_POST['lp_screen_size'] ) ) : 'all',
627 'screen_width' => is_numeric( $lp_screen_width ) ? $lp_screen_width : '',
628 'lp_loading_screen_display_in' => ( isset( $_POST['lp_loading_screen_display_in'] ) ) ? sanitize_text_field( wp_unslash( $_POST['lp_loading_screen_display_in'] ) ) : 'all',
629 'once_per_session' => ( ! isset( $_POST['once_per_session'] ) ||
630 ! in_array( $_POST['once_per_session'], array( 'always', 'site', 'page' ), true )
631 ) ? 'always' : sanitize_text_field( wp_unslash( $_POST['once_per_session'] ) ),
632 'lp_loading_screen_display_in_pages' => isset( $_POST['lp_loading_screen_display_in_pages'] ) ? sanitize_text_field( wp_unslash( $_POST['lp_loading_screen_display_in_pages'] ) ) : '',
633 'lp_loading_screen_display_post_types' => isset( $_POST['lp_loading_screen_display_post_types'] ) ? sanitize_text_field( wp_unslash( $_POST['lp_loading_screen_display_post_types'] ) ) : '',
634 'lp_loading_screen_exclude_from_pages' => isset( $_POST['lp_loading_screen_exclude_from_pages'] ) ? sanitize_text_field( wp_unslash( $_POST['lp_loading_screen_exclude_from_pages'] ) ) : '',
635 'lp_loading_screen_exclude_from_post_types' => isset( $_POST['lp_loading_screen_exclude_from_post_types'] ) ? sanitize_text_field( wp_unslash( $_POST['lp_loading_screen_exclude_from_post_types'] ) ) : '',
636 'lp_loading_screen_exclude_from_urls' => $lp_loading_screen_exclude_from_urls,
637 'lp_loading_screen_exclude_from_elementor_maintenance' => ( isset( $_POST['lp_loading_screen_exclude_from_elementor_maintenance'] ) ) ? true : false,
638 'deepSearch' => ( isset( $_POST['lp_deactivateDeepSearch'] ) ) ? false : true,
639 'modifyDisplayRule' => ( isset( $_POST['lp_modifyDisplayRule'] ) ) ? true : false,
640 'loading_screen' => isset( $_POST['lp_loading_screen'] ) ? sanitize_text_field( wp_unslash( $_POST['lp_loading_screen'] ) ) : '',
641 'displayPercent' => ( isset( $_POST['lp_displayPercent'] ) ) ? true : false,
642 'pageEffect' => isset( $_POST['lp_pageEffect'] ) ? sanitize_text_field( wp_unslash( $_POST['lp_pageEffect'] ) ) : '',
643 );
644
645 if ( isset( $_POST['lp_ls'] ) ) {
646 $loading_page_options['lp_ls'] = loading_page_sanitize_array( $_POST['lp_ls'] );
647 }
648
649 update_option( 'loading_page_video_tutorial', ( ! empty( $_POST['loading_page_video_tutorial'] ) && 'collapsed' === $_POST['loading_page_video_tutorial'] ) ? 'collapsed' : 'expanded' );
650
651 if ( update_option( 'loading_page_options', $loading_page_options ) ) {
652 print '<div class="updated">' . esc_html( __( 'The Loading Page has been stored successfully', 'loading-page' ) ) . '</div>';
653 } else {
654 print '<div class="error">' . esc_html( __( 'The Loading Page settings could not be stored', 'loading-page' ) ) . '</div>';
655 }
656 }
657
658 $loading_page_options = get_option( 'loading_page_options' );
659
660 $loading_page_video_tutorial = get_option( 'loading_page_video_tutorial', 'expanded' );
661 $loading_page_video_tutorial_open_close = ( 'expanded' === $loading_page_video_tutorial ) ? 'X' : '+';
662 $loading_page_video_tutorial_status = ( 'collapsed' === $loading_page_video_tutorial ) ? 'lp-video-collapsed' : '';
663
664 ?>
665 <style>
666 .lp-video-container {
667 overflow: hidden;
668 position: relative;
669 width: 100%;
670 }
671
672 .lp-video-container::after {
673 padding-top: 56.25%;
674 display: block;
675 content: '';
676 }
677
678 .lp-video-container iframe {
679 position: absolute;
680 top: 0;
681 left: 0;
682 width: 100%;
683 height: 100%;
684 }
685
686 .lp-video-collapsed {
687 display: none;
688 }
689 </style>
690 <div class="wrap">
691 <form method="post">
692 <input type="hidden" name="loading_page_nonce" value="<?php print( esc_attr( wp_create_nonce( __FILE__ ) ) ); ?>" />
693 <h2><?php esc_html_e( 'Loading Page Settings', 'loading-page' ); ?></h2>
694 <div class="postbox">
695 <h3 class='hndle' style="padding:5px;"><span><?php esc_html_e( 'Video Tutorial', 'loading-page' ); ?></span><a href="javascript:void(0);" onclick="loading_page_collapse_expand_video_tutorial(this);" style="float:right;font-size:1.3em;text-decoration:none;"><?php print esc_html( $loading_page_video_tutorial_open_close ); ?></a></h3>
696 <div class="inside lp-video-tutorial <?php echo esc_attr( $loading_page_video_tutorial_status ); ?>" style="position:relative;">
697 <input type="hidden" name="loading_page_video_tutorial" value="<?php echo esc_attr( $loading_page_video_tutorial ); ?>" />
698 <div class="lp-video-container">
699 <iframe title="<?php print esc_attr( __( 'Video tutorial', 'loading-page' ) ); ?>" src="https://www.youtube.com/embed/5x_LtjoCFUY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
700 </div>
701 </div>
702 </div>
703 <div class="postbox">
704 <h3 class='hndle' style="padding:5px;"><span><?php esc_html_e( 'Loading Screen', 'loading-page' ); ?></span></h3>
705 <div class="inside">
706 <p style="border:1px solid #E6DB55;margin-bottom:10px;padding:5px;background-color: #FFFFE0;">If you want test the premium version of Loading Page go to the following links:<br /> <a href="https://demos.dwbooster.com/loading-page/wp-login.php" target="_blank">Administration area: Click to access the administration area demo</a><br />
707 <a href="https://demos.dwbooster.com/loading-page/" target="_blank">Public page: Click to access the Loading Page</a><br />
708 <a href="https://wordpress.org/support/plugin/loading-page/#new-post" target="_blank">If you need additional help</a>
709 </p>
710 <p>
711 <?php
712 esc_html_e(
713 'Displays a loading screen until the webpage is ready, the screen shows the loading percent.',
714 'loading-page'
715 );
716 ?>
717 </p>
718 <table class="form-table">
719 <tr>
720 <th><?php esc_html_e( 'Enable loading screen', 'loading-page' ); ?></th>
721 <td><input aria-label="<?php print esc_attr( __( 'Enable loading screen', 'loading-page' ) ); ?>" type="checkbox" name="lp_enabled_loading_screen" <?php echo ( ( ! empty( $loading_page_options['enabled_loading_screen'] ) ) ? 'CHECKED' : '' ); ?> /></td>
722 </tr>
723 <tr>
724 <th style="border-top:2px dashed green;border-left:2px dashed green;border-bottom:2px dashed green;padding-left:10px;"><?php esc_html_e( 'Show loading screen when clicking on link', 'loading-page' ); ?></th>
725 <td style="border-top:2px dashed green;border-right:2px dashed green;border-bottom:2px dashed green;padding-left:10px;"><input aria-label="<?php print esc_attr( __( 'Show loading screen when clicking on link', 'loading-page' ) ); ?>" type="checkbox" name="lp_from_trigger" <?php print ! empty( $loading_page_options['from_trigger'] ) ? 'CHECKED' : ''; ?> /> <i style="color:green;"><?php esc_html_e( 'Display the loading screen as soon as the link on the current page is clicked, and not only when the next page is loaded.', 'loading-page' ); ?></i></td>
726 </tr>
727 <tr>
728 <th><?php esc_html_e( 'Display a close screen button', 'loading-page' ); ?></th>
729 <td><input aria-label="<?php print esc_attr( __( 'Display a close screen button', 'loading-page' ) ); ?>" type="checkbox" name="lp_close_btn" <?php echo ( ( ! isset( $loading_page_options['close_btn'] ) || $loading_page_options['close_btn'] ) ? 'CHECKED' : '' ); ?> /></td>
730 </tr>
731 <tr>
732 <th><?php esc_html_e( 'Hide the loading screen in the window onload event', 'loading-page' ); ?></th>
733 <td><input aria-label="<?php print esc_attr( __( 'Hide the loading screen in the onload event', 'loading-page' ) ); ?>" type="checkbox" name="lp_remove_in_on_load" <?php echo ( ( ! empty( $loading_page_options['remove_in_on_load'] ) ) ? 'CHECKED' : '' ); ?> /> <i><?php esc_html_e( 'Hides the loading screen in the onload event of window - or - as soon as possible', 'loading-page' ); ?></i></td>
734 </tr>
735 <tr>
736 <th><?php esc_html_e( 'Display the loading screen on', 'loading-page' ); ?></th>
737 <td>
738 <select aria-label="<?php print esc_attr( __( 'Screen size', 'loading-page' ) ); ?>" name="lp_screen_size" style="float:left;">
739 <option value="all"
740 <?php
741 if (
742 isset( $loading_page_options['screen_size'] ) &&
743 'all' === $loading_page_options['screen_size']
744 ) {
745 print 'SELECTED';
746 }
747 ?>
748 ><?php esc_html_e( 'All Screens', 'loading-page' ); ?></option>
749 <option value="greater"
750 <?php
751 if (
752 isset( $loading_page_options['screen_size'] ) &&
753 'greater' === $loading_page_options['screen_size']
754 ) {
755 print 'SELECTED';
756 }
757 ?>
758 ><?php esc_html_e( 'Greater Than', 'loading-page' ); ?></option>
759 <option value="lesser"
760 <?php
761 if (
762 isset( $loading_page_options['screen_size'] ) &&
763 'lesser' === $loading_page_options['screen_size']
764 ) {
765 print 'SELECTED';
766 }
767 ?>
768 ><?php esc_html_e( 'Lesser Than', 'loading-page' ); ?></option>
769 </select>
770 <div id="lp_width_container" style="float:left; padding-left:10px;
771 <?php
772 if ( ! isset( $loading_page_options['screen_size'] ) || 'all' === $loading_page_options['screen_size'] ) {
773 echo 'display:none;';
774 } else {
775 echo 'display:block;';
776 }
777 ?>
778 ">
779 <?php esc_html_e( 'Width', 'loading-page' ); ?>:
780 <input aria-label="<?php print esc_attr( __( 'Screen width', 'loading-page' ) ); ?>" type="text" name="lp_screen_width" value="
781 <?php
782 if ( isset( $loading_page_options['screen_width'] ) ) {
783 echo esc_attr( $loading_page_options['screen_width'] );
784 }
785 ?>
786 " /> px
787 </div>
788 <script>
789 jQuery('[name="lp_screen_size"]').change(function() {
790 jQuery('#lp_width_container')[(this.value == 'all') ? 'hide' : 'show']();
791 })
792 </script>
793 </td>
794 </tr>
795 <tr>
796 <th><?php esc_html_e( 'Display the loading screen', 'loading-page' ); ?></th>
797 <td>
798 <?php
799 if (
800 ! isset( $loading_page_options['once_per_session'] ) ||
801 false === $loading_page_options['once_per_session']
802 ) {
803 $loading_page_options['once_per_session'] = 'always';
804 } elseif ( true === $loading_page_options['once_per_session'] ) {
805 $loading_page_options['once_per_session'] = 'site';
806 }
807 ?>
808 <input aria-label="<?php print esc_attr( __( 'Always', 'loading-page' ) ); ?>" type="radio" value="always" name="once_per_session" <?php echo ( ( 'always' === $loading_page_options['once_per_session'] ) ? 'CHECKED' : '' ); ?> /> <span><?php esc_html_e( 'always', 'loading-page' ); ?></span><br />
809 <input aria-label="<?php print esc_attr( __( 'Once per session', 'loading-page' ) ); ?>" type="radio" value="site" name="once_per_session" <?php echo ( ( 'site' === $loading_page_options['once_per_session'] ) ? 'CHECKED' : '' ); ?> /> <span><?php esc_html_e( 'once per session', 'loading-page' ); ?></span><br />
810 <input aria-label="<?php print esc_attr( __( 'Once per page', 'loading-page' ) ); ?>" type="radio" value="page" name="once_per_session" <?php echo ( ( 'page' === $loading_page_options['once_per_session'] ) ? 'CHECKED' : '' ); ?> /> <span><?php esc_html_e( 'once per page', 'loading-page' ); ?></span>
811
812 </td>
813 </tr>
814 <tr>
815 <th><?php esc_html_e( 'Display loading screen in', 'loading-page' ); ?></th>
816 <td>
817 <div><input aria-label="<?php print esc_attr( __( 'Homepage', 'loading-page' ) ); ?>" type="radio" name="lp_loading_screen_display_in" value="home" <?php echo ( ( isset( $loading_page_options['lp_loading_screen_display_in'] ) && 'home' === $loading_page_options['lp_loading_screen_display_in'] ) ? 'CHECKED' : '' ); ?> /> <?php esc_html_e( 'homepage only', 'loading-page' ); ?></div>
818
819 <div><input aria-label="<?php print esc_attr( __( 'All pages', 'loading-page' ) ); ?>" type="radio" name="lp_loading_screen_display_in" value="all" <?php echo ( ( isset( $loading_page_options['lp_loading_screen_display_in'] ) && 'all' === $loading_page_options['lp_loading_screen_display_in'] ) ? 'CHECKED' : '' ); ?> /> <?php esc_html_e( 'all pages', 'loading-page' ); ?></div>
820
821 <div><input aria-label="<?php print esc_attr( __( 'Specific pages', 'loading-page' ) ); ?>" type="radio" name="lp_loading_screen_display_in" value="pages" <?php echo ( ( isset( $loading_page_options['lp_loading_screen_display_in'] ) && 'pages' === $loading_page_options['lp_loading_screen_display_in'] ) ? 'CHECKED' : '' ); ?> /> <?php esc_html_e( 'specific pages', 'loading-page' ); ?>
822 <input aria-label="<?php print esc_attr( __( 'Pages/posts ids', 'loading-page' ) ); ?>" type="text" name="lp_loading_screen_display_in_pages" value="
823 <?php
824 if ( ! empty( $loading_page_options['lp_loading_screen_display_in_pages'] ) ) {
825 print esc_attr( $loading_page_options['lp_loading_screen_display_in_pages'] );}
826 ?>
827 " style="width:100%;margin:10px; 0 10px 20px;">
828 <i><?php esc_html_e( 'Type one, or more post/pages IDs, separated by commas ","', 'loading-page' ); ?></i>
829 </div>
830
831 <div><input aria-label="<?php print esc_attr( __( 'specific post types', 'loading-page' ) ); ?>" type="radio" name="lp_loading_screen_display_in" value="post_type" <?php echo ( ( isset( $loading_page_options['lp_loading_screen_display_in'] ) && 'post_type' === $loading_page_options['lp_loading_screen_display_in'] ) ? 'CHECKED' : '' ); ?> /> <?php esc_html_e( 'specific post types', 'loading-page' ); ?>
832 <input aria-label="<?php print esc_attr( __( 'Post types', 'loading-page' ) ); ?>" type="text" name="lp_loading_screen_display_post_types" value="
833 <?php
834 if ( ! empty( $loading_page_options['lp_loading_screen_display_post_types'] ) ) {
835 print esc_attr( $loading_page_options['lp_loading_screen_display_post_types'] );}
836 ?>
837 " style="width:100%;margin:10px; 0 10px 20px;">
838 <i><?php esc_html_e( 'Type one or more post types, separated by commas ","', 'loading-page' ); ?></i>
839 </div>
840 </td>
841 </tr>
842 <tr>
843 <td colspan="2">
844 <hr />
845 </td>
846 </tr>
847 <tr>
848 <th><?php esc_html_e( 'Exclude loading screen from', 'loading-page' ); ?></th>
849 <td><input aria-label="<?php print esc_attr( __( 'Pages/posts ids separated by comma', 'loading-page' ) ); ?>" type="text" name="lp_loading_screen_exclude_from_pages" value="
850 <?php
851 if ( ! empty( $loading_page_options['lp_loading_screen_exclude_from_pages'] ) ) {
852 print esc_attr( $loading_page_options['lp_loading_screen_exclude_from_pages'] );}
853 ?>
854 "> <i><?php esc_html_e( 'Type one, or more post/pages IDs, separated by commas ","', 'loading-page' ); ?></i></td>
855 </tr>
856 <tr>
857 <th><?php esc_html_e( 'Exclude loading screen from post types', 'loading-page' ); ?></th>
858 <td><input aria-label="<?php print esc_attr( __( 'Post types separated by comma', 'loading-page' ) ); ?>" type="text" name="lp_loading_screen_exclude_from_post_types" value="
859 <?php
860 if ( ! empty( $loading_page_options['lp_loading_screen_exclude_from_post_types'] ) ) {
861 print esc_attr( $loading_page_options['lp_loading_screen_exclude_from_post_types'] );}
862 ?>
863 "> <i><?php esc_html_e( 'Type one, or more post/pages types, separated by commas ","', 'loading-page' ); ?></i></td>
864 </tr>
865 <tr>
866 <th><?php esc_html_e( 'Exclude loading screen from pages with the URL', 'loading-page' ); ?></th>
867 <td><textarea aria-label="<?php print esc_attr( __( 'URLs of the pages to exclude', 'loading-page' ) ); ?>" name="lp_loading_screen_exclude_from_urls" style="width:100%" rows="6">
868 <?php
869 print esc_textarea(
870 ( ! empty( $loading_page_options['lp_loading_screen_exclude_from_urls'] ) )
871 ? implode( "\n", $loading_page_options['lp_loading_screen_exclude_from_urls'] ) : ''
872 );
873 ?>
874 </textarea>
875 <i>Enter an URL per row (use the * symbol as wildcard)</i>
876 </td>
877 </tr>
878 <tr>
879 <th colspan="2">
880 <?php esc_html_e( 'Exclude the loading screen if Elementor Maintenance or Coming Soon modes are enabled', 'loading-page' ); ?>
881 <input aria-label="<?php print esc_attr( __( 'Disable the loading screen from Coming Soon or Maintenance modes', 'loading-page' ) ); ?>" type="checkbox" name="lp_loading_screen_exclude_from_elementor_maintenance" <?php echo ( ( ! empty( $loading_page_options['lp_loading_screen_exclude_from_elementor_maintenance'] ) ) ? 'CHECKED' : '' ); ?> />
882 </th>
883 </tr>
884 <tr>
885 <td colspan="2">
886 <hr />
887 </td>
888 </tr>
889 <tr>
890 <?php $loading_screens = loading_page_get_screen_list(); ?>
891 <th><?php esc_html_e( 'Select the loading screen', 'loading-page' ); ?></th>
892 <td>
893 <select aria-label="<?php print esc_attr( __( 'Loading screen', 'loading-page' ) ); ?>" name="lp_loading_screen">
894 <?php
895 foreach ( $loading_screens as $screen ) {
896 print '<option value="' . esc_attr( $screen['id'] ) . '" ' . ( ( isset( $loading_page_options['loading_screen'] ) && $loading_page_options['loading_screen'] === $screen['id'] ) ? 'SELECTED' : '' ) . ' title="' . ( ( ! empty( $screen['tips'] ) ) ? esc_attr( $screen['tips'] ) : '' ) . '" >' . esc_html( $screen['name'] ) . '</option>';
897 }
898 ?>
899 </select>
900 <span style="color:#FF0000;">
901 The free version of the plugin includes the "Bar Screen" and "Logo Screen", however, if they are not sufficient to your website, the commercial version of the plugin includes other loading screens: <a href="http://wordpress.dwbooster.com/content-tools/loading-page" target="_blank">CLICK HERE</a>
902 </span>
903 </td>
904 </tr>
905 <?php
906 foreach ( $loading_screens as $screen ) {
907 if ( ! empty( $screen['adminsection'] ) ) {
908 include_once $screen['adminsection'];
909 }
910 if ( ! empty( $screen['adminscript'] ) ) {
911 wp_enqueue_script( $screen['adminscript'], $screen['adminscript'], array(), 'free-1.0.87', true );
912 }
913 }
914 ?>
915 <tr>
916 <th><?php esc_html_e( 'Select background color', 'loading-page' ); ?></th>
917 <td>
918 <input aria-label="<?php print esc_attr( __( 'Background color', 'loading-page' ) ); ?>" type="text" name="lp_backgroundColor" id="lp_backgroundColor" value="
919 <?php
920 if ( isset( $loading_page_options['backgroundColor'] ) ) {
921 print( esc_attr( $loading_page_options['backgroundColor'] ) );}
922 ?>
923 " />
924 <input aria-label="<?php print esc_attr( __( 'Apply transparency', 'loading-page' ) ); ?>" type="checkbox" name="lp_backgroundTransparency" <?php print ( ! isset( $loading_page_options['transparency'] ) || $loading_page_options['transparency'] ) ? 'CHECKED' : ''; ?> /><?php esc_html_e( 'Apply transparency', 'loading-page' ); ?>
925 <div id="lp_backgroundColor_picker"></div>
926 </td>
927 </tr>
928 <tr>
929 <th><?php esc_html_e( 'Select image as background', 'loading-page' ); ?></th>
930 <td>
931 <input aria-label="<?php print esc_attr( __( 'Background image', 'loading-page' ) ); ?>" type="text" name="lp_backgroundImage" id="lp_backgroundImage" value="
932 <?php
933 if ( isset( $loading_page_options['backgroundImage'] ) ) {
934 print( esc_attr( $loading_page_options['backgroundImage'] ) );}
935 ?>
936 " />
937 <input type="button" value="Browse" onclick="loading_page_selected_image('lp_backgroundImage');" />
938 <select aria-label="<?php print esc_attr( __( 'Background position', 'loading-page' ) ); ?>" id="lp_backgroundRepeat" name="lp_backgroundRepeat">
939 <option value="repeat"
940 <?php
941 if ( isset( $loading_page_options['backgroundImageRepeat'] ) && 'repeat' === $loading_page_options['backgroundImageRepeat'] ) {
942 echo 'SELECTED';}
943 ?>
944 >Tile</option>
945 <option value="no-repeat"
946 <?php
947 if ( isset( $loading_page_options['backgroundImageRepeat'] ) && 'no-repeat' === $loading_page_options['backgroundImageRepeat'] ) {
948 echo 'SELECTED';}
949 ?>
950 >Center</option>
951 </select>
952
953 </td>
954 </tr>
955 <tr>
956 <th><?php esc_html_e( 'Display image in fullscreen', 'loading-page' ); ?></th>
957 <td>
958 <input aria-label="<?php print esc_attr( __( 'Fullscreen', 'loading-page' ) ); ?>" type="checkbox" name="lp_fullscreen" id="lp_fullscreen" <?php echo ( ( isset( $loading_page_options['fullscreen'] ) && $loading_page_options['fullscreen'] ) ? 'CHECKED' : '' ); ?> />
959 <i><?php esc_html_e( '(The fullscreen attribute can fail in some browsers)', 'loading-page' ); ?></i>
960 </td>
961 </tr>
962 <tr>
963 <th><?php esc_html_e( 'Select foreground color', 'loading-page' ); ?></th>
964 <td><input aria-label="<?php print esc_attr( __( 'Foreground color', 'loading-page' ) ); ?>" type="text" name="lp_foregroundColor" id="lp_foregroundColor" value="
965 <?php
966 if ( isset( $loading_page_options['foregroundColor'] ) ) {
967 print( esc_attr( $loading_page_options['foregroundColor'] ) );}
968 ?>
969 " />
970 <div id="lp_foregroundColor_picker"></div>
971 </td>
972 </tr>
973 <tr>
974 <th><?php esc_html_e( 'Additional seconds', 'loading-page' ); ?></th>
975 <td>
976 <input aria-label="<?php print esc_attr( __( 'Additional seconds', 'loading-page' ) ); ?>" type="text" name="lp_additionalSeconds" id="lp_additionalSeconds" value="
977 <?php
978 if ( isset( $loading_page_options['additionalSeconds'] ) ) {
979 print( esc_attr( $loading_page_options['additionalSeconds'] ) );}
980 ?>
981 " />
982 <i><?php esc_html_e( 'Show the loading screen some few seconds after loading the page', 'loading-page' ); ?></i>
983 </td>
984 </tr>
985 <tr>
986 <th><?php esc_html_e( 'Include an ad, or your own block of code', 'loading-page' ); ?></th>
987 <td>
988 <textarea aria-label="<?php print esc_attr( __( 'Ad or block of code', 'loading-page' ) ); ?>" name="lp_codeBlock" id="lp_codeBlock" rows="6" style="width:80%;">
989 <?php
990 if ( isset( $loading_page_options['codeBlock'] ) ) {
991 print( esc_textarea( $loading_page_options['codeBlock'] ) );}
992 ?>
993 </textarea>
994 <p><i><b><?php esc_html_e( 'Trick', 'loading-page' ); ?></b>:
995 <?php esc_html_e( 'As the block of code you can insert a pair of &lt;style&gt;&lt;/style&gt; tags to customize the appearance of loading screen. For example: for changing the font-family of the loading text: <b>&lt;style&gt;.lp-screen-text{font-family:Georgia !important;}&lt;/style&gt;</b>', 'loading-page' ); ?></i></p>
996 </td>
997 </tr>
998 <tr>
999 <th><?php esc_html_e( 'Apply the effect on page', 'loading-page' ); ?></th>
1000 <td>
1001 <select aria-label="<?php print esc_attr( __( 'Animation effect', 'loading-page' ) ); ?>" name="lp_pageEffect">
1002 <?php
1003 $page_effects = array( 'none', 'rotateInLeft' );
1004
1005 foreach ( $page_effects as $value ) {
1006 print '<option value="' . esc_attr( $value ) . '" ' . ( ( isset( $loading_page_options['pageEffect'] ) && $loading_page_options['pageEffect'] === $value ) ? 'SELECTED' : '' ) . '>' . esc_html( $value ) . '</option>';
1007 }
1008 ?>
1009
1010 </select>
1011 <div style="color:#FF0000;">The premium version of plugin add the following effects: collapseIn, risingFromBottom, expandIn, fadeIn, fallFromTop, rotateInLeft, rotateInRight, rotateInRightWithoutToKeyframe, slideInSkew, tumbleIn, whirlIn</div>
1012 </td>
1013 </tr>
1014 <tr>
1015 <th><?php esc_html_e( 'Display loading percent', 'loading-page' ); ?></th>
1016 <td><input aria-label="<?php print esc_attr( __( 'Display loading percent', 'loading-page' ) ); ?>" type="checkbox" name="lp_displayPercent" <?php echo ( ( ! empty( $loading_page_options['displayPercent'] ) ) ? 'CHECKED' : '' ); ?> /></td>
1017 </tr>
1018 </table>
1019 <div style="border: 1px solid #DADADA; padding:10px;">
1020 <h3><?php esc_html_e( 'Troubleshoot Area - Loading Screen', 'loading-page' ); ?></h3>
1021 <table class="form-table">
1022 <tr>
1023 <th><?php esc_html_e( 'Disable the search in deep', 'loading-page' ); ?></th>
1024 <td>
1025 <input aria-label="<?php print esc_attr( __( 'Disable search in deep', 'loading-page' ) ); ?>" type="checkbox" name="lp_deactivateDeepSearch" <?php echo ( ( empty( $loading_page_options['deepSearch'] ) ) ? 'CHECKED' : '' ); ?> /> <i><?php esc_html_e( 'If the loading screen stops in some percentage, tick the checkbox', 'loading-page' ); ?></i>
1026 </td>
1027 </tr>
1028 <tr>
1029 <th><?php esc_html_e( 'The pages\' background is visible', 'loading-page' ); ?></th>
1030 <td>
1031 <input aria-label="<?php print esc_attr( __( 'Tick if page visible', 'loading-page' ) ); ?>" type="checkbox" name="lp_modifyDisplayRule" <?php echo ( ( ! empty( $loading_page_options['modifyDisplayRule'] ) ) ? 'CHECKED' : '' ); ?> /> <i><?php esc_html_e( 'If website\'s background is visible before the loading screen, tick the checkbox', 'loading-page' ); ?></i>
1032 </td>
1033 </tr>
1034
1035 </table>
1036 </div>
1037 </div>
1038 </div>
1039 <div class="postbox">
1040 <h3 class='hndle' style="padding:5px;"><span><?php esc_html_e( 'Lazy Loading', 'loading-page' ); ?></span></h3>
1041 <div class="inside">
1042 <p>
1043 <?php
1044 esc_html_e(
1045 'To load only the images visible in the viewport to improve the loading rate of your website and reduce the bandwidth consumption.',
1046 'loading-page'
1047 );
1048 ?>
1049 </p>
1050 <p>
1051 <span style="color:#FF0000;">
1052 The lazy loading of images is available only in the commercial version of plugin <a href="http://wordpress.dwbooster.com/content-tools/loading-page" target="_blank">CLICK HERE</a>
1053 </span>
1054 </p>
1055 <p><img alt="<?php print esc_attr( __( 'Lazy loading chart', 'loading-page' ) ); ?>" src="<?php print( esc_attr( LOADING_PAGE_PLUGIN_URL . '/images/consumption_graph.png' ) ); ?>" style="max-width:100%;" /></p>
1056 <table class="form-table">
1057 <tr>
1058 <th><?php esc_html_e( 'Enable lazy loading', 'loading-page' ); ?></th>
1059 <td><input aria-label="<?php print esc_attr( __( 'Enable lazy loading', 'loading-page' ) ); ?>" type="checkbox" DISABLED /></td>
1060 </tr>
1061 <tr>
1062 <th><?php esc_html_e( 'Select the image to load by default', 'loading-page' ); ?></th>
1063 <td>
1064 <input aria-label="<?php print esc_attr( __( 'Image to load by default', 'loading-page' ) ); ?>" type="text" DISABLED /><input type="button" value="Browse" DISABLED />
1065 </td>
1066 </tr>
1067 <tr>
1068 <th><?php esc_html_e( 'Exclude lazy loading from', 'loading-page' ); ?></th>
1069 <td><input aria-label="<?php print esc_attr( __( 'Pages/posts ids separated by comma', 'loading-page' ) ); ?>" type="text" DISABLED /> <i><?php esc_html_e( 'Type one, or more post/pages IDs, separated by commas ","', 'loading-page' ); ?></i></td>
1070 </tr>
1071 </table>
1072 <div style="border: 1px solid #DADADA; padding:10px;">
1073 <h3><?php esc_html_e( 'Troubleshoot Area - Lazy Loading', 'loading-page' ); ?></h3>
1074 <table class="form-table">
1075 <tr>
1076 <th><?php esc_html_e( 'Exclude images whose tag includes the class or attribute', 'loading-page' ); ?></th>
1077 <td>
1078 <input aria-label="<?php print esc_attr( __( 'Class or attributes names', 'loading-page' ) ); ?>" type="text" style="width:100%;" disabled /><br />
1079 <p><i><?php esc_html_e( 'Don\'t apply the lazy loading to the images with the classes or attributes (separated by commas ",")', 'loading-page' ); ?></i></p>
1080 </td>
1081 </tr>
1082 </table>
1083 </div>
1084 </div>
1085 </div>
1086 <div><input type="submit" value="Update Settings" class="button-primary" /></div>
1087 </form>
1088 </div>
1089 <?php
1090 } // End loading_page_settings_page.
1091 }
1092