Custom Login Page Customizer by Colorlib

Version Description

Hide logo settings if hide logo is toggled on
Add option to use both image logo and text

Release Info

Developer	giucu91
Plugin	Custom Login Page Customizer by Colorlib
Version	1.2.97
Comparing to
See all releases

Code changes from version 1.2.96 to 1.2.97

Files changed (12) hide show

assets/css/clc-customizer-previewer.css +2 -2
assets/css/clc-customizer.css +4 -0
assets/js/clc-customizer.js +399 -307
assets/js/clc-preview.js +75 -19
colorlib-login-customizer.php +4 -3
includes/class-colorlib-login-customizer-backwards-compatibility.php +87 -0
includes/class-colorlib-login-customizer.php +8 -5
includes/lib/class-colorlib-login-customizer-css-customization.php +93 -20
includes/lib/class-colorlib-login-customizer-customizer.php +68 -75
includes/login-template.php +4 -4
languages/colorlib-login-customizer.po +139 -131
readme.txt +6 -2

assets/css/clc-customizer-previewer.css CHANGED Viewed

	@@ -33,9 +33,9 @@
33	left: -15px;
34	top: -15px;
35	}
36	- .login h1 a #logo-text {
37	display: none;
38	}
39	- .login.clc-text-logo h1 a #logo-text {
40	display: block;
41	}


33	left: -15px;
34	top: -15px;
35	}
36	+ .login:not(.clc-both-logo) h1 a #logo-text {
37	display: none;
38	}
39	+ .login.clc-text-logo h1 a #logo-text{
40	display: block;
41	}

assets/css/clc-customizer.css CHANGED Viewed

	@@ -1,3 +1,7 @@




