Custom Login Page Customizer by Colorlib

Version Description

Update toggles design

Release Info

Developer	machothemes
Plugin	Custom Login Page Customizer by Colorlib
Version	1.2.9
Comparing to
See all releases

Code changes from version 1.2.8 to 1.2.9

Files changed (6) hide show

assets/css/clc-customizer.css +79 -64
colorlib-login-customizer.php +4 -3
includes/class-colorlib-dashboard-widget-extend-feed.php +91 -0
includes/lib/controls/class-colorlib-login-customizer-control-toggle.php +18 -4
languages/colorlib-login-customizer.po +3 -3
readme.txt +4 -1

assets/css/clc-customizer.css CHANGED Viewed

@@ -218,82 +218,97 @@
             .onoffswitch_label {
               display: block; }
-            -
            .onoffswitch {
-            -
              position: relative;
-            -
              width: 52px;
-            -
              display: block;
-            -
              float: right;
-            -
              -webkit-user-select: none;
-            -
              -moz-user-select: none;
-            -
              -ms-user-select: none; }
-            -
            .onoffswitch-checkbox {
-            -
              display: none !important; }
-            -
            .onoffswitch-label {
-            -
              display: block;
-            -
              overflow: hidden;
-            -
              cursor: pointer;
-            -
              height: 22px;
-            -
              padding: 0;
-            -
              line-height: 19px;
-            -
              transition: background-color 0.2s ease-in;
-            -
              -webkit-border-radius: 11px;
-            -
              -moz-border-radius: 11px;
-            -
              border-radius: 30px;
-            -
              background-color: #c4c4c4;
-            -
              -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
-            -
              -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
-            -
              box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11); }
-            -
              .onoffswitch-label:before {
-            -
                content: "";
-            -
                display: block;
-            -
                width: 18px;
-            -
                height: 18px;
                 margin: 0;
                 position: absolute;
-            -
                top: 2px;
-            -
                bottom: 0;
-            -
                right: 32px;
                 background-color: #fff;
-            -
                -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-            -
                -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-            -
                box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-            -
                -webkit-border-radius: 10px;
-            -
                -moz-border-radius: 10px;
-            -
                border-radius: 10px;
-            -
                transition: all 0.2s ease-in 0s; }
-            -
              .onoffswitch-label:after {
-            -
                content: "OFF";
                 display: block;
-            -
                color: #FFF;
                 position: absolute;
-            -
                top: 2px;
-            -
                bottom: 2px;
                 right: 6px;
-            -
                font-size: 11px;
-            -
                font-family: 'Arial'; }
