Newest Member Avatar in Board Stats

Preview

Admin CP → Themes → Board Templates → Below the board

<script>
const usernameLink = document.querySelector('div.stats a.username');

if (usernameLink && sessionStorage.getItem('statsName') !== usernameLink.innerText) {
    fetch(usernameLink.getAttribute('href'))
        .then(response => {
            return response.text();
        })
        .then(html => {
            sessionStorage.setItem('statsName', usernameLink.innerText);
            const parser = new DOMParser();
            const doc = parser.parseFromString(html, 'text/html');
            const imageURL = doc.querySelector('div.profile-identity__avatar img').getAttribute('src');
            sessionStorage.setItem('statsAvatar', imageURL);
            const avatar = document.createElement('img');
            avatar.src = imageURL;
            avatar.width = '25';
            avatar.height = '25';
            avatar.style.display = 'inline-block';
            avatar.alt = 'User Avatar';
            usernameLink.prepend(avatar);
        });
} else {
    const avatar = document.createElement('img');
    avatar.src = sessionStorage.getItem('statsAvatar');
    avatar.width = '25';
    avatar.height = '25';
    avatar.style.display = 'inline-block';
    avatar.alt = 'User Avatar';
    usernameLink.prepend(avatar);
}
</script>