WhatsApp Web Background Changer

Change WhatsApp Web Chat Background

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

// ==UserScript==
// @id           WhatsApp Web Background Changer
// @name         WhatsApp Web Background Changer
// @namespace    https://www.github.com/iamKunal
// @version      4.0.0
// @description  Change WhatsApp Web Chat Background
// @author       Kunal Gupta < [email protected] >
// @icon         https://github.com/iamKunal/UserScripts/raw/master/WhatsApp-Web-Background-Changer/assets/wa-bg.png
// @icon64       https://github.com/iamKunal/UserScripts/raw/master/WhatsApp-Web-Background-Changer/assets/wa-bg64.png
// @match        https://web.whatsapp.com/
// @grant        GM_setValue
// @grant        GM_getValue
// @require      http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// ==/UserScript==


// ==/UserScript==
var bgURLold="https://github.com/iamKunal/UserScripts/raw/master/WhatsApp-Web-Background-Changer/assets/default_wallpaper.jpg";
var bgImage;
(function() {
    'use strict';

    var bgImage = GM_getValue("bgURL",bgURLold);
        var checkExist = setInterval(function() {
        if (!$('#startup').length) { //Check for Content to Load
            clearInterval(checkExist);
    var a=document.getElementsByTagName("body")[0];
    //node.addEventListener('click',askBG,false);
    var input = document.createElement("input");
    input.type="file";
    input.setAttribute("id","wa-bg-change-input");
    input.style.display="none";
    input.accept="image/*";
    input.onchange=function(){
        var fr = new FileReader();
        fr.onload = function(){
            if(input.files!==null){
                var thisChat = null;
                thisChat = confirm("Press OK to confirm setting the selected wallpaper for all chats.");
                GM_setValue("bgURL",fr.result);
                //document.body.click();
                updateWP();
            }
        };
        if(input.files!==null){
            fr.readAsDataURL(input.files[0]);
        }
    };
    a.appendChild(input);

    document.getElementById("wa-bg-change-input").click();

        }
    }, 100);
    $(document).keydown(function(e){
        if (e.keyCode==66 && e.ctrlKey)
            $('#wa-bg-change-input').click();
    });
    updateWP();
    })();


function updateWP(){
    var bgImage = GM_getValue("bgURL",bgURLold);
    if ($('#wa-bg-css' != null)){
        $('#wa-bg-css').innerHTML=''
    }
    injectHTML(`
<div id="wa-bg-css"><style>
[data-asset-chat-background]{
background-image:url('` + bgImage + `') !important;
background-position: center;
opacity: 1.0;
}
</style></div>
`);

}

function injectHTML(rule) {
    var div = $("<div />", {
        html: '' + rule + ''
    }).appendTo("body");
}