comparison mercurial/templates/static/mercurial.js @ 19781:74564c90026b

hgweb: make infinite scroll handling more generic and extensible

Namely, this allows the next page pointer to be not only revision hash given
in page code, but also any value computed from the value for previous page.

19780:659bc603bd0d

function appendFormatHTML(element, formatStr, replacements) {
    element.insertAdjacentHTML('beforeend', format(formatStr, replacements));
}

function ajaxScrollInit(urlFormat,
                        nextHash,
                        nextHashRegex,
                        containerSelector,
                        messageFormat) {
    updateInitiated = false;
    container = document.querySelector(containerSelector);

        if (scrollHeight - (scrollTop + clientHeight) < 50) {
            updateInitiated = true;
            removeByClassName('scroll-loading-error');
            container.lastElementChild.classList.add('scroll-separator');

            if (!nextHash) {
                var message = {
                    class: 'scroll-loading-info',
                    text: 'No more entries'
                };
                appendFormatHTML(container, messageFormat, message);
                return;
            }

            makeRequest(
                format(urlFormat, {hash: nextHash}),
                'GET',
                function onstart() {
                    var message = {
                        class: 'scroll-loading',
                        text: 'Loading...'
                    };
                    appendFormatHTML(container, messageFormat, message);
                },
                function onsuccess(htmlText) {
                    var m = htmlText.match(nextHashRegex);
                    nextHash = m ? m[1] : null;

                    var doc = docFromHTML(htmlText);
                    var nodes = doc.querySelector(containerSelector).children;
                    while (nodes.length) {
                        var node = nodes[0];

19781:74564c90026b

function appendFormatHTML(element, formatStr, replacements) {
    element.insertAdjacentHTML('beforeend', format(formatStr, replacements));
}

function ajaxScrollInit(urlFormat,
                        nextPageVar,
                        nextPageVarGet,
                        containerSelector,
                        messageFormat) {
    updateInitiated = false;
    container = document.querySelector(containerSelector);

        if (scrollHeight - (scrollTop + clientHeight) < 50) {
            updateInitiated = true;
            removeByClassName('scroll-loading-error');
            container.lastElementChild.classList.add('scroll-separator');

            if (!nextPageVar) {
                var message = {
                    class: 'scroll-loading-info',
                    text: 'No more entries'
                };
                appendFormatHTML(container, messageFormat, message);
                return;
            }

            makeRequest(
                format(urlFormat, {next: nextPageVar}),
                'GET',
                function onstart() {
                    var message = {
                        class: 'scroll-loading',
                        text: 'Loading...'
                    };
                    appendFormatHTML(container, messageFormat, message);
                },
                function onsuccess(htmlText) {
                    nextPageVar = nextPageVarGet(htmlText, nextPageVar);

                    var doc = docFromHTML(htmlText);
                    var nodes = doc.querySelector(containerSelector).children;
                    while (nodes.length) {
                        var node = nodes[0];