Changeset 3096344

Timestamp:

06/02/2024 04:17:46 PM (20 months ago)

Author:

Hakik

Message:

v1.1.4: Settings UI update, instant update the selected image for background and logo, Updated the script

Location:

ideal-wp-login-logo-changer

Files:

• tags/1.1.3 (added)
• tags/1.1.3/admin (added)
• tags/1.1.3/admin/backend.js (added)
• tags/1.1.3/ideal-wp-login-logo-changer.php (added)
• tags/1.1.3/readme.txt (added)
• tags/1.1.4 (added)
• tags/1.1.4/admin (added)
• tags/1.1.4/admin/backend.js (added)
• tags/1.1.4/ideal-wp-login-logo-changer.php (added)
• tags/1.1.4/readme.txt (added)
• trunk/admin/backend.js (modified) (1 diff)
• trunk/ideal-wp-login-logo-changer.php (modified) (8 diffs)
• trunk/readme.txt (modified) (3 diffs)

ideal-wp-login-logo-changer/trunk/admin/backend.js

@@ -34 +34 @@
 
         // Image Popup Function
+        var frame;
         $('[id=iwllc-upload-btn]').click(function(e) {
             e.preventDefault();
+
             var btn = $(this);
-            var image = wp.media({ 
-                title: 'Upload Logo',
+
+            // If the media frame already exists, reopen it.
+            if ( frame ) {
+              frame.open();
+              return;
+            }
+            // Create a new media frame
+            var frame = wp.media({ 
+                title: btn.hasClass('iwllc-logo') ? 'Upload Logo' : 'Upload Background',
                 multiple: false
-            }).open()
-            .on('select', function(e){
-                var uploaded_image = image.state().get('selection').first();
-                console.log(uploaded_image);
+            });
+            // When an image is selected in the media frame...
+            frame.on('select', function(e){
+                var uploaded_image = frame.state().get('selection').first();
+                // console.log(uploaded_image);
                 var image_url = uploaded_image.toJSON().url;
                 btn.closest('td').find('input[type=text]').val(image_url);
+                // Instant replace image src to display selected logo
+                if( btn.hasClass('iwllc-logo') ){
+                    $('.iwllc_current_logo').attr( 'src', image_url );
+                }
+                // Instant replace background img src to display selected background img
+                if( btn.hasClass('iwllc-bg') ){
+                    $('.iwllc_current_bg').attr( 'src', image_url );
+                }
             });
+            // Finally, open the modal on click
+            frame.open();
         });
 

ideal-wp-login-logo-changer/trunk/ideal-wp-login-logo-changer.php

@@ -3 +3 @@
 Plugin Name: Custom Login Logo
 description: Change the default WordPress logo by uploading your site logo for the login page.
-Version: 1.1.3
+Version: 1.1.4
 Author: Hakik Zaman
 Author URI: https://github.com/hakikz
@@ -23 +23 @@
 
 /*Defining Constant*/
-define("IWLLC_VERSION", '1.1.3');
+define("IWLLC_VERSION", '1.1.4');
 
 /*Add body class for options page*/
@@ -107 +107 @@
                     <th>Current Logo</th>
                     <td>
-                        <img src="<?php echo esc_attr( get_option('iwllc_wp_logo_url') ); ?>" alt="Current Logo" width="220">
+                        <img class="iwllc_current_logo" src="<?php echo esc_url( get_option('iwllc_wp_logo_url') ); ?>" alt="<?php echo esc_html__( 'Current Logo', 'ideal-wp-login-logo-changer' ) ?>" width="220">
                     </td>
                 </tr>
@@ -116 +116 @@
                     <td>
                         <input type="text" id="iwllc_wp_logo_url" name="iwllc_wp_logo_url" value="<?php echo esc_attr( get_option('iwllc_wp_logo_url') ); ?>" />
-                        <input type="button" name="iwllc-upload-btn" id="iwllc-upload-btn" class="button-secondary" value="Upload Logo">
+                        <input type="button" name="iwllc-upload-btn" id="iwllc-upload-btn" class="button-secondary iwllc-logo" value="<?php echo esc_html__( 'Upload Logo', 'ideal-wp-login-logo-changer' ) ?>">
                         <p class="description"><i><?php echo esc_html__( 'This Image will be displayed in Login Page', 'ideal-wp-login-logo-changer' ) ?></i></p>
                     </td>
@@ -148 +148 @@
                     <th>Current Background Image</th>
                     <td>
-                        <img src="<?php echo esc_attr( get_option('iwllc_wp_bg_img_url') ); ?>" alt="Current Background Image" width="220">
+                        <img class="iwllc_current_bg" src="<?php echo esc_url( get_option('iwllc_wp_bg_img_url') ); ?>" alt="Current Background Image" width="220">
                     </td>
                 </tr>
@@ -158 +158 @@
                     <td>
                         <input type="text" id="iwllc_wp_bg_img_url" name="iwllc_wp_bg_img_url" value="<?php echo esc_attr( get_option('iwllc_wp_bg_img_url') ); ?>" />
-                        <input type="button" name="iwllc-upload-btn" id="iwllc-upload-btn" class="button-secondary" value="Upload Logo">
-                        <p class="description"><i><?php echo esc_html__( 'This Image will be displayed as background image of Login Page' ) ?></i></p>
+                        <input type="button" name="iwllc-upload-btn" id="iwllc-upload-btn" class="button-secondary iwllc-bg" value="<?php echo esc_html__( 'Upload Background', 'ideal-wp-login-logo-changer' ) ?>">
+                        <p class="description"><i><?php echo esc_html__( 'This Image will be displayed as background image of Login Page', 'ideal-wp-login-logo-changer' ) ?></i></p>
                     </td>
                 </tr>
@@ -168 +168 @@
                     <td>
                         <input type="url" id="iwllc_wp_logo_link" name="iwllc_wp_logo_link" value="<?php echo esc_attr( get_option('iwllc_wp_logo_link') ); ?>" />
-                        <p class="description"><i><?php echo esc_html__( 'Set your desired link, to redirect after clicking on your logo' ) ?></i></p>
+                        <p class="description"><i><?php echo esc_html__( 'Set your desired link, to redirect after clicking on your logo', 'ideal-wp-login-logo-changer' ) ?></i></p>
                     </td>
                 </tr>
@@ -177 +177 @@
                     <td>
                         <input type="text" name="iwllc_wp_logo_width" value="<?php echo esc_attr( get_option('iwllc_wp_logo_width') ); ?>" />
-                        <p class="description"><i><?php echo esc_html__( 'Default width is 100%' ) ?></i></p>
+                        <p class="description"><i><?php echo esc_html__( 'Default width is 100%', 'ideal-wp-login-logo-changer' ) ?></i></p>
                     </td>
                 </tr>

ideal-wp-login-logo-changer/trunk/readme.txt

@@ -5 +5 @@
 Tested up to: 6.5
 Requires PHP: 5.2.4
-Stable tag: 1.1.3
+Stable tag: 1.1.4
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -23 +23 @@
 👉 By default, the login logo will not redirect to wordpress.org rather than redirect to your site.
 👉 You can redirect anywhere after clicking on your site logo (if you set a link).
-👉 You can check current logo right after save your settings on plugin setting page.
+👉 You can check current logo right after saving your settings on plugin setting page.
 
 == How does the Custom Login Logo For WordPress work: == 
@@ -62 +62 @@
 == Changelog ==
 
+= 1.1.4 [02-06-2024] =
+* Enhancement: Settings UI. Now, it will display the selected image (with current logo/background image) right after selecting an image.
+* Update: Script Update.
+
 = 1.1.3 [21-04-2024] =
 * Security: Whole codebase using PCP (Plugin Check Plugin).