-            -
            .onoffswitch-checkbox:checked + .onoffswitch-label {
-            -
              background-color: #3caf0e; }
-            -
            .onoffswitch-checkbox:checked + .onoffswitch-label,
-            -
            .onoffswitch-checkbox:checked + .onoffswitch-label:before {
-            -
              border-color: #3caf0e; }
-            -
            .onoffswitch-checkbox:checked + .onoffswitch-label:before {
-            -
              right: 2px; }
-            -
            .onoffswitch-checkbox:checked + .onoffswitch-label:after {
-            -
              content: "ON";
-            -
              display: block;
-            -
              color: #FFF;
-            -
              position: absolute;
-            -
              top: 2px;
-            -
              bottom: 2px;
-            -
              right: 27px;
-            -
              font-size: 11px;
-            -
              font-family: 'Arial'; }
               /* Color Picker */
               .clc-color-picker-title {


218	.onoffswitch_label {
219	display: block; }
220
221	+ .epsilon-toggle {
222	+ position: relative;
223	+ float: right;
224	+ user-select: none;
225	+ }



226
227	+ .epsilon-toggle__items {
228	+ box-sizing: border-box;
229	+ }
230
231	+ .epsilon-toggle__items > * {
232	+ box-sizing: inherit;
233	+ }
234	+
235	+ .epsilon-toggle__input[type=checkbox] {
236	+ border-radius: 2px;
237	+ border: 2px solid #6c7781;
238	+ margin-right: 12px;
239	+ transition: none;
240	+ height: 100%;
241	+ left: 0;
242	+ top: 0;








243	margin: 0;
244	+ padding: 0;
245	+ opacity: 0;
246	position: absolute;
247	+ width: 100%;
248	+ z-index: 1;
249	+ }
250	+
251	+ .epsilon-toggle__track {
252	background-color: #fff;
253	+ border: 2px solid #6c7781;
254	+ border-radius: 9px;
255	+ display: inline-block;
256	+ height: 18px;
257	+ width: 36px;
258	+ vertical-align: top;
259	+ transition: background .2s ease;
260	+ }
261	+
262	+ .epsilon-toggle__thumb {
263	+ background-color: #6c7781;
264	+ border: 5px solid #6c7781;
265	+ border-radius: 50%;
266	display: block;
267	+ height: 10px;
268	+ width: 10px;
269	+ position: absolute;
270	+ left: 4px;
271	+ top: 4px;
272	+ transition: transform .2s ease;
273	+ }
274	+
275	+ .epsilon-toggle__off {
276	position: absolute;


277	right: 6px;
278	+ top: 6px;
279	+ color: #6c7781;
280	+ fill: currentColor;
281	+ }
282
283	+ .epsilon-toggle__on {
284	+ position: absolute;
285	+ top: 6px;
286	+ left: 8px;
287	+ border: 1px solid #fff;
288	+ outline: 1px solid transparent;
289	+ outline-offset: -1px;
290	+ display: none;
291	+ }
292



293
294	+ .epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__track {
295	+ background-color: #11a0d2;
296	+ border: 9px solid transparent;
297	+ }
298
299	+ .epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__thumb {
300	+ background-color: #fff;
301	+ border-width: 0;
302	+ transform: translateX(18px);
303	+ }
304	+
305	+ .epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__off {
306	+ display: none;
307	+ }
308	+
309	+ .epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__on {
310	+ display: inline-block;
311	+ }
312
313	/* Color Picker */
314	.clc-color-picker-title {

colorlib-login-customizer.php CHANGED Viewed

	@@ -1,11 +1,11 @@
1	<?php
2	/**
3	* Plugin Name: Colorlib Login Customizer
4	- * Version: 1.2.8
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.0.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.8' );
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.9
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.1.1
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-dashboard-widget-extend-feed.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.9' );
52
53	if ( is_null( $instance->settings ) ) {
54	$instance->settings = Colorlib_Login_Customizer_Settings::instance( $instance );

includes/class-colorlib-dashboard-widget-extend-feed.php ADDED Viewed

	@@ -0,0 +1,91 @@


1	+ <?php
2	+
3	+ if ( ! class_exists( 'Colorlib_Dashboard_Widget_Extend_Feed' ) ) {
4	+
5	+ class Colorlib_Dashboard_Widget_Extend_Feed {
6	+
7	+ public function __construct() {
8	+
9	+ // Actions.
10	+ add_action( 'wp_feed_options', array( $this, 'dashboard_update_feed_urls' ), 10, 2 );
11	+
12	+ // Filters.
13	+ add_filter( 'dashboard_secondary_items', array( $this, 'dashboard_items_count' ) );
14	+
15	+ }
16	+
17	+ public function dashboard_items_count() {
18	+
19	+ /**
20	+ * Apply the filters am_dashboard_feed_count for letting an admin
21	+ * override this count.
22	+ */
23	+ return (int) apply_filters( 'colorlib_dashboard_feed_count', 6 );
24	+ }
25	+
26	+ public function dashboard_update_feed_urls( $feed, $url ) {
27	+
28	+ global $pagenow;
29	+
30	+ // Return early if not on the right page.
31	+ if ( 'admin-ajax.php' !== $pagenow ) {
32	+ return;
33	+ }
34	+
35	+ /**
36	+ * Return early if not on the right feed.
37	+ * We want to modify the feed URLs only for the
38	+ * WordPress Events & News Dashboard Widget
39	+ */
40	+
41	+ if ( is_array( $url ) ) {
42	+ if ( ! in_array( 'https://planet.wordpress.org/feed/', $url ) ) {
43	+ return;
44	+ }
45	+ }else{
46	+ if ( strpos( $url, 'planet.wordpress.org' ) === false ) {
47	+ return;
48	+ }
49	+ }
50	+
51	+ // Build the feed sources.
52	+ $all_feed_urls = $this->get_feed_urls( $url );
53	+
54	+ // Update the feed sources.
55	+ $feed->set_feed_url( $all_feed_urls );
56	+ }
57	+
58	+ public function get_feed_urls( $url ) {
59	+
60	+ // Initialize the feeds array.
61	+ $feed_urls = array( $url );
62	+
63	+ $check = get_transient( 'colorlib_dashboard_feed' );
64	+ $feeds = array();
65	+ if ( ! $check ) {
66	+
67	+ $feed_working = 'not-working';
68	+
69	+ // Load SimplePie Instance
70	+ $feed = fetch_feed( array( 'https://colorlib.com/wp/feed/' ) );
71	+
72	+ // TODO report error when is an error loading the feed
73	+ if ( ! is_wp_error( $feed ) ) {
74	+ $feed_urls[] = 'https://colorlib.com/wp/feed/';
75	+ $feed_working = 'working';
76	+ }
77	+
78	+ set_transient( 'colorlib_dashboard_feed', $feed_working, 12 * HOUR_IN_SECONDS );
79	+
80	+ }elseif ( 'working' == $check ) {
81	+ $feed_urls[] = 'https://colorlib.com/wp/feed/';
82	+ }
83	+
84	+ // Return the feed URLs.
85	+ return array_unique( $feed_urls );
86	+ }
87	+ }
88	+
89	+ // Create an instance.
90	+ new Colorlib_Dashboard_Widget_Extend_Feed();
91	+ }

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

@@ -68,10 +68,24 @@ class Colorlib_Login_Customizer_Control_Toggle extends WP_Customize_Control {
             					</i>
             				<# } #>
             			</span>
-            -
            			<div class="onoffswitch">
-            -
            				<input type="checkbox" id="{{{ data.id }}}" name="{{{ data.id }}}" class="onoffswitch-checkbox" value="{{{ data.value }}}" {{{ data.link }}} <# if( data.value ) { #> checked="checked" <# } #> >
-            -
            				<label class="onoffswitch-label" for="{{{ data.id }}}"></label>
-            -
            			</div>
             		</div>
             		<?php
             		//@formatter:on


68	</i>
69	<# } #>
70	</span>
71	+ <div class="epsilon-toggle">
72	+ <input class="epsilon-toggle__input" type="checkbox" id="{{{ data.id }}}"
73	+ name="{{{ data.id }}}" value="{{{ data.value }}}" {{{ data.link }}} <#
74	+ if(
75	+ data.value ) { #> checked="checked" <# } #> >
76	+ <div class="epsilon-toggle__items">
77	+ <span class="epsilon-toggle__track"></span>
78	+ <span class="epsilon-toggle__thumb"></span>
79	+ <svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true"
80	+ role="img" focusable="false" viewBox="0 0 6 6">
81	+ <path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
82	+ </svg>
83	+ <svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true"
84	+ role="img" focusable="false" viewBox="0 0 2 6">
85	+ <path d="M0 0h2v6H0z"></path>
86	+ </svg>
87	+ </div>
88	+ </div>
89	</div>
90	<?php
91	//@formatter:on

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.8\n"
6	"Report-Msgid-Bugs-To: "
7	"https://wordpress.org/support/plugin/colorlib-login-customizer\n"
8	- "POT-Creation-Date: 2019-03-14 13:33:29+00:00\n"
9	"MIME-Version: 1.0\n"
10	"Content-Type: text/plain; charset=utf-8\n"
11	"Content-Transfer-Encoding: 8bit\n"
	@@ -23,7 +23,7 @@ msgstr ""
23	"X-Poedit-SearchPath-0: .\n"
24	"X-Poedit-Bookmarks: \n"
25	"X-Textdomain-Support: yes\n"
26	- "X-Generator: grunt-wp-~~i18n1~~.0.2\n"
27
28	#: includes/class-colorlib-login-customizer-review.php:22
29	msgid ""


2	# This file is distributed under the GPLv3 or later.
3	msgid ""
4	msgstr ""
5	+ "Project-Id-Version: Colorlib Login Customizer 1.2.9\n"
6	"Report-Msgid-Bugs-To: "
7	"https://wordpress.org/support/plugin/colorlib-login-customizer\n"
8	+ "POT-Creation-Date: 2019-04-15 12:45:01+00:00\n"
9	"MIME-Version: 1.0\n"
10	"Content-Type: text/plain; charset=utf-8\n"
11	"Content-Transfer-Encoding: 8bit\n"

23	"X-Poedit-SearchPath-0: .\n"
24	"X-Poedit-Bookmarks: \n"
25	"X-Textdomain-Support: yes\n"
26	+ "X-Generator: grunt-wp-i18n 1.0.3\n"
27
28	#: includes/class-colorlib-login-customizer-review.php:22
29	msgid ""

readme.txt CHANGED Viewed

	@@ -3,7 +3,7 @@ Contributors: silkalns
3	Tags: customize login, login, custom login, customize wordpress login, wordpress login, customizer, custom admin, login logo, logo, login customizer, custom wp-login
4	Requires at least: 4.7
5	Tested up to: 5.1.1
6	- Stable tag: 1.2.8
7	License: GPLv2 or later
8	License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
	@@ -93,6 +93,9 @@ If you enjoy using Colorlib Login Customizer for WordPress please leave a [posit
93
94	== Changelog ==
95



96	= 1.2.8 =
97	* Responsive view fixes
98	* Updated plugin headers


3	Tags: customize login, login, custom login, customize wordpress login, wordpress login, customizer, custom admin, login logo, logo, login customizer, custom wp-login
4	Requires at least: 4.7
5	Tested up to: 5.1.1
6	+ Stable tag: 1.2.9
7	License: GPLv2 or later
8	License URI: http://www.gnu.org/licenses/gpl-3.0.html
9

93
94	== Changelog ==
95
96	+ = 1.2.9 =
97	+ * Update toggles design
98	+
99	= 1.2.8 =
100	* Responsive view fixes
101	* Updated plugin headers

Custom Login Page Customizer by Colorlib - Version 1.2.9

Version Description

Release Info

Code changes from version 1.2.8 to 1.2.9