1	.customize-control-clc-range-slider input[type="text"] {
2	border: none;
3	text-align: center;


1	+ #sub-accordion-section-clc_logo select {
2	+ max-width:100%;
3	+ }
4	+
5	.customize-control-clc-range-slider input[type="text"] {
6	border: none;
7	text-align: center;

assets/js/clc-customizer.js CHANGED Viewed

@@ -1,301 +1,365 @@
-            -
            ( function( $ ) {
-            -
                'use strict';
-            -
-            -
                if ( 'undefined' !== typeof( wp ) && 'undefined' !== typeof( wp.customize ) ) {
-            -
-            -
                    // Detect when the templates section is expanded (or closed) so we can hide the templates shortcut when it's open.
-            -
                    wp.customize.panel( 'clc_main_panel', function( section ) {
-            -
                        section.expanded.bind( function( isExpanding ) {
-            -
                            var loginURL = CLCUrls.siteurl + '?colorlib-login-customizer-customization=true';
-            -
-            -
                            // Value of isExpanding will = true if you're entering the section, false if you're leaving it.
-            -
                            if ( isExpanding ) {
-            -
                                wp.customize.previewer.previewUrl.set( loginURL );
-            -
                            } else {
-            -
                                wp.customize.previewer.previewUrl.set( CLCUrls.siteurl );
-            -
                            }
-            -
                        });
-            -
                    });
-            -
-            -
                    wp.customize.section( 'clc_register-form', function( section ) {
-            -
                        section.expanded.bind( function( isExpanding ) {
-            -
                            // Value of isExpanding will = true if you're entering the section, false if you're leaving it.
-            -
                            if ( isExpanding ) {
-            -
                                wp.customize.previewer.send( 'change-form', 'register' );
-            -
                            } else {
-            -
                                wp.customize.previewer.send( 'change-form', 'login' );
-            -
                            }
-            -
                        });
-            -
                    });
-            -
-            -
                    wp.customize.section( 'clc_lostpassword-form', function( section ) {
-            -
                        section.expanded.bind( function( isExpanding ) {
-            -
                            // Value of isExpanding will = true if you're entering the section, false if you're leaving it.
-            -
                            if ( isExpanding ) {
-            -
                                wp.customize.previewer.send( 'change-form', 'lostpassword' );
-            -
                            } else {
-            -
                                wp.customize.previewer.send( 'change-form', 'login' );
-            -
                            }
-            -
                        });
-            -
                    });
-            -
-            -
                    wp.customize.controlConstructor['clc-templates'] = wp.customize.Control.extend({
-            -
                        ready: function() {
-            -
                            var control = this;
-            -
-            -
                            this.container.on( 'change', 'input:radio', function() {
-            -
                                var template = $( this ).val();
-            -
-            -
                                control.loadTemplate( 'default' );
-            -
-            -
                                if ( 'default' !== template ) {
-            -
                                    control.loadTemplate( template );
-            -
                                }
-            -
-            -
                            });
-            -
                        },
-            -
                        loadTemplate: function( optionName ) {
-            -
                            var control = this,
-            -
                                options = control.params.options[ optionName ];
-            -
-            -
                            $.each( options, function( index, option ) {
-            -
                                var currentControl = wp.customize.control( option.name );
-            -
-            -
                                if ( 'default' === optionName ) {
-            -
                                    currentControl.setting( option.value );
-            -
                                } else {
-            -
                                    currentControl.setting( option.value );
-            -
                                }
-            -
-            -
                            });
-            -
                        }
-            -
                    });
-            -
-            -
                    wp.customize.controlConstructor['clc-range-slider'] = wp.customize.Control.extend({
-            -
                        ready: function() {
-            -
                            var control = this,
-            -
                                controlField = control.container.find( 'input.clc-slider' ),
-            -
                                controlSlider = control.container.find( 'div.clc-slider' ),
-            -
                                controlSliderData = control.params.choices,
-            -
                                updating = false;
-            -
-            -
                            controlSlider.slider({
-            -
                                range: 'min',
-            -
                                min: controlSliderData.min,
-            -
                                max: controlSliderData.max,
-            -
                                step: controlSliderData.step,
-            -
                                value: controlField.val(),
-            -
                                slide: function( event, ui ) {
-            -
                                    controlField.val( ui.value ).keyup();
-            -
                                },
-            -
                                stop: function( event, ui ) {
-            -
                                    controlField.val( ui.value );
-            -
                                    updating = true;
-            -
                                    control.setting.set( ui.value );
-            -
                                    updating = false;
-            -
                                }
-            -
                            });
-            -
-            -
                            // Whenever the setting's value changes, refresh the preview.
-            -
                            control.setting.bind( function( value ) {
-            -
-            -
                                // Bail if the update came from the control itself.
-            -
                                if ( updating ) {
-            -
                                    return;
-            -
                                }
-            -
-            -
                                controlField.val( value );
-            -
                                controlSlider.slider( 'value', value );
-            -
-            -
                            });
-            -
-            -
                        }
-            -
                    });
-            -
-            -
                    wp.customize.controlConstructor['clc-button-group'] = wp.customize.Control.extend({
-            -
                        ready: function() {
-            -
                            var control = this,
-            -
                                updating = false;
-            -
                            control.container.on( 'click', '.colorlib-login-customizer-control-group > a', function() {
-            -
                                var value = $( this ).attr( 'data-value' );
-            -
                                $( this ).siblings().removeClass( 'active' );
-            -
                                $( this ).addClass( 'active' );
-            -
                                updating = true;
-            -
                                control.setting.set( value );
-            -
                                updating = false;
-            -
                            });
-            -
                            // Whenever the setting's value changes, refresh the preview.
-            -
                            control.setting.bind( function( value ) {
-            -
                                var options = control.container.find( '.colorlib-login-customizer-control-group > a' );
-            -
                                // Bail if the update came from the control itself.
-            -
                                if ( updating ) {
-            -
                                    return;
-            -
                                }
-            -
                                options.removeClass( 'active' );
-            -
                                options.filter( '[data-value=' + value + ']' ).addClass( 'active' );
-            -
                            });
-            -
                        }
-            -
                    });
-            -
                    wp.customize.controlConstructor['clc-column-width'] = wp.customize.Control.extend({
-            -
                        ready: function() {
-            -
                            var control = this,
-            -
                                updating = false;
-            -
-            -
                            control.values = control.params.value;
-            -
-            -
                            control.container.on( 'click', '.clc-layouts-setup .clc-column > a', function() {
-            -
                                var currentAction = $( this ).data( 'action' );
-            -
-            -
                                updating = true;
-            -
                                control.updateColumns( currentAction );
-            -
                                updating = false;
-            -
                            });
-            -
-            -
                            // Whenever the setting's value changes, refresh the preview.
-            -
                            control.setting.bind( function( value ) {
-            -
-            -
                                // Bail if the update came from the control itself.
-            -
                                if ( updating ) {
-            -
                                    return;
-            -
                                }
-            -
-            -
                                control.values = value;
-            -
                                control.rederColumns();
-            -
                            });
-            -
-            -
                        },
-            -
-            -
                        updateColumns: function( increment ) {
-            -
                            var incrementElement,
-            -
                                decrementElement,
-            -
                                control = this;
-            -
-            -
                            if ( 11 === control.values[ increment ] ) {
-            -
                                return;
-            -
                            }
-            -
                            if ( 'left' == increment ) {
-            -
                                incrementElement = control.container.find( '.clc-column-left' );
-            -
                                decrementElement = control.container.find( '.clc-column-right' );
-            -
                                control.values['left']  += 1;
-            -
                                control.values['right'] -= 1;
-            -
                            }else{
-            -
                                incrementElement = control.container.find( '.clc-column-right' );
-            -
                                decrementElement = control.container.find( '.clc-column-left' );
-            -
                                control.values['right']  += 1;
-            -
                                control.values['left'] -= 1;
-            -
                            }
-            -
                            // Update control values
-            -
                            control.setting( '' );
-            -
                            control.setting( control.values );
-            -
                            control.rederColumns();
-            -
                        },
-            -
                        rederColumns: function() {
-            -
                            var control     = this,
-            -
                                leftColumn  = control.container.find( '.clc-column-left' ),
-            -
                                rightColumn = control.container.find( '.clc-column-right' ),
-            -
                                classes     = 'col12 col11 col10 col9 col8 col7 col6 col5 col4 col3 col2 col1';
-            -
-            -
                            leftColumn.removeClass( classes ).addClass( 'col' + control.values['left'] );
-            -
                            rightColumn.removeClass( classes ).addClass( 'col' + control.values['right'] );
-            -
                        }
-            -
                    });
-            -
                    wp.customize.controlConstructor['clc-color-picker'] = wp.customize.Control.extend({
-            -
                        ready: function() {
-            -
                            var control = this,
-            -
                                updating = false,
-            -
                                clear = control.container.find( 'a.clc-color-picker-default' ),
-            -
                                input = $( control.container ).find( '.clc-color-picker' );
-            -
                            input.minicolors({
-            -
                                format: 'hex',
-            -
                                opacity: true,
-            -
                                keywords: 'transparent, initial, inherit',
-            -
                                change: function( value, opacity ) {
-            -
                                    updating = true;
-            -
                                    control.setting.set( input.minicolors( 'rgbaString' ) );
-            -
                                    updating = false;
-            -
                                }
-            -
                            });
-            -
                            if ( clear.length > 0 ) {
-            -
                                clear.on( 'click', function( e ) {
-            -
                                    var defaultValue = $( this ).attr( 'data-default' );
-            -
                                    e.preventDefault();
-            -
-            -
                                    input.minicolors( 'value', defaultValue );
-            -
                                    updating = true;
-            -
                                    control.setting.set( defaultValue );
-            -
                                    updating = false;
-            -
                                });
-            -
                            }
-            -
-            -
                            // Whenever the setting's value changes, refresh the preview.
-            -
                            control.setting.bind( function( value ) {
-            -
-            -
                                // Bail if the update came from the control itself.
-            -
                                if ( updating ) {
-            -
                                    return;
-            -
                                }
-            -
                                input.minicolors( 'value', value );
-            -
-            -
                            });
-            -
                        }
-            -
                    });
-            -
-            -
                    // Listen for previewer events
-            -
                    wp.customize.bind( 'ready', function() {
-            -
                        wp.customize.previewer.bind( 'clc-focus-section', function( sectionName ) {
-            -
                            var section = wp.customize.section( sectionName );
-            -
-            -
                            if ( undefined !== section ) {
-            -
                                section.focus();
-            -
                            }
-            -
                        });
-            -
-            -
                        wp.customize( 'clc-options[columns]', function( value ) {
-            -
                            value.bind( function( to ) {
-            -
                                var alignControl = wp.customize.control( 'clc-options[form-column-align]' ),
-            -
                                    backgroundControl = wp.customize.control( 'clc-options[custom-background-form]' ),
-            -
                                    columnsWidthControl = wp.customize.control( 'clc-options[columns-width]' ),
-            -
                                    backgroundColorControl = wp.customize.control( 'clc-options[custom-background-color-form]' );
-            -
-            -
                                if ( '2' === to ) {
-            -
                                    alignControl.toggle( true );
-            -
                                    backgroundControl.toggle( true );
-            -
                                    backgroundColorControl.toggle( true );
-            -
                                    columnsWidthControl.toggle( true );
-            -
                                } else {
-            -
                                    alignControl.toggle( false );
-            -
                                    backgroundControl.toggle( false );
-            -
                                    backgroundColorControl.toggle( false );
-            -
                                    columnsWidthControl.toggle( false );
-            -
                                }
-            -
                            });
-            -
            			});
             			// validation for the login-level setting
             			wp.customize( 'clc-options[login-label]', function ( setting ) {
@@ -303,8 +367,8 @@
             					var code, notification;
             					code = 'required';
-            -
            					if ( ! value ) {
-            -
            						notification = new wp.customize.Notification( code, {message: 'value is empty' } );
             						setting.notifications.add( code, notification );
             					} else {
             						setting.notifications.remove( code );
@@ -314,36 +378,64 @@
             				};
             			} );
-            -
                        wp.customize( 'clc-options[use-text-logo]', function( value ) {
-            -
                            value.bind( function( to ) {
-            -
                                var logoTextColor      = wp.customize.control( 'clc-options[logo-text-color]' ),
-            -
                                    logoTextColorHover = wp.customize.control( 'clc-options[logo-text-color-hover]' ),
-            -
                                    logoTextSize       = wp.customize.control( 'clc-options[logo-text-size]' ),
-            -
                                    logoImage          = wp.customize.control( 'clc-options[custom-logo]' ),
-            -
                                    logoWidth          = wp.customize.control( 'clc-options[logo-width]' ),
-            -
                                    logoHeight         = wp.customize.control( 'clc-options[logo-height]' )
-            -
-            -
                                if ( '1' == to ) {
-            -
                                    logoTextColor.toggle( true );
-            -
                                    logoTextColorHover.toggle( true );
-            -
                                    logoTextSize.toggle( true );
-            -
-            -
                                    logoImage.toggle( false );
-            -
                                    logoWidth.toggle( false );
-            -
                                    logoHeight.toggle( false );
-            -
                                }else{
-            -
                                    logoTextColor.toggle( false );
-            -
                                    logoTextColorHover.toggle( false );
-            -
                                    logoTextSize.toggle( false );
-            -
-            -
                                    logoImage.toggle( true );
-            -
                                    logoWidth.toggle( true );
-            -
                                    logoHeight.toggle( true );
-            -
                                }
-            -
                            });
-            -
                        });
-            -
-            -
                    });
-            -
-            -
                }
-            -
            })( jQuery );


1	+ ( function ( $ ) {
2	+ 'use strict';
3	+
4	+ if ( 'undefined' !== typeof ( wp ) && 'undefined' !== typeof ( wp.customize ) ) {
5	+
6	+ // Detect when the templates section is expanded (or closed) so we can hide the templates shortcut when it's open.
7	+ wp.customize.panel( 'clc_main_panel', function ( section ) {
8	+ section.expanded.bind( function ( isExpanding ) {
9	+ var loginURL = CLCUrls.siteurl + '?colorlib-login-customizer-customization=true';
10	+
11	+ // Value of isExpanding will = true if you're entering the section, false if you're leaving it.
12	+ if ( isExpanding ) {
13	+ wp.customize.previewer.previewUrl.set( loginURL );
14	+ } else {
15	+ wp.customize.previewer.previewUrl.set( CLCUrls.siteurl );
16	+ }
17	+ } );
18	+ } );
19	+
20	+ wp.customize.section( 'clc_logo', function ( section ) {
21	+ section.expanded.bind( function ( isExpanding ) {
22	+ // Value of isExpanding will = true if you're entering the section, false if you're leaving it.
23	+ if ( isExpanding ) {
24	+ var logoTextColor = wp.customize.control( 'clc-options[logo-text-color]' ),
25	+ logoTextColorHover = wp.customize.control( 'clc-options[logo-text-color-hover]' ),
26	+ logoTextSize = wp.customize.control( 'clc-options[logo-text-size]' ),
27	+ logoImage = wp.customize.control( 'clc-options[custom-logo]' ),
28	+ logoWidth = wp.customize.control( 'clc-options[logo-width]' ),
29	+ logoHeight = wp.customize.control( 'clc-options[logo-height]' ),
30	+ logoTitle = wp.customize.control( 'clc-options[logo-title]' ),
31	+ logoURL = wp.customize.control( 'clc-options[logo-url]' ),
32	+ logo_type = wp.customize.control( 'clc-options[logo-settings]' );
33	+
34	+ if ( 'hide-logo' === logo_type.settings.default._value ) {
35	+ logoTextColor.toggle( false );
36	+ logoTextColorHover.toggle( false );
37	+ logoTextSize.toggle( false );
38	+ logoImage.toggle( false );
39	+ logoWidth.toggle( false );
40	+ logoHeight.toggle( false );
41	+ logoURL.toggle( false );
42	+ logoTitle.toggle( false );
43	+
44	+ return;
45	+
46	+ } else {
47	+ logoTitle.toggle( true );
48	+ }
49	+
50	+ if ( 'show-text-only' === logo_type.settings.default._value ) {
51	+ logoTextColor.toggle( true );
52	+ logoTextColorHover.toggle( true );
53	+ logoTextSize.toggle( true );
54	+ logoURL.toggle( true );
55	+
56	+ logoImage.toggle( false );
57	+ logoWidth.toggle( false );
58	+ logoHeight.toggle( false );
59	+ } else if ( 'show-image-ony' === logo_type.settings.default._value ) {
60	+ logoTextColor.toggle( false );
61	+ logoTextColorHover.toggle( false );
62	+ logoTextSize.toggle( false );
63	+
64	+ logoURL.toggle( true );
65	+ logoImage.toggle( true );
66	+ logoWidth.toggle( true );
67	+ logoHeight.toggle( true );
68	+ } else {
69	+ logoTextColor.toggle( true );
70	+ logoTextColorHover.toggle( true );
71	+ logoTextSize.toggle( true );
72	+ logoImage.toggle( true );
73	+ logoWidth.toggle( true );
74	+ logoHeight.toggle( true );
75	+ logoURL.toggle( true );
76	+ }
77	+ } else {
78	+
79	+ }
80	+ } );
81	+ } );
82	+
83	+ wp.customize.section( 'clc_register-form', function ( section ) {
84	+ section.expanded.bind( function ( isExpanding ) {
85	+ // Value of isExpanding will = true if you're entering the section, false if you're leaving it.
86	+ if ( isExpanding ) {
87	+ wp.customize.previewer.send( 'change-form', 'register' );
88	+ } else {
89	+ wp.customize.previewer.send( 'change-form', 'login' );
90	+ }
91	+ } );
92	+ } );
93	+
94	+ wp.customize.section( 'clc_lostpassword-form', function ( section ) {
95	+ section.expanded.bind( function ( isExpanding ) {
96	+ // Value of isExpanding will = true if you're entering the section, false if you're leaving it.
97	+ if ( isExpanding ) {
98	+ wp.customize.previewer.send( 'change-form', 'lostpassword' );
99	+ } else {
100	+ wp.customize.previewer.send( 'change-form', 'login' );
101	+ }
102	+ } );
103	+ } );
104	+
105	+ wp.customize.controlConstructor['clc-templates'] = wp.customize.Control.extend( {
106	+ ready: function () {
107	+ var control = this;
108	+
109	+ this.container.on( 'change', 'input:radio', function () {
110	+ var template = $( this ).val();
111	+
112	+ control.loadTemplate( 'default' );
113	+
114	+ if ( 'default' !== template ) {
115	+ control.loadTemplate( template );
116	+ }
117	+
118	+ } );
119	+ },
120	+ loadTemplate: function ( optionName ) {
121	+ var control = this,
122	+ options = control.params.options[optionName];
123	+
124	+ $.each( options, function ( index, option ) {
125	+ var currentControl = wp.customize.control( option.name );
126	+
127	+ if ( 'default' === optionName ) {
128	+ currentControl.setting( option.value );
129	+ } else {
130	+ currentControl.setting( option.value );
131	+ }
132	+
133	+ } );
134	+ }
135	+ } );
136	+
137	+ wp.customize.controlConstructor['clc-range-slider'] = wp.customize.Control.extend( {
138	+ ready: function () {
139	+ var control = this,
140	+ controlField = control.container.find( 'input.clc-slider' ),
141	+ controlSlider = control.container.find( 'div.clc-slider' ),
142	+ controlSliderData = control.params.choices,
143	+ updating = false;
144	+
145	+ controlSlider.slider( {
146	+ range: 'min',
147	+ min: controlSliderData.min,
148	+ max: controlSliderData.max,
149	+ step: controlSliderData.step,
150	+ value: controlField.val(),
151	+ slide: function ( event, ui ) {
152	+ controlField.val( ui.value ).keyup();
153	+ },
154	+ stop: function ( event, ui ) {
155	+ controlField.val( ui.value );
156	+ updating = true;
157	+ control.setting.set( ui.value );
158	+ updating = false;
159	+ }
160	+ } );
161	+
162	+ // Whenever the setting's value changes, refresh the preview.
163	+ control.setting.bind( function ( value ) {
164	+
165	+ // Bail if the update came from the control itself.
166	+ if ( updating ) {
167	+ return;
168	+ }
169	+
170	+ controlField.val( value );
171	+ controlSlider.slider( 'value', value );
172	+
173	+ } );
174	+
175	+ }
176	+ } );
177	+
178	+ wp.customize.controlConstructor['clc-button-group'] = wp.customize.Control.extend( {
179	+ ready: function () {
180	+ var control = this,
181	+ updating = false;
182	+ control.container.on( 'click', '.colorlib-login-customizer-control-group > a', function () {
183	+ var value = $( this ).attr( 'data-value' );
184	+ $( this ).siblings().removeClass( 'active' );
185	+ $( this ).addClass( 'active' );
186	+
187	+ updating = true;
188	+ control.setting.set( value );
189	+ updating = false;
190	+ } );
191	+
192	+ // Whenever the setting's value changes, refresh the preview.
193	+ control.setting.bind( function ( value ) {
194
195	+ var options = control.container.find( '.colorlib-login-customizer-control-group > a' );



196
197	+ // Bail if the update came from the control itself.
198	+ if ( updating ) {
199	+ return;
200	+ }
201	+
202	+ options.removeClass( 'active' );
203	+ options.filter( '[data-value=' + value + ']' ).addClass( 'active' );
204	+
205	+ } );
206	+
207	+ }
208	+ } );
209	+
210	+ wp.customize.controlConstructor['clc-column-width'] = wp.customize.Control.extend( {
211	+ ready: function () {
212	+ var control = this,
213	+ updating = false;
214	+
215	+ control.values = control.params.value;
216	+
217	+ control.container.on( 'click', '.clc-layouts-setup .clc-column > a', function () {
218	+ var currentAction = $( this ).data( 'action' );
219	+
220	+ updating = true;
221	+ control.updateColumns( currentAction );
222	+ updating = false;
223
224	+ } );
225
226	+ // Whenever the setting's value changes, refresh the preview.
227	+ control.setting.bind( function ( value ) {


228
229	+ // Bail if the update came from the control itself.
230	+ if ( updating ) {
231	+ return;
232	+ }
233	+
234	+ control.values = value;
235	+ control.rederColumns();
236	+
237	+ } );
238	+
239	+ },
240
241	+ updateColumns: function ( increment ) {
242	+ var incrementElement,
243	+ decrementElement,
244	+ control = this;
245
246	+ if ( 11 === control.values[increment] ) {
247	+ return;
248	+ }
249
250	+ if ( 'left' == increment ) {
251	+ incrementElement = control.container.find( '.clc-column-left' );
252	+ decrementElement = control.container.find( '.clc-column-right' );










253
254	+ control.values['left'] += 1;
255	+ control.values['right'] -= 1;










256
257	+ } else {
258	+ incrementElement = control.container.find( '.clc-column-right' );
259	+ decrementElement = control.container.find( '.clc-column-left' );









260
261	+ control.values['right'] += 1;
262	+ control.values['left'] -= 1;

263
264	+ }

265
266	+ // Update control values
267	+ control.setting( '' );
268	+ control.setting( control.values );
269
270	+ control.rederColumns();

271
272	+ },
273
274	+ rederColumns: function () {
275	+ var control = this,
276	+ leftColumn = control.container.find( '.clc-column-left' ),
277	+ rightColumn = control.container.find( '.clc-column-right' ),
278	+ classes = 'col12 col11 col10 col9 col8 col7 col6 col5 col4 col3 col2 col1';
279
280	+ leftColumn.removeClass( classes ).addClass( 'col' + control.values['left'] );
281	+ rightColumn.removeClass( classes ).addClass( 'col' + control.values['right'] );
282
283	+ }
284








285
286	+ } );
287	+
288	+ wp.customize.controlConstructor['clc-color-picker'] = wp.customize.Control.extend( {
289	+ ready: function () {
290	+ var control = this,
291	+ updating = false,
292	+ clear = control.container.find( 'a.clc-color-picker-default' ),
293	+ input = $( control.container ).find( '.clc-color-picker' );
294	+
295	+ input.minicolors( {
296	+ format: 'hex',
297	+ opacity: true,
298	+ keywords: 'transparent, initial, inherit',
299	+ change: function ( value, opacity ) {
300	+ updating = true;
301	+ control.setting.set( input.minicolors( 'rgbaString' ) );
302	+ updating = false;
303	+ }
304	+ } );
305	+
306	+ if ( clear.length > 0 ) {
307	+ clear.on( 'click', function ( e ) {
308	+ var defaultValue = $( this ).attr( 'data-default' );
309	+ e.preventDefault();
310	+
311	+ input.minicolors( 'value', defaultValue );
312	+ updating = true;
313	+ control.setting.set( defaultValue );
314	+ updating = false;
315	+ } );
316	+ }
317	+
318	+ // Whenever the setting's value changes, refresh the preview.
319	+ control.setting.bind( function ( value ) {
320	+
321	+ // Bail if the update came from the control itself.
322	+ if ( updating ) {
323	+ return;
324	+ }
325	+ input.minicolors( 'value', value );
326	+
327	+ } );
328	+ }
329	+ } );
330
331	+ // Listen for previewer events
332	+ wp.customize.bind( 'ready', function () {
333
334	+ wp.customize.previewer.bind( 'clc-focus-section', function ( sectionName ) {
335	+ var section = wp.customize.section( sectionName );
336
337	+ if ( undefined !== section ) {
338	+ section.focus();
339	+ }
340	+ } );
341
342	+ wp.customize( 'clc-options[columns]', function ( value ) {





343
344	+ value.bind( function ( to ) {
345	+ var alignControl = wp.customize.control( 'clc-options[form-column-align]' ),
346	+ backgroundControl = wp.customize.control( 'clc-options[custom-background-form]' ),
347	+ columnsWidthControl = wp.customize.control( 'clc-options[columns-width]' ),
348	+ backgroundColorControl = wp.customize.control( 'clc-options[custom-background-color-form]' );





349
350	+ if ( '2' === to ) {
351	+ alignControl.toggle( true );
352	+ backgroundControl.toggle( true );
353	+ backgroundColorControl.toggle( true );
354	+ columnsWidthControl.toggle( true );
355	+ } else {
356	+ alignControl.toggle( false );
357	+ backgroundControl.toggle( false );
358	+ backgroundColorControl.toggle( false );
359	+ columnsWidthControl.toggle( false );
360	+ }
361	+ } );
362	+ } );










































363
364	// validation for the login-level setting
365	wp.customize( 'clc-options[login-label]', function ( setting ) {

367	var code, notification;
368
369	code = 'required';
370	+ if ( !value ) {
371	+ notification = new wp.customize.Notification( code, { message: 'value is empty' } );
372	setting.notifications.add( code, notification );
373	} else {
374	setting.notifications.remove( code );

378	};
379	} );
380
381	+ wp.customize( 'clc-options[logo-settings]', function ( setting ) {
382	+
383	+ setting.bind( function ( value ) {
384	+
385	+ var logoTextColor = wp.customize.control( 'clc-options[logo-text-color]' ),
386	+ logoTextColorHover = wp.customize.control( 'clc-options[logo-text-color-hover]' ),
387	+ logoTextSize = wp.customize.control( 'clc-options[logo-text-size]' ),
388	+ logoImage = wp.customize.control( 'clc-options[custom-logo]' ),
389	+ logoWidth = wp.customize.control( 'clc-options[logo-width]' ),
390	+ logoHeight = wp.customize.control( 'clc-options[logo-height]' ),
391	+ logoTitle = wp.customize.control( 'clc-options[logo-title]' ),
392	+ logoURL = wp.customize.control( 'clc-options[logo-url]' );
393	+
394	+ if ( 'hide-logo' === value ) {
395	+ logoTextColor.toggle( false );
396	+ logoTextColorHover.toggle( false );
397	+ logoTextSize.toggle( false );
398	+ logoImage.toggle( false );
399	+ logoWidth.toggle( false );
400	+ logoHeight.toggle( false );
401	+ logoURL.toggle( false );
402	+ logoTitle.toggle( false );
403	+
404	+ return;
405	+
406	+ } else {
407	+ logoTitle.toggle( true );
408	+ }
409	+
410	+ if ( 'show-text-only' === value ) {
411	+ logoTextColor.toggle( true );
412	+ logoTextColorHover.toggle( true );
413	+ logoTextSize.toggle( true );
414	+ logoURL.toggle( true );
415	+
416	+ logoImage.toggle( false );
417	+ logoWidth.toggle( false );
418	+ logoHeight.toggle( false );
419	+ } else if ( 'show-image-ony' === value ) {
420	+ logoTextColor.toggle( false );
421	+ logoTextColorHover.toggle( false );
422	+ logoTextSize.toggle( false );
423	+
424	+ logoURL.toggle( true );
425	+ logoImage.toggle( true );
426	+ logoWidth.toggle( true );
427	+ logoHeight.toggle( true );
428	+ } else {
429	+ logoTextColor.toggle( true );
430	+ logoTextColorHover.toggle( true );
431	+ logoTextSize.toggle( true );
432	+ logoImage.toggle( true );
433	+ logoWidth.toggle( true );
434	+ logoHeight.toggle( true );
435	+ logoURL.toggle( true );
436	+ }
437	+ } );
438	+ } );
439	+ } );
440	+ }
441	+ } )( jQuery );

assets/js/clc-preview.js CHANGED Viewed

	@@ -39,7 +39,7 @@
39	generateCSSLine: function( option ) {
40	var line = this.settings[ option ].attribute + ':';
41
42	- if ( '' === this.settings[ option ].value ) {
43	return '';
44	}
45	if ( undefined === this.settings[ option ].attribute \|\| undefined === this.settings[ option ].value ) {
	@@ -48,13 +48,28 @@
48
49	if ( $.inArray( this.settings[ option ].attribute, [ 'width', 'min-width', 'max-width', 'background-size', 'height', 'min-height', 'max-height', 'font-size' ] ) >= 0 ) {
50	line += this.settings[ option ].value + 'px';
51	- ~~}else if ( 'background-image' === this.settings[ option ].attribute ) {~~
52	- ~~line~~ += ~~'url~~(' + this.settings[ option ].~~value~~ + ~~')';~~
53	- ~~}else~~ if ( ~~'display' ===~~ this.settings[ option ].~~attribute~~ ) {
54	- if ( this.settings[ option ].value ) {
55	- ~~line~~ += ~~'none';~~











56	} else {
57	- ~~line~~ += '~~block~~';




58	}
59	} else {
60	line += this.settings[ option ].value;
	@@ -79,17 +94,20 @@
79	} );
80	} );
81
82	- // ~~Add~~ ~~class~~ if we ~~have~~ ~~text~~ ~~logo~~
83	- wp.customize( 'clc-options[~~use~~-~~text-logo~~]', function( ~~value~~ ) {
84	- ~~value~~.bind( function( to ) {
85	- if ( to ) {
86	- $( 'body' ).addClass( 'clc-text-logo' );


87	} else {
88	- $( 'body' ).removeClass( 'clc-text-logo' );
89	}
90	} );
91	} );
92

