function updateSettings(){
    // Get all dem CSS. Ordering is important for CSS!
    // Background image link, or none if empty
    gcC_css.backgroundImage = $("#soloChatBlockImg").val() ? `url(${$("#soloChatBlockImg").val()})` : "none";
    // Repeat value
    gcC_css.backgroundRepeat = $("#SoloChatBlockRepeat").val();
    // Jump through a hoop, get the checked radio button's value and ignore the rest
    gcC_css.backgroundPosition = $('input[name="SoloChatBlockPositionSelect"]:checked').val();
    // Selected size option
    gcC_css.backgroundSize = $("#SoloChatBlockSize").val();
    // Selected attachment option
    gcC_css.backgroundAttachment = $("#SoloChatBlockAttachment").val();
    // Transform value, this decides whether or not to flip the image
    gcC_css.transform = $("#SoloChatBlockTransform").val();
    // Opacity, we need to transform this to usable values
    gcC_css.opacity = Number($("#soloChatBlockOpacity").val())/100;
    // Apply for good measure
    $("#gcContent").css(gcC_css);
    // Save the settings to localStorage
    settings.setItem("SoloChatBlock", JSON.stringify(gcC_css));
}
/*
 * Internal function to update settings. Just grab the current CSS values and roll with it.
 * WYSIWYG, which is exactly what a user wants to save.
 */
Internal function to update settings. Just grab the current CSS values and roll with it.
WYSIWYG, which is exactly what a user wants to save.
Internal function to update settings . Just grab the current CSS values and roll with it . WYSIWYG which is exactly what a user wants to save .
function updateSettings(){
    gcC_css.backgroundImage = $("#soloChatBlockImg").val() ? `url(${$("#soloChatBlockImg").val()})` : "none";
    gcC_css.backgroundRepeat = $("#SoloChatBlockRepeat").val();
    gcC_css.backgroundPosition = $('input[name="SoloChatBlockPositionSelect"]:checked').val();
    gcC_css.backgroundSize = $("#SoloChatBlockSize").val();
    gcC_css.backgroundAttachment = $("#SoloChatBlockAttachment").val();
    gcC_css.transform = $("#SoloChatBlockTransform").val();
    gcC_css.opacity = Number($("#soloChatBlockOpacity").val())/100;
    $("#gcContent").css(gcC_css);
    settings.setItem("SoloChatBlock", JSON.stringify(gcC_css));
}
function updateSettings ( ) { gcC_css . backgroundImage = $ ( "#soloChatBlockImg" ) . val ( ) ? ` ${ $ ( "#soloChatBlockImg" ) . val ( ) } ` : "none" ; gcC_css . backgroundRepeat = $ ( "#SoloChatBlockRepeat" ) . val ( ) ; gcC_css . backgroundPosition = $ ( 'input[name="SoloChatBlockPositionSelect"]:checked' ) . val ( ) ; gcC_css . backgroundSize = $ ( "#SoloChatBlockSize" ) . val ( ) ; gcC_css . backgroundAttachment = $ ( "#SoloChatBlockAttachment" ) . val ( ) ; gcC_css . transform = $ ( "#SoloChatBlockTransform" ) . val ( ) ; gcC_css . opacity = Number ( $ ( "#soloChatBlockOpacity" ) . val ( ) ) / 100 ; $ ( "#gcContent" ) . css ( gcC_css ) ; settings . setItem ( "SoloChatBlock" , JSON . stringify ( gcC_css ) ) ; }
Internal function to update settings.
Internal function to update settings .
// Get all dem CSS. Ordering is important for CSS! // Background image link, or none if empty // Repeat value // Jump through a hoop, get the checked radio button's value and ignore the rest // Selected size option // Selected attachment option // Transform value, this decides whether or not to flip the image // Opacity, we need to transform this to usable values // Apply for good measure // Save the settings to localStorage