view nickname.js @ 11:aedf80eefc19

Also use a spinner on avatar get/set.
author Emmanuel Gil Peyrot <linkmauve@linkmauve.fr>
date Sat, 22 Dec 2018 16:19:08 +0100
parents e47b9bd55192
children 3eed9fe0bd7c
line wrap: on
line source

'use strict';

function initNickname(connection) {
    const nick_input = document.getElementById('nick');
    const spinner_img = document.getElementById('nick-spinner');

    const iq = $iq({type: 'get'})
        .c('pubsub', {xmlns: 'http://jabber.org/protocol/pubsub'})
            .c('items', {node: 'http://jabber.org/protocol/nick'});
    connection.sendIQ(iq, onNickname, onNicknameRetrievalError.bind(null, 'PubSub query failed.'));
    spinner_img.hidden = false;

    function onNickname(result_iq)
    {
        const item = parseXPath(result_iq, './pubsub:pubsub/pubsub:items/pubsub:item');
        if (item == null)
            return onNicknameRetrievalError('no item found.');
        const id = item.getAttributeNS(null, 'id');
        const nick = parseXPath(item, './nickname:nick');
        nick_input.value = nick.textContent;
        spinner_img.hidden = true;
    }

    function onNicknameRetrievalError(string)
    {
        console.log('Failed to retrieve nickname: ' + string);
        spinner_img.hidden = true;
    }

    nick_input.addEventListener('blur', function (evt) {
        const iq = $iq({type: 'set'})
            .c('pubsub', {xmlns: 'http://jabber.org/protocol/pubsub'})
                .c('publish', {node: 'http://jabber.org/protocol/nick'})
                    .c('item', {id: 'current'})
                        .c('nick', {xmlns: 'http://jabber.org/protocol/nick'})
                            .t(nick_input.value);
        connection.sendIQ(iq, onNicknameChanged, onNicknameChangeError);
        spinner_img.hidden = false;
    });

    function onNicknameChanged(iq)
    {
        console.log("onNicknameChanged", iq);
        spinner_img.hidden = true;
    }

    function onNicknameChangeError(iq)
    {
        console.log("onNicknameChangeError", iq);
        spinner_img.hidden = true;
    }
}