WordPress.org
Get WordPress

Plugin Directory

Changeset 3187143


Ignore:
Timestamp:
11/13/2024 07:19:25 AM (17 months ago)
Author:
akashdev321
Message:

Update: Compress some js code for better exprience

Location:
floating-contact-sidebar
Files:
44 added
6 edited

Legend:

Unmodified
Added
Removed

  • floating-contact-sidebar/trunk/assets/js/fcscontact-admin-script.js

    r3184849 r3187143  
    77(function($){
    88
    9     $('#fcs-icon-color-cl').on('change',function(){
    10         var color = $(this).val();
    11         $('#fcs-icon-color').val(color);
    12     });
    13     $('#fcs-icon-color').on('change',function(){
    14         var color = $(this).val();
    15         $('#fcs-icon-color-cl').val(color);
    16     });
     9    // General function to handle both Color Input direction changes
     10    function syncColorInputs(inputId1, inputId2) {
     11        $(inputId1).on('change', function() {
     12            var color = $(this).val();
     13            $(inputId2).val(color);
     14        });
     15        $(inputId2).on('change', function() {
     16            var color = $(this).val();
     17            $(inputId1).val(color);
     18        });
     19    }
    1720
    18     $('#fcs-toogle-bg-color').on('change',function(){
    19         var color = $(this).val();
    20         $('#fcs-toogle-bg').val(color);
    21     });
    22     $('#fcs-toogle-bg').on('change',function(){
    23         var color = $(this).val();
    24         $('#fcs-toogle-bg-color').val(color);
    25     });
     21    // Apply the function to the color pairs
     22    syncColorInputs('#fcs-icon-color-cl', '#fcs-icon-color');
     23    syncColorInputs('#fcs-toogle-bg-color', '#fcs-toogle-bg');
     24    syncColorInputs('#fcs-contact-bg-color', '#fcs-contact-bg');
     25    syncColorInputs('#fcs-email-bg-color', '#fcs-email-bg');
     26    syncColorInputs('#fcs-fb-bg-color', '#fcs-fb-bg');
     27    syncColorInputs('#fcs-twitter-bg-color', '#fcs-twitter-bg');
     28    syncColorInputs('#fcs-github-bg-color', '#fcs-github-bg');
    2629
    27     $('#fcs-contact-bg-color').on('change',function(){
    28         var color = $(this).val();
    29         $('#fcs-contact-bg').val(color);
    30     });
    31     $('#fcs-contact-bg').on('change',function(){
    32         var color = $(this).val();
    33         $('#fcs-contact-bg-color').val(color);
    34     });
    3530
    36     $('#fcs-email-bg-color').on('change',function(){
    37         var color = $(this).val();
    38         $('#fcs-email-bg').val(color);
    39     });
    40     $('#fcs-email-bg').on('change',function(){
    41         var color = $(this).val();
    42         $('#fcs-email-bg-color').val(color);
    43     });
     31    // Generalized function to handle checkbox toggles
     32    function toggleSwitch(checkboxId, switchOffId, switchOnId) {
     33        $(checkboxId).click(function() {
     34            var isChecked = $(this).prop('checked');
     35            if (isChecked) {
     36                $(switchOffId).css('display', 'none');
     37                $(switchOnId).css('display', 'inline');
     38            } else {
     39                $(switchOnId).css('display', 'none');
     40                $(switchOffId).css('display', 'inline');
     41            }
     42        });
     43    }
    4444
    45     $('#fcs-fb-bg-color').on('change',function(){
    46         var color = $(this).val();
    47         $('#fcs-fb-bg').val(color);
    48     });
    49     $('#fcs-fb-bg').on('change',function(){
    50         var color = $(this).val();
    51         $('#fcs-fb-bg-color').val(color);
    52     });
    53 
    54     $('#fcs-twitter-bg-color').on('change',function(){
    55         var color = $(this).val();
    56         $('#fcs-twitter-bg').val(color);
    57     });
    58     $('#fcs-twitter-bg').on('change',function(){
    59         var color = $(this).val();
    60         $('#fcs-twitter-bg-color').val(color);
    61     });
    62 
    63     $('#fcs-github-bg-color').on('change',function(){
    64         var color = $(this).val();
    65         $('#fcs-github-bg').val(color);
    66     });
    67     $('#fcs-github-bg').on('change',function(){
    68         var color = $(this).val();
    69         $('#fcs-github-bg-color').val(color);
    70     });
    71 
    72     $('#fcs-phone-en-ds').click(function(){
    73         var isChecked = $('#fcs-phone-en-ds').prop('checked');
    74         if (isChecked) {
    75             $('#fcs-phone-of-switch').css('display','none');
    76             $('#fcs-phone-on-switch').css('display','inline');
    77         }else{
    78             $('#fcs-phone-on-switch').css('display','none');
    79             $('#fcs-phone-of-switch').css('display','inline');
    80         }
    81     });
    82 
    83     $('#fcs-email-en-ds').click(function(){
    84         var isChecked = $('#fcs-email-en-ds').prop('checked');
    85         if (isChecked) {
    86             $('#fcs-mail-of-switch').css('display','none');
    87             $('#fcs-mail-on-switch').css('display','inline');
    88         }else{
    89             $('#fcs-mail-on-switch').css('display','none');
    90             $('#fcs-mail-of-switch').css('display','inline');
    91         }
    92     });
    93 
    94     $('#fcs-fb-en-ds').click(function(){
    95         var isChecked = $('#fcs-fb-en-ds').prop('checked');
    96         if (isChecked) {
    97             $('#fcs-fb-of-switch').css('display','none');
    98             $('#fcs-fb-on-switch').css('display','inline');
    99         }else{
    100             $('#fcs-fb-on-switch').css('display','none');
    101             $('#fcs-fb-of-switch').css('display','inline');
    102         }
    103     });
    104 
    105     $('#fcs-twitter-en-ds').click(function(){
    106         var isChecked = $('#fcs-twitter-en-ds').prop('checked');
    107         if (isChecked) {
    108             $('#fcs-twitter-of-switch').css('display','none');
    109             $('#fcs-twitter-on-switch').css('display','inline');
    110         }else{
    111             $('#fcs-twitter-on-switch').css('display','none');
    112             $('#fcs-twitter-of-switch').css('display','inline');
    113         }
    114     });
    115 
    116     $('#fcs-github-en-ds').click(function(){
    117         var isChecked = $('#fcs-github-en-ds').prop('checked');
    118         if (isChecked) {
    119             $('#fcs-git-of-switch').css('display','none');
    120             $('#fcs-git-on-switch').css('display','inline');
    121         }else{
    122             $('#fcs-git-on-switch').css('display','none');
    123             $('#fcs-git-of-switch').css('display','inline');
    124         }
    125     });
     45    // Apply the function to each checkbox and its corresponding switch
     46    toggleSwitch('#fcs-phone-en-ds', '#fcs-phone-of-switch', '#fcs-phone-on-switch');
     47    toggleSwitch('#fcs-email-en-ds', '#fcs-mail-of-switch', '#fcs-mail-on-switch');
     48    toggleSwitch('#fcs-fb-en-ds', '#fcs-fb-of-switch', '#fcs-fb-on-switch');
     49    toggleSwitch('#fcs-twitter-en-ds', '#fcs-twitter-of-switch', '#fcs-twitter-on-switch');
     50    toggleSwitch('#fcs-github-en-ds', '#fcs-git-of-switch', '#fcs-git-on-switch');
    12651   
    12752    $('.fcs-contact-msg-dismiss').click(function(){
    … …  
    13156
    13257})(jQuery);
     58

  • floating-contact-sidebar/trunk/readme.txt

    r3184849 r3187143  
    55Tags: Floating Contact Sidebar, floating sidebar, floating contact, floating button.
    66Requires at least: 6.1
    7 Tested up to: 6.6.2
    8 Stable tag: 1.0.0
     7Tested up to: 6.7
     8Stable tag: 1.0.1
    99License: GPLv2 or later
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset for help on using the changeset viewer.