93	wp.customize( 'clc-options[logo-title]', function( value ) {
94	value.bind( function( to ) {
95	$( '#logo-text' ).text( to );
	@@ -106,24 +124,21 @@
106	/* Column Align */
107	wp.customize( 'clc-options[form-column-align]', function( value ) {
108	value.bind( function( to ) {
109	- $( 'body' ).removeClass( 'ml-login-align-1 ml-login-align-2 ml-login-align-3 ml-login-align-4' );
110	- $( 'body' ).addClass( 'ml-login-align-' + to );
111	} );
112	} );
113
114	/* Column Vertical Align */
115	wp.customize( 'clc-options[form-vertical-align]', function( value ) {
116	value.bind( function( to ) {
117	- $( 'body' ).removeClass( 'ml-login-vertical-align-1 ml-login-vertical-align-2 ml-login-vertical-align-3' );
118	- $( 'body' ).addClass( 'ml-login-vertical-align-' + to );
119	} );
120	} );
121
122	/* Column Horizontal Align */
123	wp.customize( 'clc-options[form-horizontal-align]', function( value ) {
124	value.bind( function( to ) {
125	- $( 'body' ).removeClass( 'ml-login-horizontal-align-1 ml-login-horizontal-align-2 ml-login-horizontal-align-3' );
126	- $( 'body' ).addClass( 'ml-login-horizontal-align-' + to );
127	} );
128	} );
129
	@@ -238,6 +253,47 @@
238	} );
239	} );
240









































