diff options
| author | RblSb <msrblsb@gmail.com> | 2020-03-11 07:18:33 +0300 |
|---|---|---|
| committer | RblSb <msrblsb@gmail.com> | 2020-03-11 07:18:33 +0300 |
| commit | 43d38010b20ca15c1aa909a578afeb5edd8c8bd3 (patch) | |
| tree | 6e2c944cd3a94cf15f55e560ff664bd0860db1b0 /res/client.js | |
| parent | 1fb3e2de251f5f1d33a43cd13bc4ca6d3ae23c26 (diff) | |
Emotes lazy load
Diffstat (limited to 'res/client.js')
| -rw-r--r-- | res/client.js | 24 |
1 files changed, 19 insertions, 5 deletions
diff --git a/res/client.js b/res/client.js index 55b2328..3716025 100644 --- a/res/client.js +++ b/res/client.js @@ -430,13 +430,27 @@ client_Buttons.init = function(main) { }; var smilesBtn = window.document.querySelector("#smilesbtn"); smilesBtn.onclick = function(e1) { - smilesBtn.classList.toggle("active"); var smilesWrap = window.document.querySelector("#smileswrap"); - if(smilesBtn.classList.contains("active")) { - return smilesWrap.style.display = "block"; + if(smilesWrap.children.length == 0) { + return; + } + if(smilesBtn.classList.toggle("active")) { + smilesWrap.style.display = "block"; } else { - return smilesWrap.style.display = "none"; + smilesWrap.style.display = "none"; + } + if(smilesWrap.firstElementChild.dataset.src == null) { + return; + } + var _g = 0; + var _g1 = smilesWrap.children; + while(_g < _g1.length) { + var child = _g1[_g]; + ++_g; + child.src = child.dataset.src; + child.removeAttribute("data-src"); } + return; }; window.document.querySelector("#clearchatbtn").onclick = function(e2) { if((main.personal.group & 4) != 0) { @@ -1215,7 +1229,7 @@ client_Main.prototype = { ++_g4; var img = window.document.createElement("img"); img.className = "smile-preview"; - img.src = emote1.image; + img.dataset.src = emote1.image; img.title = emote1.name; smilesWrap.appendChild(img); } |
