a3 Lazy Load - Version 1.8.0

Version Description

Feature Upgrade. 1 bug fix, 3 new features, 2 code updates for compatibility with WordPress v 4.7.5, PHP 7.0, Better AMP plugin and launch public Github Repo

Download this release

Release Info

Developer a3rev
Plugin Icon 128x128 a3 Lazy Load
Version 1.8.0
Comparing to
See all releases

Code changes from version 1.7.1 to 1.8.0

a3-lazy-load.php CHANGED
@@ -2,11 +2,11 @@
2
/*
3
Plugin Name: a3 Lazy Load
4
Description: Speed up your site and enhance frontend user's visual experience in PC's, Tablets and mobile with a3 Lazy Load.
5
- Version: 1.7.1
6
- Author: a3 Revolution
7
- Author URI: http://www.a3rev.com/
8
Requires at least: 4.0
9
- Tested up to: 4.5
10
License: GPLv2 or later
11
Copyright © 2011 a3 Revolution Software Development team
12
a3 Revolution Software Development team
@@ -17,7 +17,7 @@ License: GPLv2 or later
17
*/
18
?>
19
<?php
20
- define('A3_LAZY_VERSION', '1.7.1');
21
define('A3_LAZY_LOAD_FILE_PATH', dirname(__FILE__));
22
define('A3_LAZY_LOAD_DIR_NAME', basename(A3_LAZY_LOAD_FILE_PATH));
23
define('A3_LAZY_LOAD_FOLDER', dirname(plugin_basename(__FILE__)));
@@ -28,6 +28,23 @@ define('A3_LAZY_LOAD_JS_URL', A3_LAZY_LOAD_URL . '/assets/js');
28
define('A3_LAZY_LOAD_CSS_URL', A3_LAZY_LOAD_URL . '/assets/css');
29
define('A3_LAZY_LOAD_IMAGES_URL', A3_LAZY_LOAD_URL . '/assets/images');
30
31
include( 'admin/admin-ui.php' );
32
include( 'admin/admin-interface.php' );
33
@@ -63,4 +80,5 @@ if ( 1 == $a3_lazy_load_global_settings['a3l_apply_lazyloadxt'] && !is_admin() &
63
* Call when the plugin is activated
64
*/
65
register_activation_hook(__FILE__, 'a3_lazy_load_activated');
66
- ?>
2
/*
3
Plugin Name: a3 Lazy Load
4
Description: Speed up your site and enhance frontend user's visual experience in PC's, Tablets and mobile with a3 Lazy Load.
5
+ Version: 1.8.0
6
+ Author: a3rev Software
7
+ Author URI: https://a3rev.com/
8
Requires at least: 4.0
9
+ Tested up to: 4.7.5
10
License: GPLv2 or later
11
Copyright © 2011 a3 Revolution Software Development team
12
a3 Revolution Software Development team
17
*/
18
?>
19
<?php
20
+ define('A3_LAZY_VERSION', '1.8.0');
21
define('A3_LAZY_LOAD_FILE_PATH', dirname(__FILE__));
22
define('A3_LAZY_LOAD_DIR_NAME', basename(A3_LAZY_LOAD_FILE_PATH));
23
define('A3_LAZY_LOAD_FOLDER', dirname(plugin_basename(__FILE__)));
28
define('A3_LAZY_LOAD_CSS_URL', A3_LAZY_LOAD_URL . '/assets/css');
29
define('A3_LAZY_LOAD_IMAGES_URL', A3_LAZY_LOAD_URL . '/assets/images');
30
31
+ /**
32
+ * Load Localisation files.
33
+ *
34
+ * Note: the first-loaded translation file overrides any following ones if the same translation is present.
35
+ *
36
+ * Locales found in:
37
+ * - WP_LANG_DIR/a3-lazy-load/a3-lazy-load-LOCALE.mo
38
+ * - WP_LANG_DIR/plugins/a3-lazy-load-LOCALE.mo
39
+ * - /wp-content/plugins/a3-lazy-load/languages/a3-lazy-load-LOCALE.mo (which if not found falls back to)
40
+ */
41
+ function a3_lazy_load_plugin_textdomain() {
42
+ $locale = apply_filters( 'plugin_locale', get_locale(), 'a3-lazy-load' );
43
+
44
+ load_textdomain( 'a3-lazy-load', WP_LANG_DIR . '/a3-lazy-load/a3-lazy-load-' . $locale . '.mo' );
45
+ load_plugin_textdomain( 'a3-lazy-load', false, A3_LAZY_LOAD_FOLDER.'/languages' );
46
+ }
47
+
48
include( 'admin/admin-ui.php' );
49
include( 'admin/admin-interface.php' );
50
80
* Call when the plugin is activated
81
*/
82
register_activation_hook(__FILE__, 'a3_lazy_load_activated');
83
+
84
+ ?>
admin/a3-lazy-load-admin.php CHANGED
@@ -1,8 +1,8 @@
1
<?php
2
- update_option('a3rev_lazy_load_plugin', 'a3_lazy_load');
3
4
function a3_lazy_load_activated(){
5
- update_option('a3_lazy_load_version', '1.7.1');
6
7
// Set Settings Default from Admin Init
8
global $a3_lazy_load_admin_init;
@@ -25,7 +25,7 @@ function a3_lazy_load_init() {
25
exit;
26
}
27
28
- load_plugin_textdomain( 'a3_lazy_load', false, A3_LAZY_LOAD_FOLDER.'/languages' );
29
30
a3_lazy_load_upgrade_plugin();
31
}
@@ -65,6 +65,6 @@ function a3_lazy_load_upgrade_plugin() {
65
update_option('a3_lazy_load_style_version', time() );
66
}
67
68
- update_option('a3_lazy_load_version', '1.7.1');
69
}
70
?>
1
<?php
2
+ update_option('a3rev_lazy_load_plugin', 'a3_lazy_load' );
3
4
function a3_lazy_load_activated(){
5
+ update_option('a3_lazy_load_version', '1.8.0');
6
7
// Set Settings Default from Admin Init
8
global $a3_lazy_load_admin_init;
25
exit;
26
}
27
28
+ a3_lazy_load_plugin_textdomain();
29
30
a3_lazy_load_upgrade_plugin();
31
}
65
update_option('a3_lazy_load_style_version', time() );
66
}
67
68
+ update_option('a3_lazy_load_version', '1.8.0');
69
}
70
?>
admin/admin-init.php CHANGED
@@ -34,12 +34,13 @@ class A3_Lazy_Load_Admin_Init extends A3_Lazy_Load_Admin_UI
34
/*-----------------------------------------------------------------------------------*/
35
public function init() {
36
37
- $this->add_admin_menu();
38
39
// Filter to add admin pages for Amin UI process
40
add_filter( $this->plugin_name . '_admin_pages', array( $this, 'add_admin_pages' ) );
41
42
- add_action( 'admin_menu', array( $this, 'register_admin_menu' ) );
43
44
add_action( 'plugins_loaded', array( $this, 'get_all_settings' ), 8 );
45
}
@@ -121,7 +122,7 @@ class A3_Lazy_Load_Admin_Init extends A3_Lazy_Load_Admin_UI
121
122
case 'menu':
123
124
- $menu_page = add_menu_page( esc_html( $menu_item['page_title'] ), esc_html( $menu_item['menu_title'] ), $menu_item['capability'], $menu_item['menu_slug'] , $menu_item['function'], $menu_item['icon_url'], $menu_item['position'] );
125
126
if ( isset( $menu_item['script_function'] ) && trim( $menu_item['script_function'] ) != '' )
127
add_action( "admin_print_scripts-" . $menu_page, $menu_item['script_function'] );
@@ -130,7 +131,7 @@ class A3_Lazy_Load_Admin_Init extends A3_Lazy_Load_Admin_UI
130
131
case 'submenu':
132
133
- $submenu_page = add_submenu_page( $menu_item['parent_slug'] , esc_html( $menu_item['page_title'] ), esc_html( $menu_item['menu_title'] ), $menu_item['capability'], $menu_item['menu_slug'] , $menu_item['function'] );
134
135
if ( isset( $menu_item['script_function'] ) && trim( $menu_item['script_function'] ) != '' )
136
add_action( "admin_print_scripts-" . $submenu_page, $menu_item['script_function'] );
@@ -192,14 +193,14 @@ class A3_Lazy_Load_Admin_Init extends A3_Lazy_Load_Admin_UI
192
193
if ( ! is_array( $tabs ) || count( $tabs ) < 1 ) {
194
?>
195
- <h2>
196
<?php
197
if ( $page_data !== false) {
198
echo esc_html( $page_data['page_title'] );
199
if ( isset( $page_data['view_doc'] ) ) echo $page_data['view_doc'];
200
}
201
?>
202
- </h2>
203
<div style="width:100%; float:left;">
204
<?php if ( isset( $page_data['callback_function'] ) && ! empty( $page_data['callback_function'] ) ) call_user_func( $page_data['callback_function'] ); ?>
205
</div>
34
/*-----------------------------------------------------------------------------------*/
35
public function init() {
36
37
+ add_action( 'plugins_loaded', array( $this, 'add_admin_menu' ), 7 );
38
39
// Filter to add admin pages for Amin UI process
40
add_filter( $this->plugin_name . '_admin_pages', array( $this, 'add_admin_pages' ) );
41
42
+ $menu_hook = 'admin_menu';
43
+ add_action( $menu_hook, array( $this, 'register_admin_menu' ) );
44
45
add_action( 'plugins_loaded', array( $this, 'get_all_settings' ), 8 );
46
}
122
123
case 'menu':
124
125
+ $menu_page = add_menu_page( esc_html( $menu_item['page_title'] ), $menu_item['menu_title'], $menu_item['capability'], $menu_item['menu_slug'] , $menu_item['function'], $menu_item['icon_url'], $menu_item['position'] );
126
127
if ( isset( $menu_item['script_function'] ) && trim( $menu_item['script_function'] ) != '' )
128
add_action( "admin_print_scripts-" . $menu_page, $menu_item['script_function'] );
131
132
case 'submenu':
133
134
+ $submenu_page = add_submenu_page( $menu_item['parent_slug'] , esc_html( $menu_item['page_title'] ), $menu_item['menu_title'], $menu_item['capability'], $menu_item['menu_slug'] , $menu_item['function'] );
135
136
if ( isset( $menu_item['script_function'] ) && trim( $menu_item['script_function'] ) != '' )
137
add_action( "admin_print_scripts-" . $submenu_page, $menu_item['script_function'] );
193
194
if ( ! is_array( $tabs ) || count( $tabs ) < 1 ) {
195
?>
196
+ <h1>
197
<?php
198
if ( $page_data !== false) {
199
echo esc_html( $page_data['page_title'] );
200
if ( isset( $page_data['view_doc'] ) ) echo $page_data['view_doc'];
201
}
202
?>
203
+ </h1>
204
<div style="width:100%; float:left;">
205
<?php if ( isset( $page_data['callback_function'] ) && ! empty( $page_data['callback_function'] ) ) call_user_func( $page_data['callback_function'] ); ?>
206
</div>
admin/admin-interface.php CHANGED
@@ -59,6 +59,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
59
60
if ( is_admin() && isset( $_REQUEST['page'] ) && in_array( $_REQUEST['page'], $admin_pages ) ) {
61
add_action( 'admin_enqueue_scripts', array( $this, 'admin_script_load' ) );
62
do_action( $this->plugin_name . '_init_scripts' );
63
64
add_action( 'admin_print_scripts', array( $this, 'admin_localize_printed_scripts' ), 5 );
@@ -83,6 +84,13 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
83
$suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '' : '.min';
84
wp_register_style( 'font-awesome-styles', $this->admin_plugin_url() . '/assets/css/font-awesome' . $suffix . '.css', array(), '4.5.0', 'all' );
85
}
86
87
/*-----------------------------------------------------------------------------------*/
88
/* admin_script_load */
@@ -103,6 +111,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
103
wp_register_script( 'a3rev-settings-preview', $this->admin_plugin_url() . '/assets/js/a3rev-settings-preview.js', array('jquery'), false, true );
104
wp_register_script( 'jquery-tiptip', $this->admin_plugin_url() . '/assets/js/tipTip/jquery.tipTip' . $suffix . '.js', array( 'jquery' ), true, true );
105
wp_register_script( 'a3rev-metabox-ui', $this->admin_plugin_url() . '/assets/js/data-meta-boxes.js', array( 'jquery' ), true, true );
106
107
wp_enqueue_script( 'jquery' );
108
wp_enqueue_script( 'wp-color-picker' );
@@ -174,7 +183,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
174
$version_message = $this->get_version_message();
175
$has_new_version = 1;
176
if ( '' == trim( $version_message ) ) {
177
- $version_message = __( 'Great! You have the latest version installed.', 'a3_lazy_load' );
178
$has_new_version = 0;
179
} else {
180
delete_option('a3_lazy_load_clean_on_deletion');
@@ -213,16 +222,12 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
213
/* admin_css_load */
214
/*-----------------------------------------------------------------------------------*/
215
216
- public function admin_css_load () {
217
- global $wp_version;
218
-
219
$suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '' : '.min';
220
221
wp_enqueue_style( 'a3rev-admin-ui-style', $this->admin_plugin_url() . '/assets/css/admin-ui-style' . $suffix . '.css' );
222
223
- if ( version_compare( $wp_version, '3.8', '>=' ) ) {
224
- wp_enqueue_style( 'a3rev-admin-flat-ui-style', $this->admin_plugin_url() . '/assets/css/admin-flat-ui-style' . $suffix . '.css' );
225
- }
226
wp_enqueue_style( 'wp-color-picker' );
227
wp_enqueue_style( 'a3rev-chosen-new-style', $this->admin_plugin_url() . '/assets/js/chosen/chosen' . $suffix . '.css' );
228
wp_enqueue_style( 'a3rev-tiptip-style', $this->admin_plugin_url() . '/assets/js/tipTip/tipTip.css' );
@@ -239,7 +244,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
239
/* get_success_message */
240
/*-----------------------------------------------------------------------------------*/
241
public function get_success_message( $message = '' ) {
242
- if ( trim( $message ) == '' ) $message = __( 'Settings successfully saved.' , 'a3_lazy_load' );
243
return '<div class="updated" id=""><p>' . $message . '</p></div>';
244
}
245
@@ -247,7 +252,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
247
/* get_error_message */
248
/*-----------------------------------------------------------------------------------*/
249
public function get_error_message( $message = '' ) {
250
- if ( trim( $message ) == '' ) $message = __( 'Error: Settings can not save.' , 'a3_lazy_load' );
251
return '<div class="error" id=""><p>' . $message . '</p></div>';
252
}
253
@@ -255,7 +260,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
255
/* get_reset_message */
256
/*-----------------------------------------------------------------------------------*/
257
public function get_reset_message( $message = '' ) {
258
- if ( trim( $message ) == '' ) $message = __( 'Settings successfully reseted.' , 'a3_lazy_load' );
259
return '<div class="updated" id=""><p>' . $message . '</p></div>';
260
}
261
@@ -276,12 +281,12 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
276
/*-----------------------------------------------------------------------------------*/
277
public function get_font_weights() {
278
$font_weights = array (
279
- '300' => __( 'Thin', 'a3_lazy_load' ),
280
- '300 italic' => __( 'Thin/Italic', 'a3_lazy_load' ),
281
- 'normal' => __( 'Normal', 'a3_lazy_load' ),
282
- 'italic' => __( 'Italic', 'a3_lazy_load' ),
283
- 'bold' => __( 'Bold', 'a3_lazy_load' ),
284
- 'bold italic' => __( 'Bold/Italic', 'a3_lazy_load' ),
285
);
286
return apply_filters( $this->plugin_name . '_font_weights', $font_weights );
287
}
@@ -291,14 +296,14 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
291
/*-----------------------------------------------------------------------------------*/
292
public function get_border_styles() {
293
$border_styles = array (
294
- 'solid' => __( 'Solid', 'a3_lazy_load' ),
295
- 'double' => __( 'Double', 'a3_lazy_load' ),
296
- 'dashed' => __( 'Dashed', 'a3_lazy_load' ),
297
- 'dotted' => __( 'Dotted', 'a3_lazy_load' ),
298
- 'groove' => __( 'Groove', 'a3_lazy_load' ),
299
- 'ridge' => __( 'Ridge', 'a3_lazy_load' ),
300
- 'inset' => __( 'Inset', 'a3_lazy_load' ),
301
- 'outset' => __( 'Outset', 'a3_lazy_load' ),
302
);
303
return apply_filters( $this->plugin_name . '_border_styles', $border_styles );
304
}
@@ -367,7 +372,12 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
367
} else {
368
$id_attribute = esc_attr( $value['id'] );
369
}
370
-
371
$default_settings[$id_attribute] = $value['default'];
372
373
break;
@@ -393,7 +403,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
393
394
// Get settings for option values is an array and it's in single option name for all settings
395
if ( trim( $option_name ) != '' ) {
396
- global $option_name;
397
398
$default_settings = $this->get_settings_default( $options, $option_name );
399
@@ -411,7 +421,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
411
// Get settings for option value is stored as a record or it's spearate option
412
foreach ( $options as $value ) {
413
if ( ! isset( $value['type'] ) ) continue;
414
- if ( in_array( $value['type'], array( 'heading' ) ) ) continue;
415
if ( ! isset( $value['id'] ) || trim( $value['id'] ) == '' ) continue;
416
if ( ! isset( $value['default'] ) ) $value['default'] = '';
417
@@ -432,7 +442,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
432
}
433
434
if ( trim( $option_name ) == '' || $value['separate_option'] != false ) {
435
- global $id_attribute;
436
437
$current_setting = get_option( $id_attribute, $value['default'] );
438
@@ -452,6 +462,12 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
452
$current_setting = array_map( array( $this, 'admin_stripslashes' ), $current_setting );
453
elseif ( ! is_null( $current_setting ) )
454
$current_setting = esc_attr( stripslashes( $current_setting ) );
455
break;
456
}
457
@@ -481,7 +497,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
481
482
foreach ( $options as $value ) {
483
if ( ! isset( $value['type'] ) ) continue;
484
- if ( in_array( $value['type'], array( 'heading' ) ) ) continue;
485
if ( ! isset( $value['id'] ) || trim( $value['id'] ) == '' ) continue;
486
if ( ! isset( $value['default'] ) ) $value['default'] = '';
487
if ( ! isset( $value['free_version'] ) ) $value['free_version'] = false;
@@ -531,7 +547,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
531
// Get settings for option value is stored as a record or it's spearate option
532
foreach ( $options as $value ) {
533
if ( ! isset( $value['type'] ) ) continue;
534
- if ( in_array( $value['type'], array( 'heading' ) ) ) continue;
535
536
// Save for global settings of plugin framework
537
switch ( $value['type'] ) {
@@ -852,7 +868,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
852
if ( $free_version ) {
853
foreach ( $options as $value ) {
854
if ( ! isset( $value['type'] ) ) continue;
855
- if ( in_array( $value['type'], array( 'heading' ) ) ) continue;
856
if ( ! isset( $value['id'] ) || trim( $value['id'] ) == '' ) continue;
857
858
switch ( $value['type'] ) {
@@ -896,7 +912,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
896
// Update settings default for option value is stored as a record or it's spearate option
897
foreach ( $options as $value ) {
898
if ( ! isset( $value['type'] ) ) continue;
899
- if ( in_array( $value['type'], array( 'heading' ) ) ) continue;
900
if ( ! isset( $value['id'] ) || trim( $value['id'] ) == '' ) continue;
901
if ( ! isset( $value['default'] ) ) $value['default'] = '';
902
if ( ! isset( $value['free_version'] ) ) $value['free_version'] = false;
@@ -1091,7 +1107,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1091
* @return void
1092
* ========================================================================
1093
* Option Array Structure :
1094
- * type => heading | google_api_key | onoff_toggle_box | text | email | number | password | color | bg_color | textarea | select | multiselect | radio | onoff_radio | checkbox | onoff_checkbox
1095
* | switcher_checkbox | image_size | single_select_page | typography | border | border_styles | border_corner | box_shadow
1096
* | slider | upload | wp_editor | array_textfields |
1097
*
@@ -1103,7 +1119,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1103
* default => text : apply for other types
1104
* array( 'enable' => 1, 'color' => '#515151' ) : apply bg_color only
1105
* array( 'width' => '125', 'height' => '125', 'crop' => 1 ) : apply image_size only
1106
- * array( 'size' => '9px', 'face' => 'Arial', 'style' => 'normal', 'color' => '#515151' ) : apply for typography only
1107
* array( 'width' => '1px', 'style' => 'normal', 'color' => '#515151', 'corner' => 'rounded' | 'square' , 'top_left_corner' => 3,
1108
* 'top_right_corner' => 3, 'bottom_left_corner' => 3, 'bottom_right_corner' => 3 ) : apply for border only
1109
* array( 'width' => '1px', 'style' => 'normal', 'color' => '#515151' ) : apply for border_styles only
@@ -1167,6 +1183,51 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1167
*
1168
* strip_methods => true | false : apply for upload type only
1169
*
1170
*/
1171
1172
public function admin_forms( $options, $form_key, $option_name = '', $form_messages = array() ) {
@@ -1217,7 +1278,11 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1217
<div class="a3rev_panel_container" style="visibility:hidden; height:0; overflow:hidden;" >
1218
<form action="" method="post">
1219
<?php do_action( $this->plugin_name . '-' . trim( $form_key ) . '_settings_start' ); ?>
1220
<?php
1221
$count_heading = 0;
1222
$end_heading_id = false;
1223
$header_box_opening = false;
@@ -1269,7 +1334,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1269
$description = $tip = '';
1270
}
1271
1272
- if ( $description && in_array( $value['type'], array( 'manual_check_version', 'textarea', 'radio', 'onoff_radio', 'typography', 'border', 'border_styles', 'border_corner', 'box_shadow', 'array_textfields', 'wp_editor', 'upload' ) ) ) {
1273
$description = '<div class="desc" style="margin-bottom:5px;">' . $description . '</div>';
1274
} elseif ( $description ) {
1275
$description = '<span class="description" style="margin-left:5px;">' . $description . '</span>';
@@ -1283,6 +1348,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1283
* [default_value_height] : apply for image_size type
1284
*
1285
* [default_value_size] : apply for typography type
1286
* [default_value_face] : apply for typography type
1287
* [default_value_style] : apply for typography, border, border_styles types
1288
* [default_value_color] : apply for typography, border, border_styles types
@@ -1305,6 +1371,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1305
} elseif ( $value['type'] == 'typography' ) {
1306
if ( ! is_array( $value['default'] ) ) $value['default'] = array();
1307
if ( ! isset( $value['default']['size'] ) ) $value['default']['size'] = '';
1308
if ( ! isset( $value['default']['face'] ) ) $value['default']['face'] = '';
1309
if ( ! isset( $value['default']['style'] ) ) $value['default']['style'] = '';
1310
if ( ! isset( $value['default']['color'] ) || trim( $value['default']['color'] ) == '' ) $value['default']['color'] = '#515151';
@@ -1416,9 +1483,112 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1416
$id_attribute = esc_attr( $option_name ) . '_' . $id_attribute;
1417
}
1418
1419
// Switch based on type
1420
switch( $value['type'] ) {
1421
1422
// Heading
1423
case 'heading':
1424
@@ -1433,7 +1603,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1433
}
1434
1435
$count_heading++;
1436
- if ( $count_heading > 1 ) {
1437
if ( trim( $end_heading_id ) != '' ) do_action( $this->plugin_name . '_settings_' . sanitize_title( $end_heading_id ) . '_end' );
1438
echo '</table>' . "\n\n";
1439
echo '</div>' . "\n\n";
@@ -1504,11 +1674,20 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1504
}
1505
}
1506
1507
// open panel box
1508
echo '<div id="'. esc_attr( $value['id'] ) . '" class="a3rev_panel_box '. esc_attr( $value['class'] ) .'" style="'. esc_attr( $value['css'] ) .'">' . "\n\n";
1509
1510
// open box handle
1511
- echo '<div data-form-key="'. esc_attr( trim( $form_key ) ) .'" data-box-id="'. esc_attr( $heading_box_id ) .'" class="a3rev_panel_box_handle" >' . "\n\n";
1512
1513
echo ( ! empty( $value['name'] ) ) ? '<h3 class="a3-plugin-ui-panel-box '. $toggle_box_class . ' ' . $opened_class . '">'. esc_html( $value['name'] ) .' '. $view_doc .'</h3>' : '';
1514
@@ -1545,6 +1724,8 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1545
echo '</div>' . "\n\n";
1546
}
1547
1548
echo '<table class="form-table">' . "\n\n";
1549
1550
if ( ! empty( $value['id'] ) ) do_action( $this->plugin_name . '_settings_' . sanitize_title( $value['id'] ) . '_start' );
@@ -1555,13 +1736,13 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1555
1556
$google_api_key = $this->settings_get_option( $this->google_api_key_option );
1557
$google_api_key_enable = $this->settings_get_option( $this->google_api_key_option . '_enable', 0 );
1558
- if ( ! isset( $value['checked_label'] ) ) $value['checked_label'] = __( 'ON', 'a3_lazy_load' );
1559
- if ( ! isset( $value['unchecked_label'] ) ) $value['unchecked_label'] = __( 'OFF', 'a3_lazy_load' );
1560
1561
?><tr valign="top">
1562
<th scope="row" class="titledesc">
1563
<?php echo $tip; ?>
1564
- <label for="<?php echo $this->google_api_key_option; ?>"><?php echo __( 'Google Fonts API', 'a3_lazy_load' ); ?></label>
1565
</th>
1566
<td class="forminp forminp-onoff_checkbox forminp-<?php echo sanitize_title( $value['type'] ) ?>">
1567
<input
@@ -1573,11 +1754,11 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1573
type="checkbox"
1574
value="1"
1575
<?php checked( $google_api_key_enable, 1 ); ?>
1576
- /> <span class="description" style="margin-left:5px;"><?php echo __( 'ON to connect to Google Fonts API and have auto font updates direct from Google.', 'a3_lazy_load' ); ?></span>
1577
1578
<div>&nbsp;</div>
1579
<div class="a3rev-ui-google-api-key-container" style="<?php if( 1 != $google_api_key_enable ) { echo 'display: none;'; } ?>">
1580
- <div class="a3rev-ui-google-api-key-description"><?php echo sprintf( __( "Enter your existing Google Fonts API Key below. Don't have a key? Visit <a href='%s' target='_blank'>Google Developer API</a> to create a key", 'a3_lazy_load' ), 'https://developers.google.com/fonts/docs/developer_api#APIKey' ); ?></div>
1581
<div class="a3rev-ui-google-api-key-inside
1582
<?php
1583
if ( $a3_lazy_load_fonts_face->is_valid_google_api_key() ) {
@@ -1594,11 +1775,11 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1594
style="<?php echo esc_attr( $value['css'] ); ?>"
1595
value="<?php echo esc_attr( $google_api_key ); ?>"
1596
class="a3rev-ui-text a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?> <?php echo esc_attr( $value['class'] ); ?>"
1597
- placeholder="<?php echo __( 'Google Fonts API Key', 'a3_lazy_load' ); ?>"
1598
<?php echo implode( ' ', $custom_attributes ); ?>
1599
/>
1600
- <p class="a3rev-ui-google-valid-key-message"><?php echo __( 'Your Google API Key is valid and automatic font updates are enabled.', 'a3_lazy_load' ); ?></p>
1601
- <p class="a3rev-ui-google-unvalid-key-message"><?php echo __( 'Please enter a valid Google API Key.', 'a3_lazy_load' ); ?></p>
1602
</div>
1603
</div>
1604
</td>
@@ -1617,7 +1798,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1617
?><tr valign="top">
1618
<th scope="row" class="titledesc">
1619
<?php echo $tip; ?>
1620
- <label><?php echo __( 'Check New Version', 'a3_lazy_load' ); ?></label>
1621
</th>
1622
<td class="forminp forminp-manual_check_version">
1623
<?php echo $description; ?>
@@ -1628,7 +1809,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1628
id="<?php echo $this->plugin_name . '-check-version'; ?>"
1629
class="button button-primary a3rev-ui-manual_check_version"
1630
type="button"
1631
- value="<?php echo __( 'Check Now', 'a3_lazy_load' ); ?>"
1632
/> <span class="a3rev-ui-version-checking"> </span>
1633
<p class="a3rev-ui-check-version-message <?php echo $new_version_class; ?>"><?php echo $version_message; ?></p>
1634
@@ -1637,17 +1818,175 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1637
1638
break;
1639
1640
// Toggle Box Open type
1641
case 'onoff_toggle_box' :
1642
1643
$option_value = $this->settings_get_option( $this->toggle_box_open_option, 0 );
1644
- if ( ! isset( $value['checked_label'] ) ) $value['checked_label'] = __( 'ON', 'a3_lazy_load' );
1645
- if ( ! isset( $value['unchecked_label'] ) ) $value['unchecked_label'] = __( 'OFF', 'a3_lazy_load' );
1646
1647
?><tr valign="top">
1648
<th scope="row" class="titledesc">
1649
<?php echo $tip; ?>
1650
- <label for="<?php echo $this->toggle_box_open_option; ?>"><?php echo __( 'Open Box Display', 'a3_lazy_load' ); ?></label>
1651
</th>
1652
<td class="forminp forminp-onoff_checkbox forminp-<?php echo sanitize_title( $value['type'] ) ?>">
1653
<input
@@ -1660,7 +1999,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1660
value="1"
1661
<?php checked( $option_value, 1 ); ?>
1662
<?php echo implode( ' ', $custom_attributes ); ?>
1663
- /> <span class="description" style="margin-left:5px;"><?php echo __( 'ON and each admin panel setting box OPEN | CLOSED position are saved each time changes are SAVED.', 'a3_lazy_load' ); ?></span>
1664
</td>
1665
</tr><?php
1666
break;
@@ -1741,8 +2080,8 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1741
name="<?php echo $name_attribute; ?>[enable]"
1742
id="<?php echo $id_attribute; ?>"
1743
class="a3rev-ui-bg_color-enable a3rev-ui-onoff_checkbox <?php echo esc_attr( $value['class'] ); ?>"
1744
- checked_label="<?php _e( 'ON', 'a3_lazy_load' ); ?>"
1745
- unchecked_label="<?php _e( 'OFF', 'a3_lazy_load' ); ?>"
1746
type="checkbox"
1747
value="1"
1748
<?php checked( 1, $enable ); ?>
@@ -1815,6 +2154,26 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1815
<?php
1816
if ( is_array( $value['options'] ) && count( $value['options'] ) > 0 ) {
1817
foreach ( $value['options'] as $key => $val ) {
1818
?>
1819
<option value="<?php echo esc_attr( $key ); ?>" <?php
1820
@@ -1825,6 +2184,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1825
1826
?>><?php echo $val ?></option>
1827
<?php
1828
}
1829
}
1830
?>
@@ -1889,8 +2249,8 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1889
<?php
1890
if ( is_array( $value['onoff_options'] ) && count( $value['onoff_options'] ) > 0 ) {
1891
foreach ( $value['onoff_options'] as $i_option ) {
1892
- if ( ! isset( $i_option['checked_label'] ) ) $i_option['checked_label'] = __( 'ON', 'a3_lazy_load' );
1893
- if ( ! isset( $i_option['unchecked_label'] ) ) $i_option['unchecked_label'] = __( 'OFF', 'a3_lazy_load' );
1894
if ( ! isset( $i_option['val'] ) ) $i_option['val'] = 1;
1895
if ( ! isset( $i_option['text'] ) ) $i_option['text'] = '';
1896
?>
@@ -1979,8 +2339,8 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
1979
case 'onoff_checkbox' :
1980
1981
if ( ! isset( $value['checked_value'] ) ) $value['checked_value'] = 1;
1982
- if ( ! isset( $value['checked_label'] ) ) $value['checked_label'] = __( 'ON', 'a3_lazy_load' );
1983
- if ( ! isset( $value['unchecked_label'] ) ) $value['unchecked_label'] = __( 'OFF', 'a3_lazy_load' );
1984
1985
?><tr valign="top">
1986
<th scope="row" class="titledesc">
@@ -2008,8 +2368,8 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2008
case 'switcher_checkbox' :
2009
2010
if ( ! isset( $value['checked_value'] ) ) $value['checked_value'] = 1;
2011
- if ( ! isset( $value['checked_label'] ) ) $value['checked_label'] = __( 'ON', 'a3_lazy_load' );
2012
- if ( ! isset( $value['unchecked_label'] ) ) $value['unchecked_label'] = __( 'OFF', 'a3_lazy_load' );
2013
2014
?><tr valign="top">
2015
<th scope="row" class="titledesc">
@@ -2044,11 +2404,11 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2044
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2045
<td class="forminp forminp-<?php echo sanitize_title( $value['type'] ) ?>">
2046
2047
- <label><?php _e( 'Width', 'a3_lazy_load' ); ?> <input name="<?php echo $name_attribute; ?>[width]" id="<?php echo $id_attribute; ?>-width" type="text" class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-width" value="<?php echo $width; ?>" /></label>
2048
2049
- <label><?php _e( 'Height', 'a3_lazy_load' ); ?> <input name="<?php echo $name_attribute; ?>[height]" id="<?php echo $id_attribute; ?>-height" type="text" class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-height" value="<?php echo $height; ?>" /></label>
2050
2051
- <label><?php _e( 'Hard Crop', 'a3_lazy_load' ); ?> <input name="<?php echo $name_attribute; ?>[crop]" id="<?php echo $id_attribute; ?>-crop" type="checkbox" class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-crop" <?php echo $crop; ?> /></label>
2052
2053
</td>
2054
</tr><?php
@@ -2082,17 +2442,22 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2082
</td>
2083
</tr><?php
2084
break;
2085
-
2086
// Font Control
2087
case 'typography':
2088
-
2089
$default_color = ' data-default-color="' . esc_attr( $value['default']['color'] ) . '"';
2090
-
2091
- $size = $option_value['size'];
2092
- $face = $option_value['face'];
2093
- $style = $option_value['style'];
2094
- $color = $option_value['color'];
2095
-
2096
?><tr valign="top">
2097
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2098
<td class="forminp">
@@ -2113,15 +2478,30 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2113
<?php
2114
}
2115
?>
2116
- </select>
2117
-
2118
<!-- Font Face -->
2119
<select
2120
name="<?php echo $name_attribute; ?>[face]"
2121
id="<?php echo $id_attribute; ?>-face"
2122
class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-face chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
2123
>
2124
- <optgroup label="<?php _e( '-- Default Fonts --', 'a3_lazy_load' ); ?>">
2125
<?php
2126
foreach ( $a3_lazy_load_fonts_face->get_default_fonts() as $val => $text ) {
2127
?>
@@ -2132,7 +2512,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2132
}
2133
?>
2134
</optgroup>
2135
- <optgroup label="<?php _e( '-- Google Fonts --', 'a3_lazy_load' ); ?>">
2136
<?php
2137
foreach ( $a3_lazy_load_fonts_face->get_google_fonts() as $font ) {
2138
?>
@@ -2173,7 +2553,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2173
/>
2174
2175
<!-- Preview Button -->
2176
- <div class="a3rev-ui-typography-preview"><a href="#" class="a3rev-ui-typography-preview-button button submit-button" title="<?php _e( 'Preview your customized typography settings', 'a3_lazy_load'); ?>"><span>&nbsp;</span></a></div>
2177
2178
</div>
2179
@@ -2235,7 +2615,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2235
?><tr valign="top">
2236
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2237
<td class="forminp forminp-border_corner">
2238
- <?php echo $description; ?>
2239
<div class="a3rev-ui-settings-control">
2240
<!-- Border Width -->
2241
<select
@@ -2282,8 +2662,8 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2282
/>
2283
2284
<!-- Preview Button -->
2285
- <div class="a3rev-ui-settings-preview"><a href="#" class="a3rev-ui-border-preview-button a3rev-ui-settings-preview-button button submit-button" title="<?php _e( 'Preview your customized border settings', 'a3_lazy_load'); ?>"><span>&nbsp;</span></a></div>
2286
-
2287
<div style="clear:both; margin-bottom:10px"></div>
2288
2289
<!-- Border Corner : Rounded or Square -->
@@ -2291,8 +2671,8 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2291
name="<?php echo $name_attribute; ?>[corner]"
2292
id="<?php echo $id_attribute; ?>"
2293
class="a3rev-ui-border-corner a3rev-ui-onoff_checkbox <?php echo esc_attr( $value['class'] ); ?>"
2294
- checked_label="<?php _e( 'Rounded', 'a3_lazy_load' ); ?>"
2295
- unchecked_label="<?php _e( 'Square', 'a3_lazy_load' ); ?>"
2296
type="checkbox"
2297
value="rounded"
2298
<?php checked( 'rounded', $corner ); ?>
@@ -2302,7 +2682,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2302
<!-- Border Rounded Value -->
2303
<div class="a3rev-ui-border-corner-value-container">
2304
<div class="a3rev-ui-border_corner-top_left">
2305
- <span class="a3rev-ui-border_corner-span"><?php _e( 'Top Left Corner', 'a3_lazy_load' ); ?></span>
2306
<div class="a3rev-ui-slide-container">
2307
<div class="a3rev-ui-slide-container-start">
2308
<div class="a3rev-ui-slide-container-end">
@@ -2322,7 +2702,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2322
</div>
2323
</div>
2324
<div class="a3rev-ui-border_corner-top_right">
2325
- <span class="a3rev-ui-border_corner-span"><?php _e( 'Top Right Corner', 'a3_lazy_load' ); ?></span>
2326
<div class="a3rev-ui-slide-container">
2327
<div class="a3rev-ui-slide-container-start">
2328
<div class="a3rev-ui-slide-container-end">
@@ -2342,7 +2722,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2342
</div>
2343
</div>
2344
<div class="a3rev-ui-border_corner-bottom_right">
2345
- <span class="a3rev-ui-border_corner-span"><?php _e( 'Bottom Right Corner', 'a3_lazy_load' ); ?></span>
2346
<div class="a3rev-ui-slide-container">
2347
<div class="a3rev-ui-slide-container-start">
2348
<div class="a3rev-ui-slide-container-end">
@@ -2362,7 +2742,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2362
</div>
2363
</div>
2364
<div class="a3rev-ui-border_corner-bottom_left">
2365
- <span class="a3rev-ui-border_corner-span"><?php _e( 'Bottom Left Corner', 'a3_lazy_load' ); ?></span>
2366
<div class="a3rev-ui-slide-container">
2367
<div class="a3rev-ui-slide-container-start">
2368
<div class="a3rev-ui-slide-container-end">
@@ -2402,7 +2782,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2402
?><tr valign="top">
2403
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2404
<td class="forminp">
2405
- <?php echo $description; ?>
2406
<div class="a3rev-ui-settings-control">
2407
<!-- Border Width -->
2408
<select
@@ -2449,7 +2829,8 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2449
/>
2450
2451
<!-- Preview Button -->
2452
- <div class="a3rev-ui-settings-preview"><a href="#" class="a3rev-ui-border-preview-button a3rev-ui-settings-preview-button button submit-button" title="<?php _e( 'Preview your customized border styles settings', 'a3_lazy_load'); ?>"><span>&nbsp;</span></a></div>
2453
</div>
2454
2455
</td>
@@ -2500,15 +2881,14 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2500
?><tr valign="top">
2501
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2502
<td class="forminp forminp-<?php echo sanitize_title( $value['type'] ) ?>">
2503
- <?php echo $description; ?>
2504
<div class="a3rev-ui-settings-control">
2505
<!-- Border Corner : Rounded or Square -->
2506
<input
2507
name="<?php echo $name_attribute; ?>[corner]"
2508
id="<?php echo $id_attribute; ?>"
2509
class="a3rev-ui-border-corner a3rev-ui-onoff_checkbox <?php echo esc_attr( $value['class'] ); ?>"
2510
- checked_label="<?php _e( 'Rounded', 'a3_lazy_load' ); ?>"
2511
- unchecked_label="<?php _e( 'Square', 'a3_lazy_load' ); ?>"
2512
type="checkbox"
2513
value="rounded"
2514
<?php checked( 'rounded', $corner ); ?>
@@ -2516,12 +2896,12 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2516
/>
2517
2518
<!-- Preview Button -->
2519
- <div class="a3rev-ui-settings-preview"><a href="#" class="a3rev-ui-border-preview-button a3rev-ui-settings-preview-button button submit-button" title="<?php _e( 'Preview your customized border settings', 'a3_lazy_load'); ?>"><span>&nbsp;</span></a></div>
2520
-
2521
<!-- Border Rounded Value -->
2522
<div class="a3rev-ui-border-corner-value-container">
2523
<div class="a3rev-ui-border_corner-top_left">
2524
- <span class="a3rev-ui-border_corner-span"><?php _e( 'Top Left Corner', 'a3_lazy_load' ); ?></span>
2525
<div class="a3rev-ui-slide-container">
2526
<div class="a3rev-ui-slide-container-start">
2527
<div class="a3rev-ui-slide-container-end">
@@ -2541,7 +2921,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2541
</div>
2542
</div>
2543
<div class="a3rev-ui-border_corner-top_right">
2544
- <span class="a3rev-ui-border_corner-span"><?php _e( 'Top Right Corner', 'a3_lazy_load' ); ?></span>
2545
<div class="a3rev-ui-slide-container">
2546
<div class="a3rev-ui-slide-container-start">
2547
<div class="a3rev-ui-slide-container-end">
@@ -2561,7 +2941,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2561
</div>
2562
</div>
2563
<div class="a3rev-ui-border_corner-bottom_right">
2564
- <span class="a3rev-ui-border_corner-span"><?php _e( 'Bottom Right Corner', 'a3_lazy_load' ); ?></span>
2565
<div class="a3rev-ui-slide-container">
2566
<div class="a3rev-ui-slide-container-start">
2567
<div class="a3rev-ui-slide-container-end">
@@ -2581,7 +2961,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2581
</div>
2582
</div>
2583
<div class="a3rev-ui-border_corner-bottom_left">
2584
- <span class="a3rev-ui-border_corner-span"><?php _e( 'Bottom Left Corner', 'a3_lazy_load' ); ?></span>
2585
<div class="a3rev-ui-slide-container">
2586
<div class="a3rev-ui-slide-container-start">
2587
<div class="a3rev-ui-slide-container-end">
@@ -2627,18 +3007,18 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2627
?><tr valign="top">
2628
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2629
<td class="forminp forminp-box_shadow">
2630
- <?php echo $description; ?>
2631
<input
2632
name="<?php echo $name_attribute; ?>[enable]"
2633
id="<?php echo $id_attribute; ?>"
2634
class="a3rev-ui-box_shadow-enable a3rev-ui-onoff_checkbox <?php echo esc_attr( $value['class'] ); ?>"
2635
- checked_label="<?php _e( 'YES', 'a3_lazy_load' ); ?>"
2636
- unchecked_label="<?php _e( 'NO', 'a3_lazy_load' ); ?>"
2637
type="checkbox"
2638
value="1"
2639
<?php checked( 1, $enable ); ?>
2640
<?php echo implode( ' ', $custom_attributes ); ?>
2641
/>
2642
<div style="clear:both;"></div>
2643
<div class="a3rev-ui-box_shadow-enable-container">
2644
<div class="a3rev-ui-settings-control">
@@ -2647,7 +3027,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2647
name="<?php echo $name_attribute; ?>[h_shadow]"
2648
id="<?php echo $id_attribute; ?>-h_shadow"
2649
class="a3rev-ui-box_shadow-h_shadow chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
2650
- data-placeholder="<?php _e( 'Horizontal Shadow', 'a3_lazy_load' ); ?>"
2651
>
2652
<?php
2653
for ( $i = -20; $i <= 20; $i++ ) {
@@ -2665,7 +3045,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2665
name="<?php echo $name_attribute; ?>[v_shadow]"
2666
id="<?php echo $id_attribute; ?>-v_shadow"
2667
class="a3rev-ui-box_shadow-v_shadow chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
2668
- data-placeholder="<?php _e( 'Vertical Shadow', 'a3_lazy_load' ); ?>"
2669
>
2670
<?php
2671
for ( $i = -20; $i <= 20; $i++ ) {
@@ -2683,7 +3063,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2683
name="<?php echo $name_attribute; ?>[blur]"
2684
id="<?php echo $id_attribute; ?>-blur"
2685
class="a3rev-ui-box_shadow-blur chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
2686
- data-placeholder="<?php _e( 'Blur Distance', 'a3_lazy_load' ); ?>"
2687
>
2688
<?php
2689
for ( $i = 0; $i <= 20; $i++ ) {
@@ -2701,7 +3081,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2701
name="<?php echo $name_attribute; ?>[spread]"
2702
id="<?php echo $id_attribute; ?>-spread"
2703
class="a3rev-ui-box_shadow-spread chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
2704
- data-placeholder="<?php _e( 'Spread Size', 'a3_lazy_load' ); ?>"
2705
>
2706
<?php
2707
for ( $i = 0; $i <= 20; $i++ ) {
@@ -2719,8 +3099,8 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2719
name="<?php echo $name_attribute; ?>[inset]"
2720
id="<?php echo $id_attribute; ?>"
2721
class="a3rev-ui-box_shadow-inset a3rev-ui-onoff_checkbox"
2722
- checked_label="<?php _e( 'INNER', 'a3_lazy_load' ); ?>"
2723
- unchecked_label="<?php _e( 'OUTER', 'a3_lazy_load' ); ?>"
2724
type="checkbox"
2725
value="inset"
2726
<?php checked( 'inset', $inset ); ?>
@@ -2738,7 +3118,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2738
/>
2739
2740
<!-- Preview Button -->
2741
- <div class="a3rev-ui-settings-preview"><a href="#" class="a3rev-ui-box_shadow-preview-button a3rev-ui-settings-preview-button button submit-button" title="<?php _e( 'Preview your customized box shadow settings', 'a3_lazy_load'); ?>"><span>&nbsp;</span></a></div>
2742
</div>
2743
<div style="clear:both;"></div>
2744
</div>
@@ -2976,7 +3356,7 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
2976
}
2977
}
2978
2979
- if ( $end_heading_id !== false ) {
2980
if ( trim( $end_heading_id ) != '' ) do_action( $this->plugin_name . '_settings_' . sanitize_title( $end_heading_id ) . '_end' );
2981
echo '</table>' . "\n\n";
2982
echo '</div>' . "\n\n";
@@ -3003,11 +3383,17 @@ class A3_Lazy_Load_Admin_Interface extends A3_Lazy_Load_Admin_UI
3003
echo '</div>' . "\n\n";
3004
}
3005
3006
?>
3007
<?php do_action( $this->plugin_name . '-' . trim( $form_key ) . '_settings_end' ); ?>
3008
<p class="submit">
3009
- <input type="submit" value="<?php _e('Save changes', 'a3_lazy_load'); ?>" class="button button-primary" name="bt_save_settings" />
3010
- <input type="submit" name="bt_reset_settings" class="button" value="<?php _e('Reset Settings', 'a3_lazy_load'); ?>" />
3011
<input type="hidden" name="form_name_action" value="<?php echo $form_key; ?>" />
3012
<input type="hidden" class="last_tab" name="subtab" value="#<?php echo $current_subtab; ?>" />
3013
</p>
59
60
if ( is_admin() && isset( $_REQUEST['page'] ) && in_array( $_REQUEST['page'], $admin_pages ) ) {
61
add_action( 'admin_enqueue_scripts', array( $this, 'admin_script_load' ) );
62
+ add_action( 'admin_enqueue_scripts', array( $this, 'register_modal_scripts' ), 0 );
63
do_action( $this->plugin_name . '_init_scripts' );
64
65
add_action( 'admin_print_scripts', array( $this, 'admin_localize_printed_scripts' ), 5 );
84
$suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '' : '.min';
85
wp_register_style( 'font-awesome-styles', $this->admin_plugin_url() . '/assets/css/font-awesome' . $suffix . '.css', array(), '4.5.0', 'all' );
86
}
87
+
88
+ public function register_modal_scripts() {
89
+ $suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '' : '.min';
90
+ wp_register_style( 'bootstrap-modal', $this->admin_plugin_url() . '/assets/css/modal' . $suffix . '.css', array(), '4.0.0', 'all' );
91
+ wp_register_script( 'bootstrap-util', $this->admin_plugin_url() . '/assets/js/bootstrap/util' . $suffix . '.js', array( 'jquery' ), '4.0.0', false );
92
+ wp_register_script( 'bootstrap-modal', $this->admin_plugin_url() . '/assets/js/bootstrap/modal' . $suffix . '.js', array( 'jquery', 'bootstrap-util' ), '4.0.0', false );
93
+ }
94
95
/*-----------------------------------------------------------------------------------*/
96
/* admin_script_load */
111
wp_register_script( 'a3rev-settings-preview', $this->admin_plugin_url() . '/assets/js/a3rev-settings-preview.js', array('jquery'), false, true );
112
wp_register_script( 'jquery-tiptip', $this->admin_plugin_url() . '/assets/js/tipTip/jquery.tipTip' . $suffix . '.js', array( 'jquery' ), true, true );
113
wp_register_script( 'a3rev-metabox-ui', $this->admin_plugin_url() . '/assets/js/data-meta-boxes.js', array( 'jquery' ), true, true );
114
+ wp_register_script( 'jquery-rwd-image-maps', $this->admin_plugin_url() . '/assets/js/rwdImageMaps/jquery.rwdImageMaps.min.js', array( 'jquery' ), true, true );
115
116
wp_enqueue_script( 'jquery' );
117
wp_enqueue_script( 'wp-color-picker' );
183
$version_message = $this->get_version_message();
184
$has_new_version = 1;
185
if ( '' == trim( $version_message ) ) {
186
+ $version_message = __( 'Great! You have the latest version installed.', 'a3-lazy-load' );
187
$has_new_version = 0;
188
} else {
189
delete_option('a3_lazy_load_clean_on_deletion');
222
/* admin_css_load */
223
/*-----------------------------------------------------------------------------------*/
224
225
+ public function admin_css_load () {
226
$suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '' : '.min';
227
228
wp_enqueue_style( 'a3rev-admin-ui-style', $this->admin_plugin_url() . '/assets/css/admin-ui-style' . $suffix . '.css' );
229
230
+ wp_enqueue_style( 'a3rev-admin-flat-ui-style', $this->admin_plugin_url() . '/assets/css/admin-flat-ui-style' . $suffix . '.css' );
231
wp_enqueue_style( 'wp-color-picker' );
232
wp_enqueue_style( 'a3rev-chosen-new-style', $this->admin_plugin_url() . '/assets/js/chosen/chosen' . $suffix . '.css' );
233
wp_enqueue_style( 'a3rev-tiptip-style', $this->admin_plugin_url() . '/assets/js/tipTip/tipTip.css' );
244
/* get_success_message */
245
/*-----------------------------------------------------------------------------------*/
246
public function get_success_message( $message = '' ) {
247
+ if ( trim( $message ) == '' ) $message = __( 'Settings successfully saved.' , 'a3-lazy-load' );
248
return '<div class="updated" id=""><p>' . $message . '</p></div>';
249
}
250
252
/* get_error_message */
253
/*-----------------------------------------------------------------------------------*/
254
public function get_error_message( $message = '' ) {
255
+ if ( trim( $message ) == '' ) $message = __( 'Error: Settings can not save.' , 'a3-lazy-load' );
256
return '<div class="error" id=""><p>' . $message . '</p></div>';
257
}
258
260
/* get_reset_message */
261
/*-----------------------------------------------------------------------------------*/
262
public function get_reset_message( $message = '' ) {
263
+ if ( trim( $message ) == '' ) $message = __( 'Settings successfully reseted.' , 'a3-lazy-load' );
264
return '<div class="updated" id=""><p>' . $message . '</p></div>';
265
}
266
281
/*-----------------------------------------------------------------------------------*/
282
public function get_font_weights() {
283
$font_weights = array (
284
+ '300' => __( 'Thin', 'a3-lazy-load' ),
285
+ '300 italic' => __( 'Thin/Italic', 'a3-lazy-load' ),
286
+ 'normal' => __( 'Normal', 'a3-lazy-load' ),
287
+ 'italic' => __( 'Italic', 'a3-lazy-load' ),
288
+ 'bold' => __( 'Bold', 'a3-lazy-load' ),
289
+ 'bold italic' => __( 'Bold/Italic', 'a3-lazy-load' ),
290
);
291
return apply_filters( $this->plugin_name . '_font_weights', $font_weights );
292
}
296
/*-----------------------------------------------------------------------------------*/
297
public function get_border_styles() {
298
$border_styles = array (
299
+ 'solid' => __( 'Solid', 'a3-lazy-load' ),
300
+ 'double' => __( 'Double', 'a3-lazy-load' ),
301
+ 'dashed' => __( 'Dashed', 'a3-lazy-load' ),
302
+ 'dotted' => __( 'Dotted', 'a3-lazy-load' ),
303
+ 'groove' => __( 'Groove', 'a3-lazy-load' ),
304
+ 'ridge' => __( 'Ridge', 'a3-lazy-load' ),
305
+ 'inset' => __( 'Inset', 'a3-lazy-load' ),
306
+ 'outset' => __( 'Outset', 'a3-lazy-load' ),
307
);
308
return apply_filters( $this->plugin_name . '_border_styles', $border_styles );
309
}
372
} else {
373
$id_attribute = esc_attr( $value['id'] );
374
}
375
+
376
+ // Backward compatibility to old settings don't have line_height option for typography
377
+ if ( 'typography' == $value['type'] && ! isset( $value['default']['line_height'] ) ) {
378
+ $value['default']['line_height'] = '1.4em';
379
+ }
380
+
381
$default_settings[$id_attribute] = $value['default'];
382
383
break;
403
404
// Get settings for option values is an array and it's in single option name for all settings
405
if ( trim( $option_name ) != '' ) {
406
+ global ${$option_name};
407
408
$default_settings = $this->get_settings_default( $options, $option_name );
409
421
// Get settings for option value is stored as a record or it's spearate option
422
foreach ( $options as $value ) {
423
if ( ! isset( $value['type'] ) ) continue;
424
+ if ( in_array( $value['type'], array( 'row', 'column', 'heading', 'ajax_submit', 'ajax_multi_submit' ) ) ) continue;
425
if ( ! isset( $value['id'] ) || trim( $value['id'] ) == '' ) continue;
426
if ( ! isset( $value['default'] ) ) $value['default'] = '';
427
442
}
443
444
if ( trim( $option_name ) == '' || $value['separate_option'] != false ) {
445
+ global ${$id_attribute};
446
447
$current_setting = get_option( $id_attribute, $value['default'] );
448
462
$current_setting = array_map( array( $this, 'admin_stripslashes' ), $current_setting );
463
elseif ( ! is_null( $current_setting ) )
464
$current_setting = esc_attr( stripslashes( $current_setting ) );
465
+
466
+ // Backward compatibility to old settings don't have line_height option for typography
467
+ if ( 'typography' == $value['type'] && ! isset( $current_setting['line_height'] ) ) {
468
+ $current_setting['line_height'] = '1.4em';
469
+ }
470
+
471
break;
472
}
473
497
498
foreach ( $options as $value ) {
499
if ( ! isset( $value['type'] ) ) continue;
500
+ if ( in_array( $value['type'], array( 'row', 'column', 'heading', 'ajax_submit', 'ajax_multi_submit' ) ) ) continue;
501
if ( ! isset( $value['id'] ) || trim( $value['id'] ) == '' ) continue;
502
if ( ! isset( $value['default'] ) ) $value['default'] = '';
503
if ( ! isset( $value['free_version'] ) ) $value['free_version'] = false;
547
// Get settings for option value is stored as a record or it's spearate option
548
foreach ( $options as $value ) {
549
if ( ! isset( $value['type'] ) ) continue;
550
+ if ( in_array( $value['type'], array( 'row', 'column', 'heading', 'ajax_submit', 'ajax_multi_submit' ) ) ) continue;
551
552
// Save for global settings of plugin framework
553
switch ( $value['type'] ) {
868
if ( $free_version ) {
869
foreach ( $options as $value ) {
870
if ( ! isset( $value['type'] ) ) continue;
871
+ if ( in_array( $value['type'], array( 'row', 'column', 'heading', 'ajax_submit', 'ajax_multi_submit' ) ) ) continue;
872
if ( ! isset( $value['id'] ) || trim( $value['id'] ) == '' ) continue;
873
874
switch ( $value['type'] ) {
912
// Update settings default for option value is stored as a record or it's spearate option
913
foreach ( $options as $value ) {
914
if ( ! isset( $value['type'] ) ) continue;
915
+ if ( in_array( $value['type'], array( 'row', 'column', 'heading', 'ajax_submit', 'ajax_multi_submit' ) ) ) continue;
916
if ( ! isset( $value['id'] ) || trim( $value['id'] ) == '' ) continue;
917
if ( ! isset( $value['default'] ) ) $value['default'] = '';
918
if ( ! isset( $value['free_version'] ) ) $value['free_version'] = false;
1107
* @return void
1108
* ========================================================================
1109
* Option Array Structure :
1110
+ * type => row | column | heading | ajax_submit | ajax_multi_submit | google_api_key | onoff_toggle_box | text | email | number | password | color | bg_color | textarea | select | multiselect | radio | onoff_radio | checkbox | onoff_checkbox
1111
* | switcher_checkbox | image_size | single_select_page | typography | border | border_styles | border_corner | box_shadow
1112
* | slider | upload | wp_editor | array_textfields |
1113
*
1119
* default => text : apply for other types
1120
* array( 'enable' => 1, 'color' => '#515151' ) : apply bg_color only
1121
* array( 'width' => '125', 'height' => '125', 'crop' => 1 ) : apply image_size only
1122
+ * array( 'size' => '9px', line_height => '1.4em', 'face' => 'Arial', 'style' => 'normal', 'color' => '#515151' ) : apply for typography only
1123
* array( 'width' => '1px', 'style' => 'normal', 'color' => '#515151', 'corner' => 'rounded' | 'square' , 'top_left_corner' => 3,
1124
* 'top_right_corner' => 3, 'bottom_left_corner' => 3, 'bottom_right_corner' => 3 ) : apply for border only
1125
* array( 'width' => '1px', 'style' => 'normal', 'color' => '#515151' ) : apply for border_styles only
1183
*
1184
* strip_methods => true | false : apply for upload type only
1185
*
1186
+ * submit_data => array : apply for ajax_submit only
1187
+ * ---------------- example ---------------------
1188
+ * array(
1189
+ * 'ajax_url' => admin_url( 'admin-ajax.php', 'relative' ),
1190
+ * 'ajax_type' => 'POST',
1191
+ * 'data' => array(
1192
+ * 'action' => 'action_name',
1193
+ * ),
1194
+ * ),
1195
+ * button_name => text : apply for ajax_submit, ajax_multi_submit only
1196
+ * progressing_text => text : apply for ajax_submit, ajax_multi_submit only
1197
+ * completed_text => text : apply for ajax_submit, ajax_multi_submit only
1198
+ * successed_text => text : apply for ajax_submit, ajax_multi_submit only
1199
+ *
1200
+ * statistic_column => number : apply for ajax_multi_submit only
1201
+ * resubmit => true | false : apply for ajax_multi_submit only
1202
+ *
1203
+ * multi_submit => array : apply for ajax_multi_submit only
1204
+ * ---------------- example ---------------------
1205
+ * array(
1206
+ * array(
1207
+ * 'item_id' => 'item_ajax_id',
1208
+ * 'item_name' => 'Item Ajax Name',
1209
+ * 'current_items' => 20,
1210
+ * 'total_items' => 20,
1211
+ * 'progressing_text' => 'Processing,
1212
+ * 'completed_text' => 'Completed',
1213
+ * 'submit_data' => array(
1214
+ * 'ajax_url' => admin_url( 'admin-ajax.php', 'relative' ),
1215
+ * 'ajax_type' => 'POST',
1216
+ * 'data' => array(
1217
+ * 'action' => 'action_name',
1218
+ * )
1219
+ * ),
1220
+ * 'show_statistic' => true,
1221
+ * 'statistic_customizer' => array(
1222
+ * 'current_color' => '#96587d',
1223
+ * ),
1224
+ * ),
1225
+ * array(
1226
+ * ...
1227
+ * ),
1228
+ * ...
1229
+ * )
1230
+ *
1231
*/
1232
1233
public function admin_forms( $options, $form_key, $option_name = '', $form_messages = array() ) {
1278
<div class="a3rev_panel_container" style="visibility:hidden; height:0; overflow:hidden;" >
1279
<form action="" method="post">
1280
<?php do_action( $this->plugin_name . '-' . trim( $form_key ) . '_settings_start' ); ?>
1281
+ <div class="a3rev_panel_row"> <!-- Open Panel Row -->
1282
<?php
1283
+ $had_first_row = false;
1284
+ $had_first_column = false;
1285
+ $closed_panel_inner = false;
1286
$count_heading = 0;
1287
$end_heading_id = false;
1288
$header_box_opening = false;
1334
$description = $tip = '';
1335
}
1336
1337
+ if ( $description && in_array( $value['type'], array( 'manual_check_version', 'ajax_submit', 'ajax_multi_submit', 'textarea', 'radio', 'onoff_radio', 'typography', 'border', 'border_styles', 'array_textfields', 'wp_editor', 'upload' ) ) ) {
1338
$description = '<div class="desc" style="margin-bottom:5px;">' . $description . '</div>';
1339
} elseif ( $description ) {
1340
$description = '<span class="description" style="margin-left:5px;">' . $description . '</span>';
1348
* [default_value_height] : apply for image_size type
1349
*
1350
* [default_value_size] : apply for typography type
1351
+ * [default_value_line_height] : apply for typography type
1352
* [default_value_face] : apply for typography type
1353
* [default_value_style] : apply for typography, border, border_styles types
1354
* [default_value_color] : apply for typography, border, border_styles types
1371
} elseif ( $value['type'] == 'typography' ) {
1372
if ( ! is_array( $value['default'] ) ) $value['default'] = array();
1373
if ( ! isset( $value['default']['size'] ) ) $value['default']['size'] = '';
1374
+ if ( ! isset( $value['default']['line_height'] ) ) $value['default']['line_height'] = '';
1375
if ( ! isset( $value['default']['face'] ) ) $value['default']['face'] = '';
1376
if ( ! isset( $value['default']['style'] ) ) $value['default']['style'] = '';
1377
if ( ! isset( $value['default']['color'] ) || trim( $value['default']['color'] ) == '' ) $value['default']['color'] = '#515151';
1483
$id_attribute = esc_attr( $option_name ) . '_' . $id_attribute;
1484
}
1485
1486
+ // Update id attribute if current element is child of array
1487
+ if ( $child_key != false ) {
1488
+ $id_attribute .= '_' . $child_key;
1489
+ }
1490
+
1491
// Switch based on type
1492
switch( $value['type'] ) {
1493
1494
+ // Row
1495
+ case 'row':
1496
+
1497
+ if ( $end_heading_id !== false && ! $closed_panel_inner ) {
1498
+ if ( trim( $end_heading_id ) != '' ) do_action( $this->plugin_name . '_settings_' . sanitize_title( $end_heading_id ) . '_end' );
1499
+ echo '</table>' . "\n\n";
1500
+ echo '</div>' . "\n\n";
1501
+ if ( trim( $end_heading_id ) != '' ) do_action( $this->plugin_name . '_settings_' . sanitize_title( $end_heading_id ) . '_after' );
1502
+
1503
+ $closed_panel_inner = true;
1504
+ }
1505
+
1506
+ if ( $header_sub_box_opening ) {
1507
+ $header_sub_box_opening = false;
1508
+
1509
+ // close box inside
1510
+ echo '</div>' . "\n\n";
1511
+
1512
+ // close panel box
1513
+ echo '</div>' . "\n\n";
1514
+ }
1515
+
1516
+ if ( $header_box_opening ) {
1517
+ $header_box_opening = false;
1518
+
1519
+ // close box inside
1520
+ echo '</div>' . "\n\n";
1521
+
1522
+ // close panel box
1523
+ echo '</div>' . "\n\n";
1524
+ }
1525
+
1526
+ if ( $had_first_column ) {
1527
+ // close panel column
1528
+ echo '</div>' . "\n\n";
1529
+ }
1530
+
1531
+ if ( $had_first_row ) {
1532
+ // close panel row
1533
+ echo '</div>' . "\n\n";
1534
+
1535
+ // open panel column
1536
+ echo '<div class="a3rev_panel_row">' . "\n\n";
1537
+ }
1538
+
1539
+ $had_first_column = false;
1540
+ $had_first_row = true;
1541
+
1542
+ break;
1543
+
1544
+ // Column
1545
+ case 'column':
1546
+
1547
+ if ( $end_heading_id !== false && ! $closed_panel_inner ) {
1548
+ if ( trim( $end_heading_id ) != '' ) do_action( $this->plugin_name . '_settings_' . sanitize_title( $end_heading_id ) . '_end' );
1549
+ echo '</table>' . "\n\n";
1550
+ echo '</div>' . "\n\n";
1551
+ if ( trim( $end_heading_id ) != '' ) do_action( $this->plugin_name . '_settings_' . sanitize_title( $end_heading_id ) . '_after' );
1552
+
1553
+ $closed_panel_inner = true;
1554
+ }
1555
+
1556
+ if ( $header_sub_box_opening ) {
1557
+ $header_sub_box_opening = false;
1558
+
1559
+ // close box inside
1560
+ echo '</div>' . "\n\n";
1561
+
1562
+ // close panel box
1563
+ echo '</div>' . "\n\n";
1564
+ }
1565
+
1566
+ if ( $header_box_opening ) {
1567
+ $header_box_opening = false;
1568
+
1569
+ // close box inside
1570
+ echo '</div>' . "\n\n";
1571
+
1572
+ // close panel box
1573
+ echo '</div>' . "\n\n";
1574
+ }
1575
+
1576
+ if ( $had_first_column ) {
1577
+ // close panel column
1578
+ echo '</div>' . "\n\n";
1579
+
1580
+ // open panel column
1581
+ echo '<div class="a3rev_panel_column">' . "\n\n";
1582
+ } else {
1583
+ // open panel column
1584
+ echo '<div class="a3rev_panel_column">' . "\n\n";
1585
+ }
1586
+
1587
+ $had_first_column = true;
1588
+ $had_first_row = true;
1589
+
1590
+ break;
1591
+
1592
// Heading
1593
case 'heading':
1594
1603
}
1604
1605
$count_heading++;
1606
+ if ( $count_heading > 1 && ! $closed_panel_inner ) {
1607
if ( trim( $end_heading_id ) != '' ) do_action( $this->plugin_name . '_settings_' . sanitize_title( $end_heading_id ) . '_end' );
1608
echo '</table>' . "\n\n";
1609
echo '</div>' . "\n\n";
1674
}
1675
}
1676
1677
+ $box_handle_class = '';
1678
+ if ( isset( $value['is_active'] ) && true == $value['is_active'] ) {
1679
+ $box_handle_class .= 'box_active';
1680
+ }
1681
+
1682
+ if ( isset( $_GET['box_open'] ) && $_GET['box_open'] == $value['id'] ) {
1683
+ $opened_class = 'box_open';
1684
+ }
1685
+
1686
// open panel box
1687
echo '<div id="'. esc_attr( $value['id'] ) . '" class="a3rev_panel_box '. esc_attr( $value['class'] ) .'" style="'. esc_attr( $value['css'] ) .'">' . "\n\n";
1688
1689
// open box handle
1690
+ echo '<div data-form-key="'. esc_attr( trim( $form_key ) ) .'" data-box-id="'. esc_attr( $heading_box_id ) .'" class="a3rev_panel_box_handle ' . $box_handle_class .'" >' . "\n\n";
1691
1692
echo ( ! empty( $value['name'] ) ) ? '<h3 class="a3-plugin-ui-panel-box '. $toggle_box_class . ' ' . $opened_class . '">'. esc_html( $value['name'] ) .' '. $view_doc .'</h3>' : '';
1693
1724
echo '</div>' . "\n\n";
1725
}
1726
1727
+ $closed_panel_inner = false;
1728
+
1729
echo '<table class="form-table">' . "\n\n";
1730
1731
if ( ! empty( $value['id'] ) ) do_action( $this->plugin_name . '_settings_' . sanitize_title( $value['id'] ) . '_start' );
1736
1737
$google_api_key = $this->settings_get_option( $this->google_api_key_option );
1738
$google_api_key_enable = $this->settings_get_option( $this->google_api_key_option . '_enable', 0 );
1739
+ if ( ! isset( $value['checked_label'] ) ) $value['checked_label'] = __( 'ON', 'a3-lazy-load' );
1740
+ if ( ! isset( $value['unchecked_label'] ) ) $value['unchecked_label'] = __( 'OFF', 'a3-lazy-load' );
1741
1742
?><tr valign="top">
1743
<th scope="row" class="titledesc">
1744
<?php echo $tip; ?>
1745
+ <label for="<?php echo $this->google_api_key_option; ?>"><?php echo __( 'Google Fonts API', 'a3-lazy-load' ); ?></label>
1746
</th>
1747
<td class="forminp forminp-onoff_checkbox forminp-<?php echo sanitize_title( $value['type'] ) ?>">
1748
<input
1754
type="checkbox"
1755
value="1"
1756
<?php checked( $google_api_key_enable, 1 ); ?>
1757
+ /> <span class="description" style="margin-left:5px;"><?php echo __( 'ON to connect to Google Fonts API and have auto font updates direct from Google.', 'a3-lazy-load' ); ?></span>
1758
1759
<div>&nbsp;</div>
1760
<div class="a3rev-ui-google-api-key-container" style="<?php if( 1 != $google_api_key_enable ) { echo 'display: none;'; } ?>">
1761
+ <div class="a3rev-ui-google-api-key-description"><?php echo sprintf( __( "Enter your existing Google Fonts API Key below. Don't have a key? Visit <a href='%s' target='_blank'>Google Developer API</a> to create a key", 'a3-lazy-load' ), 'https://developers.google.com/fonts/docs/developer_api#APIKey' ); ?></div>
1762
<div class="a3rev-ui-google-api-key-inside
1763
<?php
1764
if ( $a3_lazy_load_fonts_face->is_valid_google_api_key() ) {
1775
style="<?php echo esc_attr( $value['css'] ); ?>"
1776
value="<?php echo esc_attr( $google_api_key ); ?>"
1777
class="a3rev-ui-text a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?> <?php echo esc_attr( $value['class'] ); ?>"
1778
+ placeholder="<?php echo __( 'Google Fonts API Key', 'a3-lazy-load' ); ?>"
1779
<?php echo implode( ' ', $custom_attributes ); ?>
1780
/>
1781
+ <p class="a3rev-ui-google-valid-key-message"><?php echo __( 'Your Google API Key is valid and automatic font updates are enabled.', 'a3-lazy-load' ); ?></p>
1782
+ <p class="a3rev-ui-google-unvalid-key-message"><?php echo __( 'Please enter a valid Google API Key.', 'a3-lazy-load' ); ?></p>
1783
</div>
1784
</div>
1785
</td>
1798
?><tr valign="top">
1799
<th scope="row" class="titledesc">
1800
<?php echo $tip; ?>
1801
+ <label><?php echo __( 'Check New Version', 'a3-lazy-load' ); ?></label>
1802
</th>
1803
<td class="forminp forminp-manual_check_version">
1804
<?php echo $description; ?>
1809
id="<?php echo $this->plugin_name . '-check-version'; ?>"
1810
class="button button-primary a3rev-ui-manual_check_version"
1811
type="button"
1812
+ value="<?php echo __( 'Check Now', 'a3-lazy-load' ); ?>"
1813
/> <span class="a3rev-ui-version-checking"> </span>
1814
<p class="a3rev-ui-check-version-message <?php echo $new_version_class; ?>"><?php echo $version_message; ?></p>
1815
1818
1819
break;
1820
1821
+ // Ajax Submit type
1822
+ case 'ajax_submit' :
1823
+ $button_name = $value['button_name'];
1824
+ $progressing_text = $value['progressing_text'];
1825
+ $completed_text = $value['completed_text'];
1826
+ $successed_text = $value['successed_text'];
1827
+ $submit_data = json_encode( $value['submit_data'] );
1828
+
1829
+ ?><tr valign="top">
1830
+ <th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
1831
+ <td class="forminp">
1832
+
1833
+ <div class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-control">
1834
+
1835
+ <button
1836
+ name="<?php echo $name_attribute; ?>"
1837
+ id="<?php echo $id_attribute; ?>"
1838
+ data-submit_data="<?php echo esc_attr( $submit_data ); ?>"
1839
+ type="button"
1840
+ class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-button <?php echo esc_attr( $value['class'] ); ?>"
1841
+ style="<?php echo esc_attr( $value['css'] ); ?>"
1842
+ <?php echo implode( ' ', $custom_attributes ); ?>
1843
+ ><?php echo $button_name; ?></button>
1844
+ <span class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-successed"><?php echo $successed_text; ?></span>
1845
+ <span class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-errors"></span>
1846
+
1847
+ <!-- Progress Bar -->
1848
+ <div class="a3rev-ui-progress-bar-wrap">
1849
+ <div class="a3rev-ui-progress-inner"></div>
1850
+ <div class="a3rev-ui-progressing-text"><?php echo $progressing_text; ?></div>
1851
+ <div class="a3rev-ui-completed-text"><?php echo $completed_text; ?></div>
1852
+ </div>
1853
+
1854
+ </div>
1855
+ <?php echo $description; ?>
1856
+ </td>
1857
+ </tr><?php
1858
+
1859
+ break;
1860
+
1861
+ // Ajax Multi Submit type
1862
+ case 'ajax_multi_submit' :
1863
+ $resubmit = $value['resubmit'];
1864
+ $button_name = $value['button_name'];
1865
+ $progressing_text = $value['progressing_text'];
1866
+ $completed_text = $value['completed_text'];
1867
+ $successed_text = $value['successed_text'];
1868
+ $statistic_column = isset( $value['statistic_column'] ) ? $value['statistic_column'] : 1;
1869
+
1870
+ $multi_current_items = 0;
1871
+ $multi_total_items = 0;
1872
+
1873
+ $multi_submit = $value['multi_submit'];
1874
+ $multi_ajax = array();
1875
+ if ( is_array( $multi_submit ) && count( $multi_submit ) > 0 ) {
1876
+ $number_ajax = 0;
1877
+ $old_item_id = '';
1878
+ foreach ( $multi_submit as $single_submit ) {
1879
+ $multi_current_items += (int) $single_submit['current_items'];
1880
+ $multi_total_items += (int) $single_submit['total_items'];
1881
+
1882
+ $single_submit['next_item_id'] = '';
1883
+ $multi_ajax[$single_submit['item_id']] = $single_submit;
1884
+
1885
+ if ( $number_ajax > 0 ) {
1886
+ $multi_ajax[$old_item_id]['next_item_id'] = $single_submit['item_id'];
1887
+ }
1888
+ $old_item_id = $single_submit['item_id'];
1889
+
1890
+ $number_ajax++;
1891
+ }
1892
+ }
1893
+ $multi_ajax = json_encode( $multi_ajax );
1894
+
1895
+ ?><tr valign="top">
1896
+ <th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
1897
+ <td class="forminp">
1898
+
1899
+ <div class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-control">
1900
+ <?php echo $description; ?>
1901
+ <button
1902
+ data-resubmit="<?php echo $resubmit ? 1 : 0 ; ?>"
1903
+ name="<?php echo $name_attribute; ?>"
1904
+ id="<?php echo $id_attribute; ?>"
1905
+ data-multi_ajax="<?php echo esc_attr( $multi_ajax ); ?>"
1906
+ type="button"
1907
+ class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-button <?php echo esc_attr( $value['class'] ); ?>"
1908
+ style="<?php echo esc_attr( $value['css'] ); ?>"
1909
+ <?php echo implode( ' ', $custom_attributes ); ?>
1910
+ ><?php echo $button_name; ?></button>
1911
+ <span class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-successed"><?php echo $successed_text; ?></span>
1912
+ <span class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-errors"></span>
1913
+
1914
+ <!-- Progress Bar -->
1915
+ <div class="a3rev-ui-progress-bar-wrap">
1916
+ <div class="a3rev-ui-progress-inner" data-current="<?php echo $multi_current_items; ?>" data-total="<?php echo $multi_total_items; ?>" ></div>
1917
+ <div class="a3rev-ui-progressing-text"><?php echo $progressing_text; ?></div>
1918
+ <div class="a3rev-ui-completed-text"><?php echo $completed_text; ?></div>
1919
+ </div>
1920
+ <div style="clear: both;"></div>
1921
+
1922
+ <!-- Status Object -->
1923
+ <div class="a3rev-ui-statistics-wrap">
1924
+ <?php if ( $multi_total_items > 0 ) {
1925
+ $column_width = round( (100 / $statistic_column ), 2, PHP_ROUND_HALF_DOWN );
1926
+ foreach ( $multi_submit as $single_submit ) {
1927
+
1928
+ $current_items = (int) $single_submit['current_items'];
1929
+ $total_items = (int) $single_submit['total_items'];
1930
+
1931
+ // Calculate deg value for cirlce
1932
+ $current_deg = 360;
1933
+ $left_deg = 360;
1934
+ $right_deg = 180;
1935
+ $pie_class = 'pie-more-50';
1936
+ if ( $current_items < $total_items ) {
1937
+ $current_deg = round( ( $current_items / $total_items ) * 360 );
1938
+ }
1939
+ if ( $current_deg <= 180 ) {
1940
+ $left_deg = $right_deg = $current_deg;
1941
+ $pie_class = '';
1942
+ } else {
1943
+ $right_deg = 180;
1944
+ $left_deg = $current_deg;
1945
+ }
1946
+
1947
+ $statistic_customizer = isset ( $single_submit['statistic_customizer'] ) ? $single_submit['statistic_customizer'] : false;
1948
+ if ( $statistic_customizer ) {
1949
+ $current_color = isset( $statistic_customizer['current_color'] ) ? $statistic_customizer['current_color'] : '';
1950
+ }
1951
+ ?>
1952
+ <div style="<?php echo ( isset( $single_submit['show_statistic'] ) && ! $single_submit['show_statistic'] ) ? 'display:none;' : ''; ?> width: <?php echo $column_width; ?>%;" class="a3rev-ui-statistic-item a3rev-ui-statistic-<?php echo esc_attr( $single_submit['item_id'] ); ?>">
1953
+ <div class="a3rev-ui-pie-wrap">
1954
+ <div class="a3rev-ui-pie <?php echo esc_attr( $pie_class); ?>">
1955
+ <div class="a3rev-ui-pie-left-side a3rev-ui-pie-half-circle" style="transform: rotate(<?php echo $left_deg; ?>deg); <?php echo ( ! empty( $current_color ) ? 'border-color:' . $current_color : '' ); ?>"></div>
1956
+ <div class="a3rev-ui-pie-right-side a3rev-ui-pie-half-circle" style="transform: rotate(<?php echo $right_deg; ?>deg); <?php echo ( ! empty( $current_color ) ? 'border-color:' . $current_color : '' ); ?>"></div>
1957
+ </div>
1958
+ <div class="a3rev-ui-pie-shadow"></div>
1959
+ </div>
1960
+ <div class="a3rev-ui-statistic-text">
1961
+ <span class="a3rev-ui-statistic-current-item" data-current="<?php echo $current_items; ?>" ><?php echo $current_items; ?></span>
1962
+ <span class="a3rev-ui-statistic-separate">/</span>
1963
+ <span class="a3rev-ui-statistic-total-item"><?php echo $total_items; ?></span>
1964
+ <br />
1965
+ <span class="a3rev-ui-statistic-item-name"><?php echo $single_submit['item_name']; ?></span>
1966
+ </div>
1967
+ </div>
1968
+ <?php
1969
+ }
1970
+ } ?>
1971
+ </div>
1972
+ <div style="clear: both;"></div>
1973
+ </div>
1974
+ </td>
1975
+ </tr><?php
1976
+
1977
+ break;
1978
+
1979
// Toggle Box Open type
1980
case 'onoff_toggle_box' :
1981
1982
$option_value = $this->settings_get_option( $this->toggle_box_open_option, 0 );
1983
+ if ( ! isset( $value['checked_label'] ) ) $value['checked_label'] = __( 'ON', 'a3-lazy-load' );
1984
+ if ( ! isset( $value['unchecked_label'] ) ) $value['unchecked_label'] = __( 'OFF', 'a3-lazy-load' );
1985
1986
?><tr valign="top">
1987
<th scope="row" class="titledesc">
1988
<?php echo $tip; ?>
1989
+ <label for="<?php echo $this->toggle_box_open_option; ?>"><?php echo __( 'Open Box Display', 'a3-lazy-load' ); ?></label>
1990
</th>
1991
<td class="forminp forminp-onoff_checkbox forminp-<?php echo sanitize_title( $value['type'] ) ?>">
1992
<input
1999
value="1"
2000
<?php checked( $option_value, 1 ); ?>
2001
<?php echo implode( ' ', $custom_attributes ); ?>
2002
+ /> <span class="description" style="margin-left:5px;"><?php echo __( 'ON and each admin panel setting box OPEN | CLOSED position are saved each time changes are SAVED.', 'a3-lazy-load' ); ?></span>
2003
</td>
2004
</tr><?php
2005
break;
2080
name="<?php echo $name_attribute; ?>[enable]"
2081
id="<?php echo $id_attribute; ?>"
2082
class="a3rev-ui-bg_color-enable a3rev-ui-onoff_checkbox <?php echo esc_attr( $value['class'] ); ?>"
2083
+ checked_label="<?php _e( 'ON', 'a3-lazy-load' ); ?>"
2084
+ unchecked_label="<?php _e( 'OFF', 'a3-lazy-load' ); ?>"
2085
type="checkbox"
2086
value="1"
2087
<?php checked( 1, $enable ); ?>
2154
<?php
2155
if ( is_array( $value['options'] ) && count( $value['options'] ) > 0 ) {
2156
foreach ( $value['options'] as $key => $val ) {
2157
+ if ( is_array( $val ) ) {
2158
+ ?>
2159
+ <optgroup label="<?php echo esc_attr( $key ); ?>">
2160
+ <?php
2161
+ foreach ( $val as $sub_key => $sub_val ) {
2162
+ ?>
2163
+ <option value="<?php echo esc_attr( $sub_key ); ?>" <?php
2164
+
2165
+ if ( is_array( $option_value ) )
2166
+ selected( in_array( $sub_key, $option_value ), true );
2167
+ else
2168
+ selected( $option_value, $sub_key );
2169
+
2170
+ ?>><?php echo $sub_val ?></option>
2171
+ <?php
2172
+ }
2173
+ ?>
2174
+ </optgroup>
2175
+ <?php
2176
+ } else {
2177
?>
2178
<option value="<?php echo esc_attr( $key ); ?>" <?php
2179
2184
2185
?>><?php echo $val ?></option>
2186
<?php
2187
+ }
2188
}
2189
}
2190
?>
2249
<?php
2250
if ( is_array( $value['onoff_options'] ) && count( $value['onoff_options'] ) > 0 ) {
2251
foreach ( $value['onoff_options'] as $i_option ) {
2252
+ if ( ! isset( $i_option['checked_label'] ) ) $i_option['checked_label'] = __( 'ON', 'a3-lazy-load' );
2253
+ if ( ! isset( $i_option['unchecked_label'] ) ) $i_option['unchecked_label'] = __( 'OFF', 'a3-lazy-load' );
2254
if ( ! isset( $i_option['val'] ) ) $i_option['val'] = 1;
2255
if ( ! isset( $i_option['text'] ) ) $i_option['text'] = '';
2256
?>
2339
case 'onoff_checkbox' :
2340
2341
if ( ! isset( $value['checked_value'] ) ) $value['checked_value'] = 1;
2342
+ if ( ! isset( $value['checked_label'] ) ) $value['checked_label'] = __( 'ON', 'a3-lazy-load' );
2343
+ if ( ! isset( $value['unchecked_label'] ) ) $value['unchecked_label'] = __( 'OFF', 'a3-lazy-load' );
2344
2345
?><tr valign="top">
2346
<th scope="row" class="titledesc">
2368
case 'switcher_checkbox' :
2369
2370
if ( ! isset( $value['checked_value'] ) ) $value['checked_value'] = 1;
2371
+ if ( ! isset( $value['checked_label'] ) ) $value['checked_label'] = __( 'ON', 'a3-lazy-load' );
2372
+ if ( ! isset( $value['unchecked_label'] ) ) $value['unchecked_label'] = __( 'OFF', 'a3-lazy-load' );
2373
2374
?><tr valign="top">
2375
<th scope="row" class="titledesc">
2404
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2405
<td class="forminp forminp-<?php echo sanitize_title( $value['type'] ) ?>">
2406
2407
+ <label><?php _e( 'Width', 'a3-lazy-load' ); ?> <input name="<?php echo $name_attribute; ?>[width]" id="<?php echo $id_attribute; ?>-width" type="text" class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-width" value="<?php echo $width; ?>" /></label>
2408
2409
+ <label><?php _e( 'Height', 'a3-lazy-load' ); ?> <input name="<?php echo $name_attribute; ?>[height]" id="<?php echo $id_attribute; ?>-height" type="text" class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-height" value="<?php echo $height; ?>" /></label>
2410
2411
+ <label><?php _e( 'Hard Crop', 'a3-lazy-load' ); ?> <input name="<?php echo $name_attribute; ?>[crop]" id="<?php echo $id_attribute; ?>-crop" type="checkbox" class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-crop" <?php echo $crop; ?> /></label>
2412
2413
</td>
2414
</tr><?php
2442
</td>
2443
</tr><?php
2444
break;
2445
+
2446
// Font Control
2447
case 'typography':
2448
+
2449
$default_color = ' data-default-color="' . esc_attr( $value['default']['color'] ) . '"';
2450
+
2451
+ if ( ! isset( $option_value['line_height'] ) ) {
2452
+ $option_value['line_height'] = '1.4em';
2453
+ }
2454
+
2455
+ $size = $option_value['size'];
2456
+ $line_height = $option_value['line_height'];
2457
+ $face = $option_value['face'];
2458
+ $style = $option_value['style'];
2459
+ $color = $option_value['color'];
2460
+
2461
?><tr valign="top">
2462
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2463
<td class="forminp">
2478
<?php
2479
}
2480
?>
2481
+ </select>
2482
+ <!-- Line Height -->
2483
+ <select
2484
+ name="<?php echo $name_attribute; ?>[line_height]"
2485
+ id="<?php echo $id_attribute; ?>-line_height"
2486
+ class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-line_height chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
2487
+ >
2488
+ <?php
2489
+ for ( $i = 0.6; $i <= 3.1; $i = $i + 0.1 ) {
2490
+ ?>
2491
+ <option value="<?php echo esc_attr( $i ); ?>em" <?php
2492
+ selected( $line_height, $i.'em' );
2493
+ ?>><?php echo esc_attr( $i ); ?>em</option>
2494
+ <?php
2495
+ }
2496
+ ?>
2497
+ </select>
2498
<!-- Font Face -->
2499
<select
2500
name="<?php echo $name_attribute; ?>[face]"
2501
id="<?php echo $id_attribute; ?>-face"
2502
class="a3rev-ui-<?php echo sanitize_title( $value['type'] ) ?>-face chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
2503
>
2504
+ <optgroup label="<?php _e( '-- Default Fonts --', 'a3-lazy-load' ); ?>">
2505
<?php
2506
foreach ( $a3_lazy_load_fonts_face->get_default_fonts() as $val => $text ) {
2507
?>
2512
}
2513
?>
2514
</optgroup>
2515
+ <optgroup label="<?php _e( '-- Google Fonts --', 'a3-lazy-load' ); ?>">
2516
<?php
2517
foreach ( $a3_lazy_load_fonts_face->get_google_fonts() as $font ) {
2518
?>
2553
/>
2554
2555
<!-- Preview Button -->
2556
+ <div class="a3rev-ui-typography-preview"><a href="#" class="a3rev-ui-typography-preview-button button submit-button" title="<?php _e( 'Preview your customized typography settings', 'a3-lazy-load' ); ?>"><span>&nbsp;</span></a></div>
2557
2558
</div>
2559
2615
?><tr valign="top">
2616
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2617
<td class="forminp forminp-border_corner">
2618
+ <?php echo $description; ?>
2619
<div class="a3rev-ui-settings-control">
2620
<!-- Border Width -->
2621
<select
2662
/>
2663
2664
<!-- Preview Button -->
2665
+ <div class="a3rev-ui-settings-preview"><a href="#" class="a3rev-ui-border-preview-button a3rev-ui-settings-preview-button button submit-button" title="<?php _e( 'Preview your customized border settings', 'a3-lazy-load' ); ?>"><span>&nbsp;</span></a></div>
2666
+ <span class="description" style="margin-left:5px;"><?php echo __( '0px = No Border', 'a3-lazy-load' ); ?></span>
2667
<div style="clear:both; margin-bottom:10px"></div>
2668
2669
<!-- Border Corner : Rounded or Square -->
2671
name="<?php echo $name_attribute; ?>[corner]"
2672
id="<?php echo $id_attribute; ?>"
2673
class="a3rev-ui-border-corner a3rev-ui-onoff_checkbox <?php echo esc_attr( $value['class'] ); ?>"
2674
+ checked_label="<?php _e( 'Rounded', 'a3-lazy-load' ); ?>"
2675
+ unchecked_label="<?php _e( 'Square', 'a3-lazy-load' ); ?>"
2676
type="checkbox"
2677
value="rounded"
2678
<?php checked( 'rounded', $corner ); ?>
2682
<!-- Border Rounded Value -->
2683
<div class="a3rev-ui-border-corner-value-container">
2684
<div class="a3rev-ui-border_corner-top_left">
2685
+ <span class="a3rev-ui-border_corner-span"><?php _e( 'Top Left Corner', 'a3-lazy-load' ); ?></span>
2686
<div class="a3rev-ui-slide-container">
2687
<div class="a3rev-ui-slide-container-start">
2688
<div class="a3rev-ui-slide-container-end">
2702
</div>
2703
</div>
2704
<div class="a3rev-ui-border_corner-top_right">
2705
+ <span class="a3rev-ui-border_corner-span"><?php _e( 'Top Right Corner', 'a3-lazy-load' ); ?></span>
2706
<div class="a3rev-ui-slide-container">
2707
<div class="a3rev-ui-slide-container-start">
2708
<div class="a3rev-ui-slide-container-end">
2722
</div>
2723
</div>
2724
<div class="a3rev-ui-border_corner-bottom_right">
2725
+ <span class="a3rev-ui-border_corner-span"><?php _e( 'Bottom Right Corner', 'a3-lazy-load' ); ?></span>
2726
<div class="a3rev-ui-slide-container">
2727
<div class="a3rev-ui-slide-container-start">
2728
<div class="a3rev-ui-slide-container-end">
2742
</div>
2743
</div>
2744
<div class="a3rev-ui-border_corner-bottom_left">
2745
+ <span class="a3rev-ui-border_corner-span"><?php _e( 'Bottom Left Corner', 'a3-lazy-load' ); ?></span>
2746
<div class="a3rev-ui-slide-container">
2747
<div class="a3rev-ui-slide-container-start">
2748
<div class="a3rev-ui-slide-container-end">
2782
?><tr valign="top">
2783
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2784
<td class="forminp">
2785
+ <?php echo $description; ?>
2786
<div class="a3rev-ui-settings-control">
2787
<!-- Border Width -->
2788
<select
2829
/>
2830
2831
<!-- Preview Button -->
2832
+ <div class="a3rev-ui-settings-preview"><a href="#" class="a3rev-ui-border-preview-button a3rev-ui-settings-preview-button button submit-button" title="<?php _e( 'Preview your customized border styles settings', 'a3-lazy-load' ); ?>"><span>&nbsp;</span></a></div>
2833
+ <span class="description" style="margin-left:5px;"><?php echo __( '0px = No Border', 'a3-lazy-load' ); ?></span>
2834
</div>
2835
2836
</td>
2881
?><tr valign="top">
2882
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
2883
<td class="forminp forminp-<?php echo sanitize_title( $value['type'] ) ?>">
2884
<div class="a3rev-ui-settings-control">
2885
<!-- Border Corner : Rounded or Square -->
2886
<input
2887
name="<?php echo $name_attribute; ?>[corner]"
2888
id="<?php echo $id_attribute; ?>"
2889
class="a3rev-ui-border-corner a3rev-ui-onoff_checkbox <?php echo esc_attr( $value['class'] ); ?>"
2890
+ checked_label="<?php _e( 'Rounded', 'a3-lazy-load' ); ?>"
2891
+ unchecked_label="<?php _e( 'Square', 'a3-lazy-load' ); ?>"
2892
type="checkbox"
2893
value="rounded"
2894
<?php checked( 'rounded', $corner ); ?>
2896
/>
2897
2898
<!-- Preview Button -->
2899
+ <div class="a3rev-ui-settings-preview"><a href="#" class="a3rev-ui-border-preview-button a3rev-ui-settings-preview-button button submit-button" title="<?php _e( 'Preview your customized border settings', 'a3-lazy-load' ); ?>"><span>&nbsp;</span></a></div>
2900
+ <?php echo $description; ?>
2901
<!-- Border Rounded Value -->
2902
<div class="a3rev-ui-border-corner-value-container">
2903
<div class="a3rev-ui-border_corner-top_left">
2904
+ <span class="a3rev-ui-border_corner-span"><?php _e( 'Top Left Corner', 'a3-lazy-load' ); ?></span>
2905
<div class="a3rev-ui-slide-container">
2906
<div class="a3rev-ui-slide-container-start">
2907
<div class="a3rev-ui-slide-container-end">
2921
</div>
2922
</div>
2923
<div class="a3rev-ui-border_corner-top_right">
2924
+ <span class="a3rev-ui-border_corner-span"><?php _e( 'Top Right Corner', 'a3-lazy-load' ); ?></span>
2925
<div class="a3rev-ui-slide-container">
2926
<div class="a3rev-ui-slide-container-start">
2927
<div class="a3rev-ui-slide-container-end">
2941
</div>
2942
</div>
2943
<div class="a3rev-ui-border_corner-bottom_right">
2944
+ <span class="a3rev-ui-border_corner-span"><?php _e( 'Bottom Right Corner', 'a3-lazy-load' ); ?></span>
2945
<div class="a3rev-ui-slide-container">
2946
<div class="a3rev-ui-slide-container-start">
2947
<div class="a3rev-ui-slide-container-end">
2961
</div>
2962
</div>
2963
<div class="a3rev-ui-border_corner-bottom_left">
2964
+ <span class="a3rev-ui-border_corner-span"><?php _e( 'Bottom Left Corner', 'a3-lazy-load' ); ?></span>
2965
<div class="a3rev-ui-slide-container">
2966
<div class="a3rev-ui-slide-container-start">
2967
<div class="a3rev-ui-slide-container-end">
3007
?><tr valign="top">
3008
<th scope="row" class="titledesc"><?php echo $tip; ?><?php echo esc_html( $value['name'] ) ?></th>
3009
<td class="forminp forminp-box_shadow">
3010
<input
3011
name="<?php echo $name_attribute; ?>[enable]"
3012
id="<?php echo $id_attribute; ?>"
3013
class="a3rev-ui-box_shadow-enable a3rev-ui-onoff_checkbox <?php echo esc_attr( $value['class'] ); ?>"
3014
+ checked_label="<?php _e( 'ON', 'a3-lazy-load' ); ?>"
3015
+ unchecked_label="<?php _e( 'OFF', 'a3-lazy-load' ); ?>"
3016
type="checkbox"
3017
value="1"
3018
<?php checked( 1, $enable ); ?>
3019
<?php echo implode( ' ', $custom_attributes ); ?>
3020
/>
3021
+ <?php echo $description; ?>
3022
<div style="clear:both;"></div>
3023
<div class="a3rev-ui-box_shadow-enable-container">
3024
<div class="a3rev-ui-settings-control">
3027
name="<?php echo $name_attribute; ?>[h_shadow]"
3028
id="<?php echo $id_attribute; ?>-h_shadow"
3029
class="a3rev-ui-box_shadow-h_shadow chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
3030
+ data-placeholder="<?php _e( 'Horizontal Shadow', 'a3-lazy-load' ); ?>"
3031
>
3032
<?php
3033
for ( $i = -20; $i <= 20; $i++ ) {
3045
name="<?php echo $name_attribute; ?>[v_shadow]"
3046
id="<?php echo $id_attribute; ?>-v_shadow"
3047
class="a3rev-ui-box_shadow-v_shadow chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
3048
+ data-placeholder="<?php _e( 'Vertical Shadow', 'a3-lazy-load' ); ?>"
3049
>
3050
<?php
3051
for ( $i = -20; $i <= 20; $i++ ) {
3063
name="<?php echo $name_attribute; ?>[blur]"
3064
id="<?php echo $id_attribute; ?>-blur"
3065
class="a3rev-ui-box_shadow-blur chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
3066
+ data-placeholder="<?php _e( 'Blur Distance', 'a3-lazy-load' ); ?>"
3067
>
3068
<?php
3069
for ( $i = 0; $i <= 20; $i++ ) {
3081
name="<?php echo $name_attribute; ?>[spread]"
3082
id="<?php echo $id_attribute; ?>-spread"
3083
class="a3rev-ui-box_shadow-spread chzn-select <?php if ( is_rtl() ) { echo 'chzn-rtl'; } ?>"
3084
+ data-placeholder="<?php _e( 'Spread Size', 'a3-lazy-load' ); ?>"
3085
>
3086
<?php
3087
for ( $i = 0; $i <= 20; $i++ ) {
3099
name="<?php echo $name_attribute; ?>[inset]"
3100
id="<?php echo $id_attribute; ?>"
3101
class="a3rev-ui-box_shadow-inset a3rev-ui-onoff_checkbox"
3102
+ checked_label="<?php _e( 'INNER', 'a3-lazy-load' ); ?>"
3103
+ unchecked_label="<?php _e( 'OUTER', 'a3-lazy-load' ); ?>"
3104
type="checkbox"
3105
value="inset"
3106
<?php checked( 'inset', $inset ); ?>
3118
/>
3119
3120
<!-- Preview Button -->
3121
+ <div class="a3rev-ui-settings-preview"><a href="#" class="a3rev-ui-box_shadow-preview-button a3rev-ui-settings-preview-button button submit-button" title="<?php _e( 'Preview your customized box shadow settings', 'a3-lazy-load' ); ?>"><span>&nbsp;</span></a></div>
3122
</div>
3123
<div style="clear:both;"></div>
3124
</div>
3356
}
3357
}
3358
3359
+ if ( $end_heading_id !== false && ! $closed_panel_inner ) {
3360
if ( trim( $end_heading_id ) != '' ) do_action( $this->plugin_name . '_settings_' . sanitize_title( $end_heading_id ) . '_end' );
3361
echo '</table>' . "\n\n";
3362
echo '</div>' . "\n\n";
3383
echo '</div>' . "\n\n";
3384
}
3385
3386
+ if ( $had_first_column ) {
3387
+ // close panel column
3388
+ echo '</div>' . "\n\n";
3389
+ }
3390
+
3391
?>
3392
+ </div> <!-- Close Panel Row -->
3393
<?php do_action( $this->plugin_name . '-' . trim( $form_key ) . '_settings_end' ); ?>
3394
<p class="submit">
3395
+ <input type="submit" value="<?php _e('Save changes', 'a3-lazy-load' ); ?>" class="button button-primary" name="bt_save_settings" />
3396
+ <input type="submit" name="bt_reset_settings" class="button" value="<?php _e('Reset Settings', 'a3-lazy-load' ); ?>" />
3397
<input type="hidden" name="form_name_action" value="<?php echo $form_key; ?>" />
3398
<input type="hidden" class="last_tab" name="subtab" value="#<?php echo $current_subtab; ?>" />
3399
</p>
admin/admin-pages/admin-settings-page.php CHANGED
@@ -59,8 +59,8 @@ class A3_Lazy_Load_Settings_Page extends A3_Lazy_Load_Admin_UI
59
$page_data = array(
60
'type' => 'submenu',
61
'parent_slug' => 'options-general.php',
62
- 'page_title' => __('a3 Lazy Load','a3_lazy_load'),
63
- 'menu_title' => __('a3 Lazy Load','a3_lazy_load'),
64
'capability' => 'manage_options',
65
'menu_slug' => $this->menu_slug,
66
'function' => 'a3_lazy_load_settings_page_show',
59
$page_data = array(
60
'type' => 'submenu',
61
'parent_slug' => 'options-general.php',
62
+ 'page_title' => __('a3 Lazy Load','a3-lazy-load' ),
63
+ 'menu_title' => __('a3 Lazy Load','a3-lazy-load' ),
64
'capability' => 'manage_options',
65
'menu_slug' => $this->menu_slug,
66
'function' => 'a3_lazy_load_settings_page_show',
admin/admin-ui.php CHANGED
@@ -106,14 +106,14 @@ class A3_Lazy_Load_Admin_UI
106
*/
107
public function get_premium_video_data() {
108
$premium_video_data = array(
109
- 'box_title' => __( 'Premium Version Enhanced Features', 'a3_lazy_load' ),
110
'image_url' => A3_LAZY_LOAD_IMAGES_URL. '/video.jpg',
111
'video_url' => 'https://www.youtube.com/embed/9dGw-ORfMIk?version=3&autoplay=1',
112
- 'left_title' => __( 'Premium Version Enhanced Features', 'a3_lazy_load' ),
113
- 'left_text' => __( 'WooCommerce Dynamic Gallery Premium', 'a3_lazy_load' )
114
- . "\n\n" . __( 'Quick Video showing the main (not all) enhanced features that are built into the WooCommerce Dynamic Gallery Premium version', 'a3_lazy_load' ),
115
- 'right_title' => __( 'Developer Support and Premium Features', 'a3_lazy_load' ),
116
- 'right_text' => __( 'Limited Time Offer. Purchase the Premium Version Lifetime License. That is a Lifetime of maintenance updates, feature upgrades and developer support for a once only fee. Offer ending soon.', 'a3_lazy_load' )
117
. "\n\n" . '<a target="_blank" href="'.$this->pro_plugin_page_url.'" class="button-primary">' . __( 'Get Premium Features and Support', '' ) . '</a>',
118
);
119
@@ -262,10 +262,10 @@ class A3_Lazy_Load_Admin_UI
262
/*-----------------------------------------------------------------------------------*/
263
public function upgrade_top_message( $echo = false, $setting_id = '' ) {
264
$upgrade_top_message = sprintf( '<div class="pro_feature_top_message">'
265
- . __( 'Advanced Settings - Upgrade to the <a href="%s" target="_blank">%s License</a> to activate these settings.', 'a3_lazy_load' )
266
. '</div>'
267
, apply_filters( $this->plugin_name . '_' . $setting_id . '_pro_plugin_page_url', apply_filters( $this->plugin_name . '_pro_plugin_page_url', $this->pro_plugin_page_url ) )
268
- , apply_filters( $this->plugin_name . '_' . $setting_id . '_pro_version_name', apply_filters( $this->plugin_name . '_pro_version_name', __( 'Pro Version', 'a3_lazy_load' ) ) )
269
);
270
271
$upgrade_top_message = apply_filters( $this->plugin_name . '_upgrade_top_message', $upgrade_top_message, $setting_id );
@@ -315,9 +315,9 @@ class A3_Lazy_Load_Admin_UI
315
$transient_timeout = '_transient_timeout_' . $this->version_transient;
316
$timeout = get_option( $transient_timeout, false );
317
if ( false === $timeout ) {
318
- $version_message = __( 'You should check now to see if have any new version is available', 'a3_lazy_load' );
319
} elseif ( 'cannot_connect_api' == $version_transient ) {
320
- $version_message = sprintf( __( 'Connection Failure! Please try again. If this issue persists please create a support request on the plugin <a href="%s" target="_blank">a3rev support forum</a>.', 'a3_lazy_load' ), $this->support_url );
321
} else {
322
$version_info = explode( '||', $version_transient );
323
if ( FALSE !== stristr( $version_transient, '||' )
@@ -325,7 +325,7 @@ class A3_Lazy_Load_Admin_UI
325
&& isset( $version_info[1] ) && $version_info[1] == 'valid'
326
&& version_compare( get_option('a3_lazy_load_version') , $version_info[0], '<' ) ) {
327
328
- $version_message = sprintf( __( 'There is a new version <span class="a3rev-ui-new-plugin-version">%s</span> available, <a href="%s" target="_blank">update now</a> or download direct from <a href="%s" target="_blank">My Account</a> on a3rev.com', 'a3_lazy_load' ),
329
$version_info[0],
330
wp_nonce_url( self_admin_url( 'update.php?action=upgrade-plugin&plugin=' . A3_LAZY_LOAD_NAME ), 'upgrade-plugin_' . A3_LAZY_LOAD_NAME ),
331
'https://a3rev.com/my-account/downloads/'
@@ -334,7 +334,7 @@ class A3_Lazy_Load_Admin_UI
334
}
335
336
} else {
337
- $version_message = __( 'You should check now to see if have any new version is available', 'a3_lazy_load' );
338
}
339
340
return $version_message;
106
*/
107
public function get_premium_video_data() {
108
$premium_video_data = array(
109
+ 'box_title' => __( 'Premium Version Enhanced Features', 'a3-lazy-load' ),
110
'image_url' => A3_LAZY_LOAD_IMAGES_URL. '/video.jpg',
111
'video_url' => 'https://www.youtube.com/embed/9dGw-ORfMIk?version=3&autoplay=1',
112
+ 'left_title' => __( 'Premium Version Enhanced Features', 'a3-lazy-load' ),
113
+ 'left_text' => __( 'WooCommerce Dynamic Gallery Premium', 'a3-lazy-load' )
114
+ . "\n\n" . __( 'Quick Video showing the main (not all) enhanced features that are built into the WooCommerce Dynamic Gallery Premium version', 'a3-lazy-load' ),
115
+ 'right_title' => __( 'Developer Support and Premium Features', 'a3-lazy-load' ),
116
+ 'right_text' => __( 'Limited Time Offer. Purchase the Premium Version Lifetime License. That is a Lifetime of maintenance updates, feature upgrades and developer support for a once only fee. Offer ending soon.', 'a3-lazy-load' )
117
. "\n\n" . '<a target="_blank" href="'.$this->pro_plugin_page_url.'" class="button-primary">' . __( 'Get Premium Features and Support', '' ) . '</a>',
118
);
119
262
/*-----------------------------------------------------------------------------------*/
263
public function upgrade_top_message( $echo = false, $setting_id = '' ) {
264
$upgrade_top_message = sprintf( '<div class="pro_feature_top_message">'
265
+ . __( 'Advanced Settings - Upgrade to the <a href="%s" target="_blank">%s License</a> to activate these settings.', 'a3-lazy-load' )
266
. '</div>'
267
, apply_filters( $this->plugin_name . '_' . $setting_id . '_pro_plugin_page_url', apply_filters( $this->plugin_name . '_pro_plugin_page_url', $this->pro_plugin_page_url ) )
268
+ , apply_filters( $this->plugin_name . '_' . $setting_id . '_pro_version_name', apply_filters( $this->plugin_name . '_pro_version_name', __( 'Pro Version', 'a3-lazy-load' ) ) )
269
);
270
271
$upgrade_top_message = apply_filters( $this->plugin_name . '_upgrade_top_message', $upgrade_top_message, $setting_id );
315
$transient_timeout = '_transient_timeout_' . $this->version_transient;
316
$timeout = get_option( $transient_timeout, false );
317
if ( false === $timeout ) {
318
+ $version_message = __( 'You should check now to see if have any new version is available', 'a3-lazy-load' );
319
} elseif ( 'cannot_connect_api' == $version_transient ) {
320
+ $version_message = sprintf( __( 'Connection Failure! Please try again. If this issue persists please create a support request on the plugin <a href="%s" target="_blank">a3rev support forum</a>.', 'a3-lazy-load' ), $this->support_url );
321
} else {
322
$version_info = explode( '||', $version_transient );
323
if ( FALSE !== stristr( $version_transient, '||' )
325
&& isset( $version_info[1] ) && $version_info[1] == 'valid'
326
&& version_compare( get_option('a3_lazy_load_version') , $version_info[0], '<' ) ) {
327
328
+ $version_message = sprintf( __( 'There is a new version <span class="a3rev-ui-new-plugin-version">%s</span> available, <a href="%s" target="_blank">update now</a> or download direct from <a href="%s" target="_blank">My Account</a> on a3rev.com', 'a3-lazy-load' ),
329
$version_info[0],
330
wp_nonce_url( self_admin_url( 'update.php?action=upgrade-plugin&plugin=' . A3_LAZY_LOAD_NAME ), 'upgrade-plugin_' . A3_LAZY_LOAD_NAME ),
331
'https://a3rev.com/my-account/downloads/'
334
}
335
336
} else {
337
+ $version_message = __( 'You should check now to see if have any new version is available', 'a3-lazy-load' );
338
}
339
340
return $version_message;
admin/assets/css/admin-ui-style.css CHANGED
@@ -18,6 +18,15 @@
18
19
}
20
21
[class^="a3-plugin-ui-"]:before,
22
[class*=" a3-plugin-ui-"]:before {
23
font-family: "a3-plugin-framework" !important;
@@ -73,6 +82,33 @@
73
float: left;
74
width: 100%;
75
}
76
.a3rev_panel_container .a3rev_panel_box {
77
position: relative;
78
border: 1px solid #e5e5e5;
@@ -106,6 +142,9 @@
106
left: 10px;
107
font-size: 20px;
108
}
109
.a3rev_panel_container .a3-plugin-ui-panel-box.box_open:before {
110
content: "m";
111
color: #000;
@@ -165,6 +204,7 @@
165
166
/* Font Control */
167
.a3rev_panel_container .a3rev-ui-typography-size { width:80px; }
168
.a3rev_panel_container .a3rev-ui-typography-face { width:160px; }
169
.a3rev_panel_container .a3rev-ui-typography-style { width:100px; }
170
.a3rev_panel_container .a3rev-ui-typography-preview { display:inline-block; }
@@ -227,6 +267,161 @@
227
.a3rev_panel_container .a3rev-ui-latest-version-message { background-color: #dff0d8; border: 1px solid #468847; color: #468847; }
228
.a3rev_panel_container .a3rev-ui-new-version-message { background-color: #ffebe8; border: 1px solid #dd3d36; color: #dd3d36; }
229
230
/* Textarea Control */
231
.a3rev_panel_container .a3rev-ui-textarea { width:600px; max-width:70%; }
232
@@ -738,6 +933,26 @@
738
739
/* END A3 Plugin Framework Font Icons */
740
741
@media screen and ( min-width: 783px ) {
742
.a3rev_panel_container .chosen-container-multi {
743
min-width:300px;
@@ -794,6 +1009,24 @@
794
.a3-plugin-ui-help-icon {
795
margin-right:0px;
796
}
797
}
798
799
@media screen and ( max-width: 600px ) {
18
19
}
20
21
+ @-webkit-keyframes progress-bar {
22
+ from { background-position: 0 0;}
23
+ to { background-position: 24px 40px;}
24
+ }
25
+ @keyframes progress-bar {
26
+ from { background-position: 0 0;}
27
+ to { background-position: 24px 40px;}
28
+ }
29
+
30
[class^="a3-plugin-ui-"]:before,
31
[class*=" a3-plugin-ui-"]:before {
32
font-family: "a3-plugin-framework" !important;
82
float: left;
83
width: 100%;
84
}
85
+ .a3rev_panel_container .a3rev_panel_row {
86
+ display: table;
87
+ width: 100%;
88
+ table-layout: fixed;
89
+ clear: both;
90
+ position: relative;
91
+ }
92
+ .a3rev_panel_container .a3rev_panel_row:after {
93
+ display: table;
94
+ clear: both;
95
+ content: '';
96
+ }
97
+ .a3rev_panel_container .a3rev_panel_column {
98
+ display: table-cell;
99
+ width: 50%;
100
+ box-sizing: border-box;
101
+ padding: 0 10px;
102
+ position: relative;
103
+ vertical-align: top;
104
+ }
105
+ .a3rev_panel_container .a3rev_panel_column:last-child {
106
+ padding-right: 0;
107
+ }
108
+ .a3rev_panel_container .a3rev_panel_column:first-child {
109
+ padding-left: 0;
110
+ padding-right: 10px;
111
+ }
112
.a3rev_panel_container .a3rev_panel_box {
113
position: relative;
114
border: 1px solid #e5e5e5;
142
left: 10px;
143
font-size: 20px;
144
}
145
+ .a3rev_panel_container .box_active .a3-plugin-ui-panel-box:before {
146
+ color: #22ef00;
147
+ }
148
.a3rev_panel_container .a3-plugin-ui-panel-box.box_open:before {
149
content: "m";
150
color: #000;
204
205
/* Font Control */
206
.a3rev_panel_container .a3rev-ui-typography-size { width:80px; }
207
+ .a3rev_panel_container .a3rev-ui-typography-line_height { width:80px; }
208
.a3rev_panel_container .a3rev-ui-typography-face { width:160px; }
209
.a3rev_panel_container .a3rev-ui-typography-style { width:100px; }
210
.a3rev_panel_container .a3rev-ui-typography-preview { display:inline-block; }
267
.a3rev_panel_container .a3rev-ui-latest-version-message { background-color: #dff0d8; border: 1px solid #468847; color: #468847; }
268
.a3rev_panel_container .a3rev-ui-new-version-message { background-color: #ffebe8; border: 1px solid #dd3d36; color: #dd3d36; }
269
270
+ /* Ajax Submit Control */
271
+ .a3rev_panel_container .a3rev-ui-ajax_submit-control,
272
+ .a3rev_panel_container .a3rev-ui-ajax_multi_submit-control {
273
+ margin-bottom: 6px;
274
+ }
275
+ .a3rev_panel_container .a3rev-ui-ajax_submit-control .a3rev-ui-ajax_submit-button,
276
+ .a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-button {
277
+ border-radius: 5px;
278
+ border: none;
279
+ background: #2186fa;
280
+ color: #fff;
281
+ font-size: 16px;
282
+ padding: 8px 15px;
283
+ transition: all 0.5s ease 0.1s;
284
+ cursor: pointer;
285
+ height: 40px;
286
+ box-sizing: border-box;
287
+ margin-bottom: 5px;
288
+ }
289
+ .a3rev_panel_container .a3rev-ui-ajax_submit-control .a3rev-ui-ajax_submit-button:hover,
290
+ .a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-button:hover {
291
+ background: #f4741b;
292
+ }
293
+ .a3rev_panel_container .a3rev-ui-ajax_submit-control .a3rev-ui-ajax_submit-button.disabled,
294
+ .a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-button.disabled {
295
+ background: #999;
296
+ cursor: default;
297
+ }
298
+ .a3rev_panel_container .a3rev-ui-ajax_submit-control .a3rev-ui-ajax_submit-successed,
299
+ .a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-successed {
300
+ display: none;
301
+ color: #46b450;
302
+ font-size: 14px;
303
+ transition: all 1.5s ease 0.1s;
304
+ height: 40px;
305
+ box-sizing: border-box;
306
+ }
307
+ .a3rev_panel_container .a3rev-ui-ajax_submit-control .a3rev-ui-ajax_submit-errors,
308
+ .a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-errors {
309
+ display: none;
310
+ color: #dc3232;
311
+ font-size: 14px;
312
+ transition: all 1.5s ease 0.1s;
313
+ }
314
+ .a3rev_panel_container .a3rev-ui-progress-bar-wrap {
315
+ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
316
+ border-radius: 6px;
317
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset;
318
+ display: none;
319
+ padding: 3px;
320
+ width: 100%;
321
+ max-width: 600px;
322
+ position: relative;
323
+ }
324
+ .a3rev_panel_container .a3rev-ui-progress-inner {
325
+ animation: progress-bar 1s infinite linear;
326
+ -ms-animation: progress-bar 1s infinite linear;
327
+ -moz-animation: progress-bar 1s infinite linear;
328
+ -webkit-animation: progress-bar 1s infinite linear;
329
+ background: rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, #0077ff, #0077ff 10px, #c3defd 10px, #c3defd 24px) repeat scroll 0 0 / 68px 68px;
330
+ border-radius: 4px;
331
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
332
+ height: 34px;
333
+ overflow: hidden;
334
+ transition: width 2s ease 0.1s;
335
+ width: 0px;
336
+ }
337
+ .a3rev_panel_container .a3rev-ui-progressing-text,
338
+ .a3rev_panel_container .a3rev-ui-completed-text {
339
+ box-sizing: border-box;
340
+ color: #fff;
341
+ display: block;
342
+ font-size: 16px;
343
+ left: 0;
344
+ top: 0;
345
+ padding: 0px 10px;
346
+ position: absolute;
347
+ text-align: center;
348
+ text-shadow: 0px 0px 2px #000;
349
+ width: 100%;
350
+ height: 100%;
351
+ line-height: 40px;
352
+ z-index: 1;
353
+ white-space: nowrap;
354
+ text-overflow: ellipsis;
355
+ overflow: hidden;
356
+ }
357
+ .a3rev_panel_container .a3rev-ui-completed-text {
358
+ display: none;
359
+ }
360
+
361
+ /* Ajax Multi Submit Control */
362
+ .a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-button {
363
+ margin-bottom: 0px;
364
+ }
365
+ .a3rev_panel_container .a3rev-ui-statistics-wrap {
366
+ float: left;
367
+ width: 100%;
368
+ max-width: 600px;
369
+ margin-top: 20px;
370
+ }
371
+ .a3rev_panel_container .a3rev-ui-statistic-item {
372
+ float: left;
373
+ width: 100%;
374
+ box-sizing: border-box;
375
+ margin-bottom: 30px;
376
+ }
377
+ .a3rev_panel_container .a3rev-ui-pie-wrap {
378
+ height: 80px;
379
+ width: 80px;
380
+ margin: 0 auto 5px auto;
381
+ position: relative;
382
+ }
383
+ .a3rev_panel_container .a3rev-ui-pie-shadow {
384
+ border: 10px solid #ddd;
385
+ border-radius: 100%;
386
+ height: 100%;
387
+ width: 100%;
388
+ box-sizing: border-box;
389
+ }
390
+ .a3rev_panel_container .a3rev-ui-pie {
391
+ clip: rect(0px, 80px, 80px, 40px);
392
+ height: 100%;
393
+ width: 100%;
394
+ position: absolute;
395
+ left: 0;
396
+ top: 0;
397
+ }
398
+ .a3rev_panel_container .a3rev-ui-pie.pie-more-50 {
399
+ clip: rect(auto, auto, auto, auto);
400
+ }
401
+ .a3rev_panel_container .a3rev-ui-pie-half-circle {
402
+ clip: rect(0px, 40px, 80px, 0px);
403
+ border: 10px solid #3498db;
404
+ border-radius: 100%;
405
+ height: 100%;
406
+ width: 100%;
407
+ position: absolute;
408
+ left: 0;
409
+ top: 0;
410
+ box-sizing: border-box;
411
+ }
412
+ .a3rev_panel_container .a3rev-ui-statistic-text {
413
+ text-align: center;
414
+ text-transform: uppercase;
415
+ color: #777;
416
+ }
417
+ .a3rev_panel_container .a3rev-ui-statistic-separate,
418
+ .a3rev_panel_container .a3rev-ui-statistic-current-item,
419
+ .a3rev_panel_container .a3rev-ui-statistic-total-item {
420
+ color: #000;
421
+ font-size: 25px;
422
+ margin: 0px;
423
+ }
424
+
425
/* Textarea Control */
426
.a3rev_panel_container .a3rev-ui-textarea { width:600px; max-width:70%; }
427
933
934
/* END A3 Plugin Framework Font Icons */
935
936
+ @media screen and ( max-width: 1100px ) {
937
+ .a3rev_panel_column .form-table th,
938
+ .a3rev_panel_column .form-table td {
939
+ display: block;
940
+ vertical-align: middle;
941
+ width: auto;
942
+ }
943
+ .a3rev_panel_column .form-table th {
944
+ border-bottom: 0;
945
+ padding-bottom: 0;
946
+ padding-top: 10px;
947
+ }
948
+ .a3rev_panel_column .form-table td {
949
+ margin-bottom: 0;
950
+ padding-bottom: 6px;
951
+ padding-left: 0;
952
+ padding-top: 4px;
953
+ }
954
+ }
955
+
956
@media screen and ( min-width: 783px ) {
957
.a3rev_panel_container .chosen-container-multi {
958
min-width:300px;
1009
.a3-plugin-ui-help-icon {
1010
margin-right:0px;
1011
}
1012
+ .a3rev_panel_container .a3rev-ui-statistic-item {
1013
+ width: 100% !important;
1014
+ }
1015
+ }
1016
+
1017
+ @media screen and ( max-width: 640px ) {
1018
+ .a3rev_panel_container .a3rev_panel_row {
1019
+ display: block;
1020
+ }
1021
+ .a3rev_panel_container .a3rev_panel_column {
1022
+ display: block;
1023
+ width: 100%;
1024
+ padding: 0;
1025
+ }
1026
+ .a3rev_panel_container .a3rev_panel_column:first-child,
1027
+ .a3rev_panel_container .a3rev_panel_column:last-child {
1028
+ padding: 0;
1029
+ }
1030
}
1031
1032
@media screen and ( max-width: 600px ) {
admin/assets/css/admin-ui-style.min.css CHANGED
@@ -1,6 +1,15 @@
1
@charset "UTF-8";
2
- @font-face{font-family:"a3-plugin-framework";src:url(../fonts/a3-plugin-framework.eot);src:url(../fonts/a3-plugin-framework.eot?#iefix) format("embedded-opentype"),url(../fonts/a3-plugin-framework.woff) format("woff"),url(../fonts/a3-plugin-framework.ttf) format("truetype"),url(../fonts/a3-plugin-framework.svg#a3-plugin-framework) format("svg");font-weight:400;font-style:normal}
3
- [class^="a3-plugin-ui-"]:before,[class*=" a3-plugin-ui-"]:before{font-family:"a3-plugin-framework"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
4
.a3-plugin-ui-a3-plugins-icon:before{content:"a"}
5
.a3-plugin-ui-a3-rev-logo:before{content:"b"}
6
.a3-plugin-ui-a3-thumb-icon:before{content:"c"}
@@ -13,12 +22,18 @@
13
.a3-plugin-ui-a3-plugins-icon-1:before{content:"i"}
14
.a3-plugin-ui-a3-rev-logo-1:before{content:"j"}
15
.a3rev_panel_container{visibility:hidden;height:0;overflow:hidden;margin-top:10px;float:left;width:100%}
16
- .a3rev_panel_container .a3rev_panel_box{position:relative;border:1px solid #e5e5e5;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.06);box-shadow:0 1px 1px rgba(0,0,0,0.06);background:#fff;margin-bottom:20px;border-radius:0}
17
.a3rev_panel_container .a3rev_panel_box .a3rev_panel_box{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}
18
.a3rev_panel_container .a3rev_panel_box_handle{padding:8px 12px 8px 38px;position:relative}
19
.a3rev_panel_container .a3rev_panel_box_handle .pro_feature_top_message{text-align:left;margin:5px 0 0}
20
.a3rev_panel_container .a3-plugin-ui-panel-box{cursor:pointer;margin:0}
21
.a3rev_panel_container .a3-plugin-ui-panel-box:before{content:"j";color:#aaa;position:absolute;top:7px;left:10px;font-size:20px}
22
.a3rev_panel_container .a3-plugin-ui-panel-box.box_open:before{content:"m";color:#000}
23
.a3rev_panel_container .a3-plugin-ui-panel-box:hover:before{color:#000}
24
.a3rev_panel_container .a3rev_panel_box_handle h3{margin:0}
@@ -31,153 +46,231 @@
31
.a3rev_panel_container .a3rev_panel_inner{clear:both;display:block;padding-bottom:10px}
32
.a3rev_panel_container .a3rev_panel_inner h3{margin-bottom:0}
33
.a3rev_panel_container .a3rev_panel_inner .form-table{margin-bottom:0}
34
- .icon32-a3rev-ui-settings{background:url(../images/a3-plugins.png) no-repeat left top}
35
.a3_subsubsub_section{float:left;width:100%}
36
- .a3rev_panel_container input[type="text"],.a3rev_panel_container input[type="email"],.a3rev_panel_container input[type="number"],.a3rev_panel_container input[type="password"]{height:24px}
37
.a3rev_panel_container .a3rev-ui-typography-size{width:80px}
38
.a3rev_panel_container .a3rev-ui-typography-face{width:160px}
39
.a3rev_panel_container .a3rev-ui-typography-style{width:100px}
40
.a3rev_panel_container .a3rev-ui-typography-preview{display:inline-block}
41
- .a3rev_panel_container .typography-preview-container .preview_remove{background:#EEE;border:1px solid #DDD;border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px;cursor:pointer;height:10px;padding:2px;position:absolute;right:-10px;top:-10px;width:10px;z-index:99;text-decoration:none!important}
42
- .a3rev_panel_container .a3rev-ui-typography-preview-button{float:left;margin:0;padding-top:0;height:24px;line-height:24px}
43
.a3rev_panel_container .typography-preview-container{clear:both;position:relative;width:50%;margin-top:10px}
44
- .a3rev_panel_container .typography-preview{word-wrap:break-word;clear:both;padding:20px;border:1px solid #CCC;background:#FDFDFD;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
45
.a3rev_panel_container .wp-picker-holder{position:absolute;z-index:10000}
46
.a3rev_panel_container input.wp-picker-default{height:24px!important}
47
- .a3rev_panel_container .wp-color-result{top:0}
48
.a3rev_panel_container .a3rev-ui-text{width:300px;max-width:70%}
49
.a3rev_panel_container .a3rev-ui-email{width:300px;max-width:70%}
50
.a3rev_panel_container .a3rev-ui-number{width:40px;max-width:70%}
51
.a3rev_panel_container .a3rev-ui-password{width:300px;max-width:70%}
52
.a3rev_panel_container .a3rev-ui-google_api_key{width:350px;max-width:100%}
53
.a3rev_panel_container .a3rev-ui-google-api-key-inside{margin-top:10px}
54
- .a3rev_panel_container .a3rev-ui-google-valid-key-message,.a3rev_panel_container .a3rev-ui-google-unvalid-key-message{display:none}
55
- .a3rev_panel_container .a3rev-ui-google-valid-key,.a3rev_panel_container .a3rev-ui-google-unvalid-key{padding:10px;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
56
.a3rev_panel_container .a3rev-ui-google-valid-key{background-color:#dff0d8;border:1px solid #468847;color:#468847}
57
.a3rev_panel_container .a3rev-ui-google-unvalid-key{background-color:#ffebe8;border:1px solid #dd3d36;color:#dd3d36}
58
- .a3rev_panel_container .a3rev-ui-google-valid-key .a3rev-ui-google-valid-key-message,.a3rev_panel_container .a3rev-ui-google-unvalid-key .a3rev-ui-google-unvalid-key-message{display:block}
59
- .a3rev_panel_container .a3rev-ui-version-checking{display:none;margin-top:6px;background-image:url(../images/loading-bottom.gif);background-repeat:no-repeat;background-size:100% auto;width:16px;height:16px}
60
.a3rev_panel_container .a3rev-ui-check-version-message{font-size:13px}
61
- .a3rev_panel_container .a3rev-ui-new-version-message,.a3rev_panel_container .a3rev-ui-latest-version-message{padding:8px 10px;box-shadow:0 1px 1px rgba(0,0,0,0.1);margin-top:8px}
62
.a3rev_panel_container .a3rev-ui-latest-version-message{background-color:#dff0d8;border:1px solid #468847;color:#468847}
63
.a3rev_panel_container .a3rev-ui-new-version-message{background-color:#ffebe8;border:1px solid #dd3d36;color:#dd3d36}
64
.a3rev_panel_container .a3rev-ui-textarea{width:600px;max-width:70%}
65
.a3rev_panel_container .a3rev-ui-select{width:160px;max-width:70%}
66
.a3rev_panel_container .a3rev-ui-multiselect{width:300px;max-width:70%}
67
.a3rev_panel_container .forminp-radio ul{margin:0}
68
.a3rev_panel_container .a3rev-ui-image_size-width{width:40px}
69
.a3rev_panel_container .a3rev-ui-image_size-height{width:40px}
70
.a3rev_panel_container .a3rev-ui-single_select_page{width:300px;max-width:70%}
71
.a3rev_panel_container .a3rev-ui-settings-preview{display:inline-block}
72
.a3rev_panel_container .settings-apply-preview{padding:10px;background:#FF0}
73
- .a3rev_panel_container .settings-preview-container .preview_remove{background:#EEE;border:1px solid #DDD;border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px;cursor:pointer;height:10px;padding:2px;position:absolute;right:-10px;top:-10px;width:10px;z-index:99;text-decoration:none!important}
74
- .a3rev_panel_container .a3rev-ui-settings-preview-button{float:left;margin:0;padding-top:0;height:24px;line-height:24px}
75
.a3rev_panel_container .settings-preview-container{clear:both;position:relative;margin-top:12px;width:50%}
76
- .a3rev_panel_container .settings-preview{word-wrap:break-word;clear:both;padding:30px;border:1px solid #CCC;background:#FDFDFD;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
77
.a3rev_panel_container .a3rev-ui-border_styles-width{width:80px}
78
.a3rev_panel_container .a3rev-ui-border_styles-style{width:80px}
79
.a3rev_panel_container .forminp-border_corner .desc{margin-bottom:10px!important}
80
.a3rev_panel_container .forminp-border_corner .iPhoneCheckContainer{margin-right:30px}
81
.a3rev_panel_container .a3rev-ui-border-corner-value-container{float:left;width:100%}
82
- .a3rev_panel_container .a3rev-ui-border_corner-top_left,.a3rev_panel_container .a3rev-ui-border_corner-top_right,.a3rev_panel_container .a3rev-ui-border_corner-bottom_left,.a3rev_panel_container .a3rev-ui-border_corner-bottom_right{float:left;width:100%;clear:both;padding-top:5px}
83
.a3rev_panel_container .a3rev-ui-border_corner-span{float:left;width:140px;margin-bottom:8px}
84
.a3rev_panel_container .a3rev-ui-border_corner-px{float:left;margin-right:10px}
85
.a3rev_panel_container .forminp-border_corner .settings-apply-preview{border:1px solid #515151}
86
- .a3rev_panel_container .forminp-border_corner .iPhoneCheckContainer .iPhoneCheckLabelOff,.a3rev_panel_container .forminp-border_corner .iOSCheckContainer .iOSCheckLabelOff{background:#569aef;background:-moz-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#468be0),color-stop(50%,#569aef),color-stop(52%,#6aa7f6),color-stop(100%,#82b3f5));background:-webkit-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:-o-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:-ms-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:linear-gradient(#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468be0',endColorstr='#82b3f5',GradientType=0);box-shadow:0 1px 2px 0 rgba(0,0,0,0.5) inset,0 1px 0 0 rgba(250,250,250,0.5);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.5) inset,0 1px 0 0 rgba(250,250,250,0.5);border:1px solid #666;border-radius:5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;color:#FFF;text-shadow:0 0 2px rgba(0,0,0,0.6)}
87
.a3rev_panel_container .a3rev-ui-bg_color-enable-container{margin-top:10px}
88
.a3rev_panel_container .a3rev-ui-box_shadow-h_shadow{width:80px}
89
.a3rev_panel_container .a3rev-ui-box_shadow-v_shadow{width:80px}
90
.a3rev_panel_container .a3rev-ui-box_shadow-blur{width:80px}
91
.a3rev_panel_container .a3rev-ui-box_shadow-spread{width:80px}
92
.a3rev_panel_container .a3rev-ui-box_shadow-enable-container{margin-top:10px}
93
- .a3rev_panel_container .forminp-box_shadow .a3rev-ui-settings-control .iPhoneCheckContainer,.a3rev_panel_container .forminp-box_shadow .a3rev-ui-settings-control .iOSCheckContainer{float:none;display:inline-block;margin-top:0;top:-12px;margin-right:0}
94
- .a3rev_panel_container .forminp-box_shadow .a3rev-ui-settings-control .iPhoneCheckContainer .iPhoneCheckLabelOff,.a3rev_panel_container .forminp-box_shadow .a3rev-ui-settings-control .iOSCheckContainer .iOSCheckLabelOff{background:#569aef;background:-moz-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#468be0),color-stop(50%,#569aef),color-stop(52%,#6aa7f6),color-stop(100%,#82b3f5));background:-webkit-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:-o-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:-ms-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:linear-gradient(#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468be0',endColorstr='#82b3f5',GradientType=0);box-shadow:0 1px 2px 0 rgba(0,0,0,0.5) inset,0 1px 0 0 rgba(250,250,250,0.5);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.5) inset,0 1px 0 0 rgba(250,250,250,0.5);border:1px solid #666;border-radius:5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;color:#FFF;text-shadow:0 0 2px rgba(0,0,0,0.6)}
95
.a3rev_panel_container .a3rev-ui-upload{width:300px;height:24px}
96
.a3rev_panel_container .a3rev-ui-slide-container{white-space:nowrap;float:left}
97
.a3rev_panel_container .a3rev-ui-slide-container-start{padding-left:12px;margin-bottom:15px;margin-right:20px;float:left}
98
.a3rev_panel_container .a3rev-ui-slide-result-container{float:left;white-space:nowrap}
99
- .a3rev_panel_container .a3rev-ui-slide{background:#ededed;background:-moz-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#fff 100%);background:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#ededed),color-stop(50%,#ededed),color-stop(52%,#f7f6f6),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#fff 100%);background:-o-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#fff 100%);background:-ms-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#fff 100%);background:linear-gradient(#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc',endColorstr='#ffffff',GradientType=0);border:1px solid #d0d0d9;border-radius:3px;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px;height:10px;width:220px;position:relative;float:left;margin-top:4px}
100
- .a3rev_panel_container .a3rev-ui-slide .ui-slider-handle{background:#569aef;background:-moz-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%);background:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#bcbcbc),color-stop(50%,#d5d5d5),color-stop(52%,#d8d8d8),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%);background:-o-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%);background:-ms-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%);background:linear-gradient(#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc',endColorstr='#efefef',GradientType=0);box-shadow:0 1px 0 0 #FFF inset;-webkit-box-shadow:0 1px 0 0 #FFF inset;border:1px solid #999;border-radius:3px;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px;position:absolute;z-index:2;width:22px;height:23px;cursor:pointer;font-weight:700;color:#1C94C4;outline:none;top:-8px;margin-left:-11px}
101
- .a3rev_panel_container .a3rev-ui-slide .ui-slider-range{background:#569aef;background:-moz-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#468be0),color-stop(50%,#569aef),color-stop(52%,#6aa7f6),color-stop(100%,#82b3f5));background:-webkit-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:-o-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:-ms-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);background:linear-gradient(#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468be0',endColorstr='#82b3f5',GradientType=0);box-shadow:0 1px 2px 0 rgba(0,0,0,0.5) inset,0 1px 0 0 rgba(250,250,250,0.5);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.5) inset,0 1px 0 0 rgba(250,250,250,0.5);border:1px solid #255399;border-radius:3px;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px;position:absolute;top:-1px;height:100%}
102
.a3rev_panel_container .a3rev-ui-slider{float:left;width:50px;padding:3px;margin-top:-1px}
103
.a3rev_panel_container .a3rev-ui-array_textfields{width:40px}
104
.a3rev_panel_container .forminp-onoff_radio ul{float:left;width:100%;margin:0}
105
.a3rev_panel_container .forminp-onoff_radio li{float:left;width:100%;padding-top:10px}
106
- .a3rev_panel_container .forminp-onoff_radio .iPhoneCheckDisabled,.a3rev_panel_container .forminp-onoff_radio .iOSCheckDisabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
107
- .a3rev_panel_container .iPhoneCheckContainer,.a3rev_panel_container .iOSCheckContainer{position:relative;height:25px;cursor:pointer;margin-right:10px;float:left;margin-top:-3px}
108
- .a3rev_panel_container .iPhoneCheckContainer input,.a3rev_panel_container .iOSCheckContainer input{display:none}
109
- .a3rev_panel_container .iPhoneCheckContainer label,.a3rev_panel_container .iOSCheckContainer label{white-space:nowrap;font-size:14px;line-height:24px;font-weight:700;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;cursor:pointer;display:block;position:absolute;width:auto;top:0;overflow:hidden;user-select:none;-moz-user-select:none;-khtml-user-select:none}
110
- .a3rev_panel_container label.iPhoneCheckLabelOff,.a3rev_panel_container label.iOSCheckLabelOff{background:#ededed;background:-moz-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#fff 100%);background:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#ededed),color-stop(50%,#ededed),color-stop(52%,#f7f6f6),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#fff 100%);background:-o-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#fff 10