241	// Lost password button text
242	wp.customize( 'clc-options[lostpassword-button-label]', function( value ) {
243	value.bind( function( to ) {


39	generateCSSLine: function( option ) {
40	var line = this.settings[ option ].attribute + ':';
41
42	+ if ( '' === this.settings[ option ].value && 'custom-logo' !== option ) {
43	return '';
44	}
45	if ( undefined === this.settings[ option ].attribute \|\| undefined === this.settings[ option ].value ) {

48
49	if ( $.inArray( this.settings[ option ].attribute, [ 'width', 'min-width', 'max-width', 'background-size', 'height', 'min-height', 'max-height', 'font-size' ] ) >= 0 ) {
50	line += this.settings[ option ].value + 'px';
51	+
52	+ } else if ( 'background-image' === this.settings[option].attribute ) {
53	+ if ( this.settings[option].value.length ) {
54	+ line += 'url(' + this.settings[option].value + ') !important;';
55	+ } else {
56	+ line += 'url(wp-admin/images/wordpress-logo.svg) !important;';
57	+ }
58	+ } else if ( 'display' === this.settings[option].attribute ) {
59	+ // We replaced toggle with select so we need to make sure
60	+ // h1 displays correctly
61	+ if ( 'clc-options[logo-settings]' != this.settings[option].name ) {
62	+ if ( this.settings[option].value ) {
63	+ line += 'none';
64	+ } else {
65	+ line += 'block';
66	+ }
67	} else {
68	+ if ( 'hide-logo' === this.settings[option].value ) {
69	+ line += 'none';
70	+ } else {
71	+ line += 'block';
72	+ }
73	}
74	} else {
75	line += this.settings[ option ].value;

94	} );
95	} );
96
97	+ // Change classes base on what logo settings are enabled
98	+ wp.customize( 'clc-options[logo-settings]', function ( settings ) {
99	+ settings.bind( function ( value ) {
100	+ if ( 'show-text-only' === value ) {
101	+ $( 'body' ).removeClass( 'clc-both-logo' ).addClass( 'clc-text-logo' );
102	+ } else if ( 'use-both' === value ) {
103	+ $( 'body' ).removeClass( 'clc-text-logo' ).addClass( 'clc-both-logo' );
104	} else {
105	+ $( 'body' ).removeClass( 'clc-text-logo clc-both-logo');
106	}
107	} );
108	} );
109
110	+
111	wp.customize( 'clc-options[logo-title]', function( value ) {
112	value.bind( function( to ) {
113	$( '#logo-text' ).text( to );

124	/* Column Align */
125	wp.customize( 'clc-options[form-column-align]', function( value ) {
126	value.bind( function( to ) {
127	+ $( 'body' ).removeClass( 'ml-login-align-1 ml-login-align-2 ml-login-align-3 ml-login-align-4' ).addClass( 'ml-login-align-' + to );

128	} );
129	} );
130
131	/* Column Vertical Align */
132	wp.customize( 'clc-options[form-vertical-align]', function( value ) {
133	value.bind( function( to ) {
134	+ $( 'body' ).removeClass( 'ml-login-vertical-align-1 ml-login-vertical-align-2 ml-login-vertical-align-3' ).addClass( 'ml-login-vertical-align-' + to );

135	} );
136	} );
137
138	/* Column Horizontal Align */
139	wp.customize( 'clc-options[form-horizontal-align]', function( value ) {
140	value.bind( function( to ) {
141	+ $( 'body' ).removeClass( 'ml-login-horizontal-align-1 ml-login-horizontal-align-2 ml-login-horizontal-align-3' ).addClass( 'ml-login-horizontal-align-' + to );

142	} );
143	} );
144

253	} );
254	} );
255
256	+ // Logo width
257	+ wp.customize( 'clc-options[logo-width]', function ( value ) {
258	+
259	+ value.bind( function ( to ) {
260	+ if ( !to ) {
261	+ return;
262	+ }
263	+
264	+
265	+ var h_size = wp.customize( 'clc-options[logo-height]' )._value + 'px ';
266	+ var pad_t = ( 30 + parseInt(wp.customize( 'clc-options[logo-height]' )._value) ) + 'px ';
267	+ var mar_top = ( 0 - (30 + parseInt(wp.customize( 'clc-options[logo-height]' )._value) )) + 'px ';
268	+ var w_size = to + 'px ';
269	+
270	+ $( '.login.clc-both-logo h1 a' ).css( {
271	+ 'margin-top': mar_top,
272	+ 'background-size': w_size + h_size,
273	+ 'padding-top': pad_t
274	+ } );
275	+ } );
276	+ } );
277	+
278	+ // Logo height
279	+ wp.customize( 'clc-options[logo-height]', function ( value ) {
280	+
281	+ value.bind( function ( to ) {
282	+ if ( !to ) {
283	+ return;
284	+ }
285	+
286	+ var w_size = wp.customize( 'clc-options[logo-width]' )._value + 'px ';
287	+ var h_size = to + 'px';
288	+
289	+ $( '.login.clc-both-logo h1 a' ).css( {
290	+ 'margin-top': ( 0 - (30 + parseInt(to)) ) + 'px',
291	+ 'background-size': w_size + h_size,
292	+ 'padding-top': ( 30 + parseInt(to) ) + 'px'
293	+ } );
294	+ } );
295	+ } );
296	+
297	// Lost password button text
298	wp.customize( 'clc-options[lostpassword-button-label]', function( value ) {
299	value.bind( function( to ) {

colorlib-login-customizer.php CHANGED Viewed

	@@ -1,11 +1,11 @@
1	<?php
2	/**
3	* Plugin Name: Colorlib Login Customizer
4	- * Version: 1.2.96
5	* Description: Colorlib Login Customizer is an awesome and intuitive plugin that helps you personalize your login form directly from the Customizer. The plugin fully supports the Live Customizer feature and you can see all the changes in real time and edit them.
6	* Author: Colorlib
7	* Author URI: https://colorlib.com/
8	- * Tested up to: 5.3
9	* Requires: 4.6 or higher
10	* License: GPLv3 or later
11	* License URI: http://www.gnu.org/licenses/gpl-3.0.html
	@@ -39,6 +39,7 @@ define( 'COLORLIB_LOGIN_CUSTOMIZER_SITE', rtrim( ABSPATH, '\\/' ) );
39
40	// Load plugin class files
41	require_once 'includes/class-colorlib-login-customizer-autoloader.php';

42
43	/**
44	* Returns the main instance of Colorlib_Login_Customizer to prevent the need to use globals.
	@@ -47,7 +48,7 @@ require_once 'includes/class-colorlib-login-customizer-autoloader.php';
47	* @return object Colorlib_Login_Customizer
48	*/
49	function colorlib_login_customizer() {
50	- $instance = Colorlib_Login_Customizer::instance( __FILE__, '1.2.92' );
51
52	if (is_null($instance->settings)) {
53	$instance->settings = Colorlib_Login_Customizer_Settings::instance($instance);


1	<?php
2	/**
3	* Plugin Name: Colorlib Login Customizer
4	+ * Version: 1.2.97
5	* Description: Colorlib Login Customizer is an awesome and intuitive plugin that helps you personalize your login form directly from the Customizer. The plugin fully supports the Live Customizer feature and you can see all the changes in real time and edit them.
6	* Author: Colorlib
7	* Author URI: https://colorlib.com/
8	+ * Tested up to: 5.5
9	* Requires: 4.6 or higher
10	* License: GPLv3 or later
11	* License URI: http://www.gnu.org/licenses/gpl-3.0.html

39
40	// Load plugin class files
41	require_once 'includes/class-colorlib-login-customizer-autoloader.php';
42	+ require_once 'includes/class-colorlib-login-customizer-backwards-compatibility.php';
43
44	/**
45	* Returns the main instance of Colorlib_Login_Customizer to prevent the need to use globals.

48	* @return object Colorlib_Login_Customizer
49	*/
50	function colorlib_login_customizer() {
51	+ $instance = Colorlib_Login_Customizer::instance( __FILE__, '1.2.97' );
52
53	if (is_null($instance->settings)) {
54	$instance->settings = Colorlib_Login_Customizer_Settings::instance($instance);

includes/class-colorlib-login-customizer-backwards-compatibility.php ADDED Viewed

	@@ -0,0 +1,87 @@


1	+ <?php
2	+
3	+ /**
4	+ *
5	+ *
6	+ */
7	+ class CLC_Backwards_Compatibility {
8	+
9	+ public static $instance;
10	+
11	+ function __construct() {
12	+
13	+ // Backwards compatibility to ver. 1.2.96
14	+ // Add action to admin init so we can update the options if needed
15	+ // Filter clc_backwards_compatibility_front for front-end
16	+ add_action( 'admin_init', array( $this, 'backwards_update_options' ), 25 );
17	+ add_filter( 'clc_backwards_compatibility_front', array( $this, 'logo_settings_compatibility' ), 16, 1 );
18	+
19	+ }
20	+
21	+ /**
22	+ * @param $options
23	+ *
24	+ * @return mixed
25	+ */
26	+ public function logo_settings_compatibility( $options ) {
27	+
28	+ if ( !isset( $options['logo-settings'] ) ) {
29	+ if ( isset( $options['hide-logo'] ) && $options['hide-logo'] ) {
30	+ $options['logo-settings'] = 'hide-logo';
31	+ } else {
32	+ if ( isset( $options['use-text-logo'] ) && $options['use-text-logo'] ) {
33	+ $options['logo-settings'] = 'show-text-only';
34	+ } else {
35	+ $options['logo-settings'] = 'show-image-only';
36	+ }
37	+ }
38	+
39	+ return $options;
40	+ }
41	+ // If we don't have to update anything return false
42	+ // So that the update_option function won't trigger
43	+ return false;
44	+ }
45	+
46	+ /**
47	+ * Update our options on admin init if needed
48	+ */
49	+ public function backwards_update_options(){
50	+ // Backwards compatibility on admin_init
51	+ $options = get_option( 'clc-options', array() );
52	+
53	+ if ( !isset( $options['logo-settings'] ) ) {
54	+ if ( isset( $options['hide-logo'] ) && $options['hide-logo'] ) {
55	+ $options['logo-settings'] = 'hide-logo';
56	+ } else {
57	+ if ( isset( $options['use-text-logo'] ) && $options['use-text-logo'] ) {
58	+ $options['logo-settings'] = 'show-text-only';
59	+ } else {
60	+ $options['logo-settings'] = 'show-image-only';
61	+ }
62	+ }
63	+
64	+ update_option( 'clc-options', $options );
65	+ }
66	+ }
67	+
68	+ /**
69	+ * Returns the singleton instance of the class.
70	+ *
71	+ * @since 1.0.0
72	+ *
73	+ * @return object The Modula_Deeplink object.
74	+ */
75	+ public static function get_instance() {
76	+
77	+ if ( ! isset( self::$instance ) && ! ( self::$instance instanceof CLC_Backwards_Compatibility ) ) {
78	+ self::$instance = new CLC_Backwards_Compatibility();
79	+ }
80	+
81	+ return self::$instance;
82	+
83	+ }
84	+
85	+ }
86	+
87	+ $clc_backwards_compatibility = CLC_Backwards_Compatibility::get_instance();

includes/class-colorlib-login-customizer.php CHANGED Viewed

	@@ -242,11 +242,15 @@ class Colorlib_Login_Customizer {
242
243	// Backward compatibility
244	$options = get_option( $this->key_name, array() );
245	- if ( ~~isset(~~ $options~~['templates']~~ ) ~~&& '01' == $options['templates'] )~~ {
246	- $options['templates'] = '~~default~~';
247	- $options['~~columns~~'] = 2;



248	update_option( $this->key_name, $options );
249	}

250	} // End install ()
251
252	/**
	@@ -291,8 +295,7 @@ class Colorlib_Login_Customizer {
291	/**
292	* Logo section
293	*/
294	- '~~hide~~-~~logo~~' => 0,
295	- 'use-text-logo' => 0,
296	'logo-url' => site_url(),
297	'custom-logo' => '',
298	'logo-text-color' => '#444',


242
243	// Backward compatibility
244	$options = get_option( $this->key_name, array() );
245	+ if ( $options ) {
246	+ if ( isset( $options['templates'] ) && '01' == $options['templates'] ) {
247	+ $options['templates'] = 'default';
248	+ $options['columns'] = 2;
249	+ }
250	+
251	update_option( $this->key_name, $options );
252	}
253	+
254	} // End install ()
255
256	/**

295	/**
296	* Logo section
297	*/
298	+ 'logo-settings' => 'show-image-only',

299	'logo-url' => site_url(),
300	'custom-logo' => '',
301	'logo-text-color' => '#444',

includes/lib/class-colorlib-login-customizer-css-customization.php CHANGED Viewed

	@@ -60,13 +60,15 @@ class Colorlib_Login_Customizer_CSS_Customization {
60	);
61
62	foreach ( $this->selectors as $selector => $settings ) {
63	- ~~$css_object['selectors'][~~ ~~$selector~~ ] = $settings['options'];
64	- ~~foreach (~~ $~~settings~~['~~options~~'] as $~~index~~ => $~~setting ) {~~
65	- $~~css_object~~['~~settings~~'][ $setting ] ~~= array(~~
66	- '~~name~~' => $~~this->generate_name( $~~setting ),
67	- '~~value~~' => $this->~~options[~~ $setting ],
68	- '~~attribute~~' => $~~settings~~[~~'attributes'][~~ $~~index~~ ],
69	- );


70	}
71	}
72
	@@ -117,7 +119,7 @@ class Colorlib_Login_Customizer_CSS_Customization {
117	'link-color',
118	),
119	),
120	- '.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover' => array(
121	'attributes' => array(
122	'color',
123	),
	@@ -211,7 +213,7 @@ class Colorlib_Login_Customizer_CSS_Customization {
211	'logo-height',
212	),
213	),
214	- '.login.clc-text-logo h1 a' => array(
215	'attributes' => array(
216	'color',
217	'font-size',
	@@ -221,7 +223,7 @@ class Colorlib_Login_Customizer_CSS_Customization {
221	'logo-text-size',
222	),
223	),
224	- '.login.clc-text-logo h1 a:hover' => array(
225	'attributes' => array(
226	'color',
227	),
	@@ -234,7 +236,7 @@ class Colorlib_Login_Customizer_CSS_Customization {
234	'display',
235	),
236	'options' => array(
237	- '~~hide~~-~~logo~~',
238	),
239	),
240	'#login > #nav,#login > #backtoblog' => array(
	@@ -491,7 +493,7 @@ class Colorlib_Login_Customizer_CSS_Customization {
491	* Set logo dimensions
492	*/
493	$string .= $this->create_css_lines(
494	- '.login h1 a',
495	array(
496	'background-image',
497	'background-size',
	@@ -506,6 +508,19 @@ class Colorlib_Login_Customizer_CSS_Customization {
506	)
507	);
508













509	$string .= $this->create_css_lines(
510	'.login.clc-text-logo h1 a',
511	array(
	@@ -519,7 +534,30 @@ class Colorlib_Login_Customizer_CSS_Customization {
519	);
520
521	$string .= $this->create_css_lines(
522	- '.login.clc-~~text~~-logo h1 a~~:hover~~',























523	array(
524	'color',
525	),
	@@ -534,7 +572,7 @@ class Colorlib_Login_Customizer_CSS_Customization {
534	'display',
535	),
536	array(
537	- '~~hide~~-~~logo~~',
538	)
539	);
540
	@@ -549,18 +587,33 @@ class Colorlib_Login_Customizer_CSS_Customization {
549	* @return string
550	*/
551	private function create_css_lines( $selector, $properties, $options ) {
552	- $string = '';
553	- $valued = array();
554
555	- $i = 0;



556	foreach ( $options as $option ) {
557	if ( ! empty( $this->options[ $option ] ) ) {
558	- $~~valued[~~ ~~$properties[ $i ] ]~~ = $this->options[ $option ];













559	}
560	$i ++;
561	}
562
563	if ( ! empty( $valued ) ) {

564	$string .= $selector . '{' . "\n";
565
566	foreach ( $valued as $index => $value ) {
	@@ -626,10 +679,14 @@ class Colorlib_Login_Customizer_CSS_Customization {
626	$classes[] = 'ml-login-horizontal-align-' . esc_attr( $this->options['form-horizontal-align'] );
627	}
628
629	- if ( isset( $this->options['~~use~~-~~text-logo~~'] ) && $this->options['~~use~~-~~text-logo~~'] ) {
630	$classes[] = 'clc-text-logo';
631	}
632




633	return $classes;
634	}
635
	@@ -680,9 +737,25 @@ class Colorlib_Login_Customizer_CSS_Customization {
680
681	}
682
683	- ~~echo~~ '<style type="text/css">#registerform #wp-submit{float:none;margin-top:15px;}.login.clc-text-logo h1 a{ background-image: none !important;text-indent: unset;width:auto !important;height: auto !important; }#login form p label br{display:none}body:not( ~~.ml-half-screen ) .ml-form-container{background:transparent~~ !important;}.login h1 a{background-position: center;background-size:contain !important;}.ml-container #login{ position:relative;padding: 0;width:100%;max-width:320px;margin:0;}#loginform,#registerform,#lostpasswordform{box-sizing: border-box;max-height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}.ml-container{position:relative;min-height:100vh;display:flex;height:100%;min-width:100%;}.ml-container .ml-extra-div{background-position:center;background-size:cover;background-repeat:no-repeat}body .ml-form-container{display:flex;align-items:center;justify-content:center}body:not( ~~.ml~~-~~half-screen ) .ml-container .ml-extra-div{position:absolute;top:0;left:0;width:100%;~~height~~:100%}body:not(~~ ~~.ml-half-screen~~ ) ~~.ml-container~~ .ml-form-container{width:100%;min-height:100vh}body.ml-half-screen .ml-container{flex-wrap:wrap}body.ml-half-screen .ml-container>.ml-extra-div,body.ml-half-screen .ml-container>.ml-form-container{width:50%}body.ml-half-screen.ml-login-align-2 .ml-container>div,body.ml-half-screen.ml-login-align-4 .ml-container>div{width:100%;flex-basis:50%;}body.ml-half-screen.ml-login-align-2 .ml-container{flex-direction:column-reverse}body.ml-half-screen.ml-login-align-4 .ml-container{flex-direction:column}body.ml-half-screen.ml-login-align-1 .ml-container{flex-direction:row-reverse}body.ml-login-vertical-align-1 .ml-form-container{align-items:flex-start}body.ml-login-vertical-align-3 .ml-form-container{align-items:flex-end}body.ml-login-horizontal-align-1 .ml-form-container{justify-content:flex-start}body.ml-login-horizontal-align-3 .ml-form-container{justify-content:flex-end}@media only screen and (~~max-width:~~ ~~768px) {body.ml~~-~~half-screen .ml-container > .ml-extra-div, body.ml-half-screen .ml-container > .ml-form-container{~~width~~:50% !important;}}.login input[type=text~~]~~:focus,~~ ~~.login~~ input[type=search]:focus, .login input[type=radio]:focus, .login input[type=tel]:focus, .login input[type=time]:focus, .login input[type=url]:focus, .login input[type=week]:focus, .login input[type=password]:focus, .login input[type=checkbox]:focus, .login input[type=color]:focus, .login input[type=date]:focus, .login input[type=datetime]:focus, .login input[type=datetime-local]:focus, .login input[type=email]:focus, .login input[type=month]:focus, .login input[type=number]:focus, .login select:focus, .login textarea:focus{ box-shadow: none; }@media only screen and (max-width: 577px)~~{body.ml-half-screen~~ ~~.ml-container > .ml-extra-div, body.ml-half-screen .ml-container > .ml-form-container~~{width:100% !important;}body.ml-half-screen.ml-login-align-1 .ml-container .ml-extra-div, body.ml-half-screen.ml-login-align-1 .ml-container .ml-form-container,body.ml-half-screen.ml-login-align-3 .ml-container .ml-extra-div,body.ml-half-screen.ml-login-align-3 .ml-container .ml-form-container{ width: 100%; }body.ml-half-screen.ml-login-align-1 .ml-container .ml-extra-div,body.ml-half-screen.ml-login-align-3 .ml-container .ml-extra-div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}}</style>';















684	echo '<style type="text/css" id="clc-style">' . $css . '</style>';
685	echo '<style type="text/css" id="clc-columns-style">' . $columns_css . '</style>';

686	echo '<style type="text/css" id="clc-custom-css">' . $custom_css . '</style>';
687	}
688


60	);
61
62	foreach ( $this->selectors as $selector => $settings ) {
63	+ if ( isset( $settings['options'] ) ) {
64	+ $css_object['selectors'][ $selector ] = $settings['options'];
65	+ foreach ( $settings['options'] as $index => $setting ) {
66	+ $css_object['settings'][ $setting ] = array(
67	+ 'name' => $this->generate_name( $setting ),
68	+ 'value' => $this->options[ $setting ],
69	+ 'attribute' => $settings['attributes'][ $index ],
70	+ );
71	+ }
72	}
73	}
74

119	'link-color',
120	),
121	),
122	+ '.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover,.login.clc-both-logo #backtoblog a:hover, .login.clc-both-logo #nav a:hover, .login.clc-both-logo h1 a:hover' => array(
123	'attributes' => array(
124	'color',
125	),

213	'logo-height',
214	),
215	),
216	+ '.login.clc-text-logo h1 a,.login.clc-both-logo h1 a' => array(
217	'attributes' => array(
218	'color',
219	'font-size',

223	'logo-text-size',
224	),
225	),
226	+ '.login.clc-text-logo h1 a:hover,.login.clc-both-logo h1 a:hover' => array(
227	'attributes' => array(
228	'color',
229	),

236	'display',
237	),
238	'options' => array(
239	+ 'logo-settings',
240	),
241	),
242	'#login > #nav,#login > #backtoblog' => array(

493	* Set logo dimensions
494	*/
495	$string .= $this->create_css_lines(
496	+ '.login:not(.clc-both-logo) h1 a',
497	array(
498	'background-image',
499	'background-size',

508	)
509	);
510
511	+ $string .= $this->create_css_lines(
512	+ '.login.clc-both-logo h1 a',
513	+ array(
514	+ 'background-image',
515	+ 'background-size',
516	+ ),
517	+ array(
518	+ 'custom-logo',
519	+ 'logo-width',
520	+ )
521	+ );
522	+
523	+
524	$string .= $this->create_css_lines(
525	'.login.clc-text-logo h1 a',
526	array(

534	);
535
536	$string .= $this->create_css_lines(
537	+ '.login.clc-both-logo h1 a',
538	+ array(
539	+ 'background-size',
540	+ 'padding-top',
541	+ ),
542	+ array(
543	+ 'logo-width',
544	+ 'logo-width',
545	+ )
546	+ );
547	+
548	+ /*$string .= $this->create_css_lines(
549	+ '.login.clc-both-logo.ml-login-vertical-align-2 h1 a',
550	+ array(
551	+ 'top',
552	+ ),
553	+ array(
554	+ 'logo-width',
555	+ 'logo-width',
556	+ )
557	+ );*/
558	+
559	+ $string .= $this->create_css_lines(
560	+ '.login.clc-text-logo h1 a:hover,.login.clc-both-logo h1 a:hover',
561	array(
562	'color',
563	),

572	'display',
573	),
574	array(
575	+ 'logo-settings',
576	)
577	);
578

587	* @return string
588	*/
589	private function create_css_lines( $selector, $properties, $options ) {


590
591	+ $string = '';
592	+ $valued = array();
593	+ $i = 0;
594	+
595	foreach ( $options as $option ) {
596	if ( ! empty( $this->options[ $option ] ) ) {
597	+ $val = $this->options[ $option ];
598	+
599	+ // 3 toggle buttons were replaced with one select, so we need to make sure
600	+ // h1 displays correctly
601	+ if ( 'logo-settings' == $option ) {
602	+
603	+ if ( 'hide-logo' == $val ) {
604	+ $val = '1';
605	+ } else {
606	+ $val = '0';
607	+ }
608	+ }
609	+
610	+ $valued[ $properties[ $i ] ] = $val;
611	}
612	$i ++;
613	}
614
615	if ( ! empty( $valued ) ) {
616	+
617	$string .= $selector . '{' . "\n";
618
619	foreach ( $valued as $index => $value ) {

679	$classes[] = 'ml-login-horizontal-align-' . esc_attr( $this->options['form-horizontal-align'] );
680	}
681
682	+ if ( isset( $this->options['logo-settings'] ) && 'show-text-only' == $this->options['logo-settings'] ) {
683	$classes[] = 'clc-text-logo';
684	}
685
686	+ if ( isset( $this->options['logo-settings'] ) && 'use-both' == $this->options['logo-settings'] ) {
687	+ $classes[] = 'clc-text-logo clc-both-logo';
688	+ }
689	+
690	return $classes;
691	}
692

737
738	}
739
740	+ if ( !empty( $this->options['logo-height'] ) && !empty( $this->options['logo-width'] ) ) {
741	+ $backgriund_size = absint( $this->options['logo-width'] ) . 'px ' . absint( $this->options['logo-height'] ) . 'px';
742	+ } else {
743	+ $backgriund_size = '20px 20px';
744	+ }
745	+
746	+
747	+ if ( !empty( $this->options['custom-logo'] ) ) {
748	+ $background_image = $this->options['custom-logo'];
749	+ } else {
750	+ $background_image = get_site_url() . '/wp-admin/images/wordpress-logo.svg';
751	+ }
752	+
753	+ $logo_css = '.login.clc-both-logo h1 a{width:100%;height:100%;text-indent: unset;background-position:top center !important;padding-top:' . (30 + absint( $this->options['logo-height'] )) . 'px; background-size: ' . $backgriund_size . '; margin-top: -' . (30 + absint( $this->options['logo-height'] )) . 'px; position:relative;background-image:url(' . $background_image . ')}';
754	+
755	+ echo '<style type="text/css">.login label{display:block;}#registerform #wp-submit{float:none;margin-top:15px;}.login.clc-text-logo:not(.clc-both-logo) h1 a{ background-image: none !important;text-indent: unset;width:auto !important;height: auto !important; }#login form p label br{display:none}body:not( .ml-half-screen ) .ml-form-container{background:transparent !important;}.login:not(.clc-both-logo) h1 a{background-position: center;background-size:contain !important;}.ml-container #login{ position:relative;padding: 0;width:100%;max-width:320px;margin:0;}#loginform,#registerform,#lostpasswordform{box-sizing: border-box;max-height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}.ml-container{position:relative;min-height:100vh;display:flex;height:100%;min-width:100%;}.ml-container .ml-extra-div{background-position:center;background-size:cover;background-repeat:no-repeat}body .ml-form-container{display:flex;align-items:center;justify-content:center}body:not( .ml-half-screen ) .ml-container .ml-extra-div{position:absolute;top:0;left:0;width:100%;height:100%}body:not( .ml-half-screen ) .ml-container .ml-form-container{width:100%;min-height:100vh}body.ml-half-screen .ml-container{flex-wrap:wrap}body.ml-half-screen .ml-container>.ml-extra-div,body.ml-half-screen .ml-container>.ml-form-container{width:50%}body.ml-half-screen.ml-login-align-2 .ml-container>div,body.ml-half-screen.ml-login-align-4 .ml-container>div{width:100%;flex-basis:50%;}body.ml-half-screen.ml-login-align-2 .ml-container{flex-direction:column-reverse}body.ml-half-screen.ml-login-align-4 .ml-container{flex-direction:column}body.ml-half-screen.ml-login-align-1 .ml-container{flex-direction:row-reverse}body.ml-login-vertical-align-1 .ml-form-container{align-items:flex-start}body.ml-login-vertical-align-3 .ml-form-container{align-items:flex-end}body.ml-login-horizontal-align-1 .ml-form-container{justify-content:flex-start}body.ml-login-horizontal-align-3 .ml-form-container{justify-content:flex-end}@media only screen and (max-width: 768px) {body.ml-half-screen .ml-container > .ml-extra-div, body.ml-half-screen .ml-container > .ml-form-container{width:50% !important;}}.login input[type=text]:focus, .login input[type=search]:focus, .login input[type=radio]:focus, .login input[type=tel]:focus, .login input[type=time]:focus, .login input[type=url]:focus, .login input[type=week]:focus, .login input[type=password]:focus, .login input[type=checkbox]:focus, .login input[type=color]:focus, .login input[type=date]:focus, .login input[type=datetime]:focus, .login input[type=datetime-local]:focus, .login input[type=email]:focus, .login input[type=month]:focus, .login input[type=number]:focus, .login select:focus, .login textarea:focus{ box-shadow: none; }@media only screen and (max-width: 577px){body.ml-half-screen .ml-container > .ml-extra-div, body.ml-half-screen .ml-container > .ml-form-container{width:100% !important;}body.ml-half-screen.ml-login-align-1 .ml-container .ml-extra-div, body.ml-half-screen.ml-login-align-1 .ml-container .ml-form-container,body.ml-half-screen.ml-login-align-3 .ml-container .ml-extra-div,body.ml-half-screen.ml-login-align-3 .ml-container .ml-form-container{ width: 100%; }body.ml-half-screen.ml-login-align-1 .ml-container .ml-extra-div,body.ml-half-screen.ml-login-align-3 .ml-container .ml-extra-div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}}</style>';
756	echo '<style type="text/css" id="clc-style">' . $css . '</style>';
757	echo '<style type="text/css" id="clc-columns-style">' . $columns_css . '</style>';
758	+ echo '<style type="text/css" id="clc-logo-style">' . $logo_css . '</style>';
759	echo '<style type="text/css" id="clc-custom-css">' . $custom_css . '</style>';
760	}
761

includes/lib/class-colorlib-login-customizer-customizer.php CHANGED Viewed

	@@ -68,74 +68,73 @@ class Colorlib_Login_Customizer_Customizer {
68	'description' => '',
69	'type' => 'clc-templates',
70	'default' => 'default',
71	- 'choices' => array(
72	- 'default' => array(
73	'url' => esc_url( $this->parent->assets_url ) . 'img/default.jpg',
74	'options' => array(
75	/**
76	* Layout
77	*/
78	- 'columns' => '1',
79	- 'columns-width' => array(
80	'left' => 6,
81	'right' => 6,
82	),
83	- 'form-column-align' => '3',
84	- 'form-vertical-align' => '2',
85	/**
86	* Logo section
87	*/
88	- '~~hide~~-~~logo~~' => 0,
89	- '~~use~~-~~text-logo~~' => 0,
90	- 'logo~~-url~~' => ~~site_url()~~,
91	- '~~custom~~-~~logo~~' => '',
92	- 'logo-text-~~color~~' => '~~#444~~',
93	- 'logo-text-~~size~~' => '20',
94	- 'logo-~~text-color-hover~~' => '~~#00a0d2~~',
95	- 'logo-~~width~~' => '84',
96	- 'logo-height' => '84',
97	/**
98	* Background section
99	*/
100	- 'custom-background' => '',
101	- 'custom-background-form' => '',
102	- 'custom-background-color' => '#f1f1f1',
103	'custom-background-color-form' => '#f1f1f1',
104	/**
105	* Form section
106	*/
107	- 'form-width' => '320',
108	- 'form-height' => '297',
109	- 'form-background-image' => '',
110	- 'form-background-color' => '#ffffff',
111	- 'form-padding' => '26px 24px',
112	- 'form-border' => '0 none',
113	- 'form-shadow' => '0 1px 3px rgba(0,0,0,.13)',
114	- 'form-border-radius' => 'unset',
115	- 'form-field-border-radius' => 'unset',
116	- 'form-field-border' => '1px solid #ddd',
117	- 'form-field-width' => '',
118	- 'form-field-margin' => '2px 6px 16px 0',
119	- 'form-field-background' => '#fbfbfb',
120	- 'form-field-color' => '#32373c',
121	- 'form-label-color' => '#72777c',
122	- 'hide-extra-links' => 0,
123	- 'username-label' => 'Username or Email Address',
124	- 'password-label' => 'Password',
125	/**
126	* Others section ( misc )
127	*/
128	- 'button-background' => '#0085ba',
129	- 'button-background-hover' => '#008ec2',
130	- 'button-border-color' => '#0073aa',
131	- 'button-border-color-hover' => '#006799',
132	- 'button-shadow' => '0 1px 0 #006799',
133	- 'button-text-shadow' => '0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799',
134	- 'button-color' => '#ffffff',
135	- 'link-color' => '#555d66',
136	- 'link-color-hover' => '#00a0d2',
137	- 'hide-rememberme' => false,
138	- 'custom-css' => '',
139	),
140	),
141	'template-01' => array(
	@@ -153,7 +152,7 @@ class Colorlib_Login_Customizer_Customizer {
153	'template-02' => array(
154	'url' => esc_url( $this->parent->assets_url ) . 'img/template-02.jpg',
155	'options' => array(
156	- '~~hide~~-~~logo~~' => '1',
157	'hide-extra-links' => '1',
158	'custom-background' => esc_url( $this->parent->assets_url ) . 'img/background-1.jpg',
159	'form-background-color' => 'rgba(255, 255, 255, 0)',
	@@ -175,7 +174,6 @@ class Colorlib_Login_Customizer_Customizer {
175	'form-width' => '430',
176	'form-height' => '350',
177	'form-column-align' => '3',
178	- 'hide-logo' => '1',
179	'hide-extra-links' => '1',
180	'custom-background-color' => '#f7f7f7',
181	'custom-background' => esc_url( $this->parent->assets_url ) . 'img/tpl-03/bg.jpg',
	@@ -191,9 +189,8 @@ class Colorlib_Login_Customizer_Customizer {
191	/**
192	* Logo section
193	*/
194	- '~~hide~~-~~logo~~' => 0,
195	- '~~use~~-~~text-logo~~' => 1,
196	- 'logo-title' => 'Login to continue',
197	'logo-url' => site_url(),
198	'custom-logo' => '',
199	'logo-text-color' => '#333',
	@@ -212,12 +209,10 @@ class Colorlib_Login_Customizer_Customizer {
212	'form-height' => '450',
213	'form-padding' => '50px 30px',
214	'columns' => '1',
215	- 'hide-logo' => '1',
216	'hide-extra-links' => 0,
217	'custom-background-color' => '#e9faff',
218	'custom-background' => '',
219	'form-background-color' => 'rgba(255,255,255,1)',
220	- 'form-shadow' => 'none',
221	'form-field-background' => '#FFF',
222	'button-background' => '#4272d7',
223	'button-background-hover' => '#333333',
	@@ -227,9 +222,8 @@ class Colorlib_Login_Customizer_Customizer {
227	/**
228	* Logo section
229	*/
230	- '~~hide~~-~~logo~~' => 0,
231	- '~~use~~-~~text-logo~~' => 1,
232	- 'logo-title' => 'Account Login',
233	'logo-url' => site_url(),
234	'custom-logo' => '',
235	'logo-text-color' => '#333',
	@@ -240,7 +234,6 @@ class Colorlib_Login_Customizer_Customizer {
240	'username-label' => '',
241	'password-label' => '',
242	'form-shadow' => '0 3px 20px 0px rgba(0, 0, 0, 0.1)',
243	- 'custom-css' => '',
244	'form-field-border-radius' => '0',
245	'form-field-margin' => '0',
246	'form-field-border' => '1px solid #eee',
	@@ -257,18 +250,17 @@ class Colorlib_Login_Customizer_Customizer {
257	'description' => '',
258	'fields' => array(
259	array(
260	- 'id' => '~~hide~~-~~logo~~',
261	- 'label' => esc_html__( '~~Hide~~ ~~Logo~~', 'colorlib-login-customizer' ),
262	- 'description' => esc_html__( '~~Show/Hide~~ the logo ~~from~~ ~~login~~ ~~page~~', 'colorlib-login-customizer' ),
263	- 'type' => '~~clc-toggle~~',
264	- '~~default~~' => 0,
265	- ),
266	- ~~array~~(
267	- 'id' => '~~use-~~text-~~logo~~',
268	- '~~label~~' => esc_html__( '~~Use~~ ~~Text Logo~~', 'colorlib-login-customizer' ),
269	- ~~'description' => esc_html__( 'Show/Hide the logo text from login page', 'colorlib-login-customizer'~~ ),
270	- '~~type~~' => '~~clc~~-~~toggle~~',
271	- 'default' => 0,
272	),
273	array(
274	'id' => 'logo-url',
	@@ -947,6 +939,9 @@ class Colorlib_Login_Customizer_Customizer {
947	);
948	break;
949	default:



950	$manager->add_control( $key_name, $control_args );
951	break;
952	}
	@@ -994,7 +989,7 @@ class Colorlib_Login_Customizer_Customizer {
994
995	// Active callbacks
996	public function check_two_column_layout( $control ) {
997	- $options = get_option( 'clc-options', array() );
998
999	if ( '2' == $control->manager->get_setting( 'clc-options[columns]' )->value() ) {
1000	return true;
	@@ -1004,9 +999,8 @@ class Colorlib_Login_Customizer_Customizer {
1004	}
1005
1006	public function check_if_text_logo( $control ) {
1007	- $options = get_option( 'clc-options', array() );
1008
1009	- if ( 1 == $control->manager->get_setting( 'clc-options[use-~~text~~-logo]' )->value() ) {
1010	return true;
1011	}
1012
	@@ -1014,9 +1008,8 @@ class Colorlib_Login_Customizer_Customizer {
1014	}
1015
1016	public function check_if_not_text_logo( $control ) {
1017	- $options = get_option( 'clc-options', array() );
1018
1019	- if ( 1 == $control->manager->get_setting( 'clc-options[~~use~~-~~text-logo~~]' )->value() ) {
1020	return false;
1021	}
1022


68	'description' => '',
69	'type' => 'clc-templates',
70	'default' => 'default',
71	+ 'choices' => array(
72	+ 'default' => array(
73	'url' => esc_url( $this->parent->assets_url ) . 'img/default.jpg',
74	'options' => array(
75	/**
76	* Layout
77	*/
78	+ 'columns' => '1',
79	+ 'columns-width' => array(
80	'left' => 6,
81	'right' => 6,
82	),
83	+ 'form-column-align' => '3',
84	+ 'form-vertical-align' => '2',
85	/**
86	* Logo section
87	*/
88	+ 'logo-settings' => 'show-image-only',
89	+ 'logo-url' => site_url(),
90	+ 'custom-logo' => '',
91	+ 'logo-text-color' => '#444',
92	+ 'logo-text-size' => '20',
93	+ 'logo-text-color-hover' => '#00a0d2',
94	+ 'logo-width' => '84',
95	+ 'logo-height' => '84',

96	/**
97	* Background section
98	*/
99	+ 'custom-background' => '',
100	+ 'custom-background-form' => '',
101	+ 'custom-background-color' => '#f1f1f1',
102	'custom-background-color-form' => '#f1f1f1',
103	/**
104	* Form section
105	*/
106	+ 'form-width' => '320',
107	+ 'form-height' => '297',
108	+ 'form-background-image' => '',
109	+ 'form-background-color' => '#ffffff',
110	+ 'form-padding' => '26px 24px',
111	+ 'form-border' => '0 none',
112	+ 'form-shadow' => '0 1px 3px rgba(0,0,0,.13)',
113	+ 'form-border-radius' => 'unset',
114	+ 'form-field-border-radius' => 'unset',
115	+ 'form-field-border' => '1px solid #ddd',
116	+ 'form-field-width' => '',
117	+ 'form-field-margin' => '2px 6px 16px 0',
118	+ 'form-field-background' => '#fbfbfb',
119	+ 'form-field-color' => '#32373c',
120	+ 'form-label-color' => '#72777c',
121	+ 'hide-extra-links' => 0,
122	+ 'username-label' => 'Username or Email Address',
123	+ 'password-label' => 'Password',
124	/**
125	* Others section ( misc )
126	*/
127	+ 'button-background' => '#0085ba',
128	+ 'button-background-hover' => '#008ec2',
129	+ 'button-border-color' => '#0073aa',
130	+ 'button-border-color-hover' => '#006799',
131	+ 'button-shadow' => '0 1px 0 #006799',
132	+ 'button-text-shadow' => '0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799',
133	+ 'button-color' => '#ffffff',
134	+ 'link-color' => '#555d66',
135	+ 'link-color-hover' => '#00a0d2',
136	+ 'hide-rememberme' => false,
137	+ 'custom-css' => '',
138	),
139	),
140	'template-01' => array(

152	'template-02' => array(
153	'url' => esc_url( $this->parent->assets_url ) . 'img/template-02.jpg',
154	'options' => array(
155	+ 'logo-settings' => 'hide-logo',
156	'hide-extra-links' => '1',
157	'custom-background' => esc_url( $this->parent->assets_url ) . 'img/background-1.jpg',
158	'form-background-color' => 'rgba(255, 255, 255, 0)',

174	'form-width' => '430',
175	'form-height' => '350',
176	'form-column-align' => '3',

177	'hide-extra-links' => '1',
178	'custom-background-color' => '#f7f7f7',
179	'custom-background' => esc_url( $this->parent->assets_url ) . 'img/tpl-03/bg.jpg',

189	/**
190	* Logo section
191	*/
192	+ 'logo-settings' => 'show-text-only',
193	+ 'logo-title' => 'Login to continue',

194	'logo-url' => site_url(),
195	'custom-logo' => '',
196	'logo-text-color' => '#333',

209	'form-height' => '450',
210	'form-padding' => '50px 30px',
211	'columns' => '1',

212	'hide-extra-links' => 0,
213	'custom-background-color' => '#e9faff',
214	'custom-background' => '',
215	'form-background-color' => 'rgba(255,255,255,1)',

216	'form-field-background' => '#FFF',
217	'button-background' => '#4272d7',
218	'button-background-hover' => '#333333',

222	/**
223	* Logo section
224	*/
225	+ 'logo-settings' => 'show-text-only',
226	+ 'logo-title' => 'Account Login',

227	'logo-url' => site_url(),
228	'custom-logo' => '',
229	'logo-text-color' => '#333',

234	'username-label' => '',
235	'password-label' => '',
236	'form-shadow' => '0 3px 20px 0px rgba(0, 0, 0, 0.1)',

237	'form-field-border-radius' => '0',
238	'form-field-margin' => '0',
239	'form-field-border' => '1px solid #eee',

250	'description' => '',
251	'fields' => array(
252	array(
253	+ 'id' => 'logo-settings',
254	+ 'label' => esc_html__( 'Logo settings', 'colorlib-login-customizer' ),
255	+ 'description' => esc_html__( 'Select how the logo should be displayed', 'colorlib-login-customizer' ),
256	+ 'type' => 'select',
257	+ 'choices' => array(
258	+ 'hide-logo' => esc_html__( 'Hide logo', 'colorlib-login-customizer' ),
259	+ 'show-image-only' => esc_html__( 'Show image only', 'colorlib-login-customizer' ),
260	+ 'show-text-only' => esc_html__( 'Show text only', 'colorlib-login-customizer' ),
261	+ 'use-both' => esc_html__( 'Show both', 'colorlib-login-customizer' ),
262	+ ),
263	+ 'default' => 'show-image-only'

264	),
265	array(
266	'id' => 'logo-url',

939	);
940	break;
941	default:
942	+ if ( isset( $setting['type'] ) ) {
943	+ $control_args['type'] = $setting['type'];
944	+ }
945	$manager->add_control( $key_name, $control_args );
946	break;
947	}

989
990	// Active callbacks
991	public function check_two_column_layout( $control ) {
992	+ //$options = get_option( 'clc-options', array() );
993
994	if ( '2' == $control->manager->get_setting( 'clc-options[columns]' )->value() ) {
995	return true;

999	}
1000
1001	public function check_if_text_logo( $control ) {

1002
1003	+ if ( 'show-text-only' == $control->manager->get_setting( 'clc-options[logo-settings]' )->value() \|\| 'use-both' == $control->manager->get_setting( 'clc-options[logo-settings]' )->value() ) {
1004	return true;
1005	}
1006

1008	}
1009
1010	public function check_if_not_text_logo( $control ) {

1011
1012	+ if ( 'show-text-only' == $control->manager->get_setting( 'clc-options[logo-settings]' )->value() ) {
1013	return false;
1014	}
1015

includes/login-template.php CHANGED Viewed

	@@ -10,15 +10,15 @@
10	$clc_core = Colorlib_Login_Customizer::instance();
11	$clc_defaults = $clc_core->get_defaults();
12	$clc_options = get_option( 'clc-options', array() );
13	- $clc_options = wp_parse_args( $clc_options, $clc_defaults );
14
15	/**
16	* Output the login page header.
17	*
18	- * @param string $title Optional. WordPress login Page title to display in the `<title>` element.
19	* Default 'Log In'.
20	- * @param string $message Optional. Message to display in header. Default empty.
21	- * @param ~~WP_Error~~ $wp_error Optional. The error to pass. Default empty.
22	*/
23	function clc_login_header( $title = 'Log In', $message = '', $wp_error = '' ) {
24


10	$clc_core = Colorlib_Login_Customizer::instance();
11	$clc_defaults = $clc_core->get_defaults();
12	$clc_options = get_option( 'clc-options', array() );
13	+ $clc_options = apply_filters( 'clc_backwards_compatibility_front', wp_parse_args( $clc_options, $clc_defaults ) );
14
15	/**
16	* Output the login page header.
17	*
18	+ * @param string $title Optional. WordPress login Page title to display in the `<title>` element.
19	* Default 'Log In'.
20	+ * @param string $message Optional. Message to display in header. Default empty.
21	+ * @param string $wp_error Optional. The error to pass. Default empty.
22	*/
23	function clc_login_header( $title = 'Log In', $message = '', $wp_error = '' ) {
24

languages/colorlib-login-customizer.po CHANGED Viewed

	@@ -2,10 +2,10 @@
2	# This file is distributed under the GPLv3 or later.
3	msgid ""
4	msgstr ""
5	- "Project-Id-Version: Colorlib Login Customizer 1.2.96\n"
6	"Report-Msgid-Bugs-To: "
7	"https://wordpress.org/support/plugin/colorlib-login-customizer\n"
8	- "POT-Creation-Date: 2020-04-28 13:43:31+00:00\n"
9	"MIME-Version: 1.0\n"
10	"Content-Type: text/plain; charset=utf-8\n"
11	"Content-Transfer-Encoding: 8bit\n"
	@@ -59,490 +59,498 @@ msgstr ""
59	msgid "Temapltes"
60	msgstr ""
61
62	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~256~~
63	msgid "Logo options"
64	msgstr ""
65
66	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~261~~
67	- msgid "~~Hide~~ ~~Logo~~"
68	msgstr ""
69
70	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~262~~
71	- msgid "~~Show/Hide~~ the logo ~~from~~ ~~login~~ ~~page~~"
72	msgstr ""
73
74	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~268~~
75	- msgid "~~Use~~ ~~Text Logo~~"
76	msgstr ""
77
78	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~269~~
79	- msgid "Show~~/Hide~~ ~~the~~ ~~logo text from login page~~"
80	msgstr ""
81
82	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~275~~








83	msgid "Logo URL"
84	msgstr ""
85
86	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~276~~
87	msgid "This is where the logo will link to."
88	msgstr ""
89
90	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~282~~
91	msgid "Logo Title"
92	msgstr ""
93
94	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~283~~
95	msgid ""
96	"The tooltip that will be displayed when hovering over the logo. Also this "
97	"is used as Logo text when you select \"Use Text Logo\""
98	msgstr ""
99
100	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~289~~
101	msgid "Login Page Title"
102	msgstr ""
103
104	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~290~~
105	msgid "Login page title that is shown when you access the admin login page."
106	msgstr ""
107
108	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~296~~
109	msgid "Logo text color"
110	msgstr ""
111
112	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~297~~
113	msgid "This will change the color text property."
114	msgstr ""
115
116	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~304~~
117	msgid "Logo text color hover"
118	msgstr ""
119
120	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~305~~
121	msgid "This will change the color text property on hover."
122	msgstr ""
123
124	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~312~~
125	msgid "Logo text size"
126	msgstr ""
127
128	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~313~~
129	msgid "This will change the text size of logo."
130	msgstr ""
131
132	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~325~~
133	msgid "Custom logo"
134	msgstr ""
135
136	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~326~~
137	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~473~~
138	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~488~~
139	msgid ""
140	"This will upload an image to your media library and store the attachment ID "
141	"in the option field. Once you have uploaded an imge the thumbnail will "
142	"display above these buttons."
143	msgstr ""
144
145	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~333~~
146	msgid "Logo Width"
147	msgstr ""
148
149	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~334~~
150	msgid "Make sure you set the logo width to match your image."
151	msgstr ""
152
153	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~346~~
154	msgid "Logo Height"
155	msgstr ""
156
157	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~347~~
158	msgid "Make sure you set the logo height to match your image."
159	msgstr ""
160
161	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~361~~
162	msgid "Layout options"
163	msgstr ""
164
165	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~366~~
166	msgid "Columns"
167	msgstr ""
168
169	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~383~~
170	msgid "Columns Width"
171	msgstr ""
172
173	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~390~~
174	msgid "Form Column Alignment"
175	msgstr ""
176
177	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~416~~
178	msgid "Form Vertical Alignment"
179	msgstr ""
180
181	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~437~~
182	msgid "Form Horizontal Alignment"
183	msgstr ""
184
185	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~460~~
186	msgid "Background options"
187	msgstr ""
188
189	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~465~~
190	msgid "Custom background color"
191	msgstr ""
192
193	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~466~~
194	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~480~~
195	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~534~~
196	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~597~~
197	msgid "This will change the background color property."
198	msgstr ""
199
200	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~472~~
201	msgid "Custom background"
202	msgstr ""
203
204	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~479~~
205	msgid "Form Column background color"
206	msgstr ""
207
208	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~487~~
209	msgid "Form Column background"
210	msgstr ""
211
212	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~497~~
213	msgid "General Form options"
214	msgstr ""
215
216	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~502~~
217	msgid "Form Width"
218	msgstr ""
219
220	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~503~~
221	msgid "Please input the desired width for the login form in pixels. Example: 20"
222	msgstr ""
223
224	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~514~~
225	msgid "Form Height"
226	msgstr ""
227
228	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~515~~
229	msgid "Please input the desired height for the login form in pixels. Example: 20"
230	msgstr ""
231
232	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~526~~
233	msgid "Form background image"
234	msgstr ""
235
236	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~527~~
237	msgid "This will change the background image property of login form."
238	msgstr ""
239
240	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~533~~
241	msgid "Form background color"
242	msgstr ""
243
244	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~540~~
245	msgid "Form padding"
246	msgstr ""
247
248	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~541~~
249	msgid "This will change the padding property. Example: 26px 24px 46px 30px"
250	msgstr ""
251
252	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~547~~
253	msgid "Form border"
254	msgstr ""
255
256	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~548~~
257	msgid "This will change the border property. Example: 2px dotted black"
258	msgstr ""
259
260	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~554~~
261	msgid "Form border radius"
262	msgstr ""
263
264	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~555~~
265	msgid "This will change the border radius property. Example: 2px 2px 2px 2px"
266	msgstr ""
267
268	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~561~~
269	msgid "Form shadow"
270	msgstr ""
271
272	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~562~~
273	msgid "This will change the form's shadow property. Example: 0 1px 0 #006799"
274	msgstr ""
275
276	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~568~~
277	msgid "Form field width"
278	msgstr ""
279
280	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~569~~
281	msgid "Please input the desired width for the form field in pixels. Example: 20"
282	msgstr ""
283
284	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~575~~
285	msgid "Form field margin"
286	msgstr ""
287
288	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~576~~
289	msgid "This will change the margin property. Example: 26px 24px 46px 30px"
290	msgstr ""
291
292	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~582~~
293	msgid "Form field border"
294	msgstr ""
295
296	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~583~~
297	msgid ""
298	"Please input the desired border for the form field. Example: 2px dotted "
299	"black"
300	msgstr ""
301
302	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~589~~
303	msgid "Form field border radius"
304	msgstr ""
305
306	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~590~~
307	msgid ""
308	"Please input the desired border radiuse for the form field. Example: 5px "
309	"5px 5px 5px"
310	msgstr ""
311
312	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~596~~
313	msgid "Form field background"
314	msgstr ""
315
316	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~603~~
317	msgid "Form field color"
318	msgstr ""
319
320	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~604~~
321	msgid "This will change the text color property."
322	msgstr ""
323
324	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~610~~
325	msgid "Form label color"
326	msgstr ""
327
328	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~611~~
329	msgid "This will change the label text color property."
330	msgstr ""
331
332	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~617~~
333	msgid "Lost Password Text"
334	msgstr ""
335
336	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~618~~
337	msgid "You can change the default text for \"Lost your password\" "
338	msgstr ""
339
340	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~624~~
341	msgid "Back to site text"
342	msgstr ""
343
344	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~625~~
345	msgid "You can change the default text for \"Back to\" site "
346	msgstr ""
347
348	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~631~~
349	msgid "Hide Extra Links"
350	msgstr ""
351
352	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~632~~
353	msgid "Show/Hide the links under the login form"
354	msgstr ""
355
356	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~640~~
357	msgid "Login Form Texts"
358	msgstr ""
359
360	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~645~~
361	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~688~~
362	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~735~~
363	msgid "Username label"
364	msgstr ""
365
366	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~646~~
367	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~689~~
368	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~736~~
369	msgid "You can change the default text for username label or just delete it."
370	msgstr ""
371
372	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~652~~
373	msgid "Password label"
374	msgstr ""
375
376	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~653~~
377	msgid "You can change the default text for password label or just delete it."
378	msgstr ""
379
380	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~659~~
381	msgid "Remember Me label"
382	msgstr ""
383
384	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~660~~
385	msgid "You can change the default remember me text."
386	msgstr ""
387
388	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~666~~
389	msgid "Login label"
390	msgstr ""
391
392	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~667~~
393	msgid "You can change the default text for the log in button."
394	msgstr ""
395
396	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~673~~
397	msgid "Register link"
398	msgstr ""
399
400	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~674~~
401	msgid ""
402	"You can change the default text for the register link at the end of the "
403	"form."
404	msgstr ""
405
406	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~683~~
407	msgid "Register Form Texts"
408	msgstr ""
409
410	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~696~~
411	msgid "Email label"
412	msgstr ""
413
414	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~697~~
415	msgid "You can change the default text for email label or just delete it."
416	msgstr ""
417
418	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~704~~
419	msgid "Registration confirmation text"
420	msgstr ""
421
422	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~705~~
423	msgid "You can change the default registration confirmation text."
424	msgstr ""
425
426	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~712~~
427	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~742~~
428	msgid "Button label"
429	msgstr ""
430
431	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~713~~
432	msgid "You can change the default text for the register button."
433	msgstr ""
434
435	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~720~~
436	msgid "Login link"
437	msgstr ""
438
439	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~721~~
440	msgid "You can change the default text for the login link at the end of the form."
441	msgstr ""
442
443	- #: includes/lib/class-colorlib-login-customizer-customizer.php:~~730~~
444	msgid "Lost Password Form Texts"
445

Custom Login Page Customizer by Colorlib - Version 1.2.97

Version Description

Release Info

Code changes from version 1.2.96 to 1.2.97