function liveblogInsertGap()

in ArticleTemplates/assets/js/bootstraps/liveblog.js [268:295]

• 25 lines of code
• 1 McCabe index (conditional complexity)

function liveblogInsertGap(afterBlockId, olderPagination, newerPagination) {
    let before = document.createElement('div');
    let after = document.createElement('div');
    let loading = document.createElement('div');

    before.innerHTML = `
        <div onclick="return onGapClick(event, '${afterBlockId}', '${olderPagination}')" class="more more--live-blogs-blocks after-${afterBlockId}">
            <a href="${olderPagination}" class="more__button">
    	        <span class="more__icon" data-icon="&#xe050;" aria-hidden="true"></span>
    	        <span class="more__text">Load more</span>
            </a>
        </div>
    `;

    after.innerHTML = `
        <div onclick="return onGapClick(event, '${afterBlockId}', '${newerPagination}')" class="more more--live-blogs-blocks after-${afterBlockId}">
            <a href="${newerPagination}" class="more__button">
                <span class="more__icon" data-icon="&#xe050;" aria-hidden="true"></span>
                <span class="more__text">Load more</span>
            </a>
        </div>
    `;

    loading.innerHTML = `<div style="display: none" id="loading-${afterBlockId}" class="loading gap-loading" data-icon="&#xe00C;">`
    insertAfter(document.getElementById(afterBlockId), after);
    insertAfter(document.getElementById(afterBlockId), loading);
    insertAfter(document.getElementById(afterBlockId), before);
}