base.js

var snapURL = location.origin + '/snap/snap.html',
    snapDevURL = location.origin + '/snapsource/dev/snap.html',
    baseURL = location.href.replace(/(.*)\/.*/, '$1'),
    modules = [], // compatibility with cloud.js
    nop = function () {},
    localizer = new Localizer(),
    buttonDefaults =
        { done: { text: 'Ok', default: true }, cancel: { text: 'Cancel' } };

function getUrlParameter (param) {
    var regex = new RegExp('[?&]' + param + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(location.href);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
};

function pageUser () {
    return getUrlParameter('user');
};

function pageProject () {
    return getUrlParameter('project');
};

// Permissions

function hasAnyOfRoles (roleList) {
    return roleList.indexOf(sessionStorage.role) > -1
};

// Data insertion

function fillVisitorFields () {
    if (sessionStorage.username) {
        document.querySelectorAll('.visitor').forEach(function (each) {
            each.innerHTML = escapeHtml(sessionStorage.username);
        });
    }
};

function fillUsernameFields () {
    var username = pageUser();
    if (username) {
        document.querySelectorAll('.username').forEach(function (each) {
            each.innerHTML = escapeHtml(username);
        });
    }
};

function setTitle (newTitle) {
    document.title = newTitle;
};

// Element creation

function authorSpan (author, newTab) {
    var span = document.createElement('span');
    span.classList.add('author');
    span.innerHTML = localizer.localize(' by ');
    span.appendChild(userAnchor(author, newTab));
    return span;
};

function userAnchor (username, newTab) {
    var anchor = document.createElement('a');
    anchor.href = 'user?user=' + encodeURIComponent(username);
    anchor.target = newTab ? '_blank' : '';
    anchor.innerHTML = '<strong>' + escapeHtml(username) + '</strong>';
    return anchor;
};

function flagCountSpan (count) {
    var span = document.createElement('span');
    span.innerHTML =
        'Flagged <strong>' + count + '</strong> time' +
        ((count > 1) ? 's' : '');
    return span;
};

function flagSpan (flag) {
    var span = document.createElement('span'),
        dateSpan = document.createElement('span'),
        headerSpan = document.createElement('span'),
        reasonSpan = document.createElement('span'),
        flaggedText = document.createElement('span'),
        onText = document.createElement('span'),
        removeAnchor = document.createElement('a'),
        icon = document.createElement('i');
    span.classList.add('flag');
    headerSpan.classList.add('header');
    reasonSpan.classList.add('reason');
    reasonSpan.classList.add('warning');
    reasonSpan.innerText = {
        coc: 'Code of Conduct violation',
        hack: 'Security vulnerability exploit',
        dmca: 'DMCA policy violation'
    }[flag.reason];
    headerSpan.appendChild(reasonSpan);
    icon.classList.add('fas');
    icon.classList.add('fa-times-circle');
    removeAnchor.classList.add('remove');
    removeAnchor.classList.add('clickable');
    removeAnchor.appendChild(icon);
    removeAnchor.onclick = function () {
        SnapCloud.withCredentialsRequest(
            'DELETE',
            '/projects/' +
            encodeURIComponent(pageUser()) + '/' +
            encodeURIComponent(pageProject()) +
            '/flag?flagger=' + encodeURIComponent(flag.username),
            function () {
                span.classList.add('warning-flash');
                setTimeout( function () { span.remove(); }, 1000);
            },
            genericError,
            'Could not unflag project'
        );
    };
    headerSpan.appendChild(removeAnchor);
    span.appendChild(headerSpan);
    flaggedText.innerText = localizer.localize('Flagged');
    span.appendChild(flaggedText);
    span.appendChild(authorSpan(flag.username, true));
    onText.innerText = localizer.localize(' on ');
    span.appendChild(onText);
    dateSpan.innerHTML = formatDate(flag.created_at);
    span.appendChild(dateSpan);
    span.title = flag.notes;
    return span;
};

function isPublicSpan (isPublic) {
    var span = document.createElement('span'),
        tooltip = isPublic ?
            'This item can be shared via URL' :
            'This item is private',
        faClass = isPublic ? 'fa-link' : 'fa-unlink';
    span.classList.add('is-public');
    span.innerHTML = '<small><i class="fas ' + faClass +
        '" aria-hidden="true"></i></small>';
    span.title = localizer.localize(tooltip);
    return span;
};

function isPublishedSpan (isPublished) {
    var span = document.createElement('span'),
        tooltip = isPublished ?
            'This item is published' :
            'This item is unpublished',
        faClass = isPublished ? 'fa-eye' : 'fa-eye-slash';

    span.classList.add('is-published');
    span.innerHTML = '<small><i class="fas ' + faClass +
        '" aria-hidden="true"></i></small>';
    span.title = localizer.localize(tooltip);
    return span;
};

function projectCodeButtonSpan (project) {
    var span = document.createElement('span');
    var tooltip = 'See Code';

    span.classList.add('project-code-button');
    span.innerHTML = '<a style="color: inherit;" ' +
        'target="_blank" rel="noopener noreferrer" ' +
        'href="' +
        projectURL(
            project.username,
            project.projectname,
            getUrlParameter('devVersion') !== null) +
        '&editMode&noRun">' +
        '<i class="fas fa-lambda' +
        '" aria-hidden="true"></i></a>';
    span.title = localizer.localize(tooltip);
    return span;
};

function projectURL (author, project, devVersion) {
    return (devVersion ? snapDevURL : snapURL) +
        '#present:Username=' + encodeURIComponent(author) +
        '&ProjectName=' + encodeURIComponent(project);
};

function projectSpan (author, project) {
    var span = document.createElement('span');
    span.classList.add('project-link');
    span.innerHTML =
        '<a href="project?user=' + encodeURIComponent(author) +
        '&project=' + encodeURIComponent(project) + '">' +
        escapeHtml(project) + '</a>';
    return span;
};

function collectionURL (author, name) {
    return 'collection?' + 
        SnapCloud.encodeDict({
            user: author,
            collection: name
        });
};

// Error handling

function genericError (errorString, title) {
    doneLoading();
    alert(
        localizer.localize(errorString || 'Unknown error'),
        { title: localizer.localize(title || 'Error')}
    );
    console.error(errorString);
};

// Page loading

function beganLoading (selector) {
    var loader;
    if (selector) {
        loader = document.createElement('div');
        loader.className = 'loader';
        loader.innerHTML =
            '<i class="fa fa-spinner fa-spin fa-3x" aria-hidden="true"></i>';
        document.querySelector(selector).appendChild(loader);
    }
};

function doneLoading (selector) {
    var element = document.querySelector(
            selector ?
                (selector + '> .loader') :
            '#loading');
    localizer.localizePage();
    if (element) {
        element.hidden = true;
    }
};

// Other goodies

function formatDate (dateString) {
    return (new Date(dateString + ':00')).toLocaleString(
        localizer.locale || 'en-us',
        { month: 'long', day: 'numeric', year: 'numeric' }
    );
};

function escapeHtml (text) {
    // Based on an answer by Kip @ StackOverflow
    var map = {
        '&': '&amp;',
        '<': '&lt;',
        '>': '&gt;',
        '"': '&quot;',
        "'": '&#039;'
    };
    return text ? text.replace(/[&<>"']/g, function (m) { return map[m]; }) : ''
};

// JS additions

Array.prototype.sortBy = function (parameter, reverse) {
    return this.sort(
        function (a, b) {
            if (reverse) {
                return (a[parameter] > b[parameter]) ? 1 : -1;
            } else {
                return (a[parameter] > b[parameter]) ? -1 : 1;
            }
        }
    );
};

// CustomAlert helpers

function confirmTitle (title) {
    // there's a bug in customalert.js preventing us from
    // using a custom title unless we also specify text for
    // the ok and cancel buttons
    return {
        title: localizer.localize(title),
        done: localizer.localize('Ok'),
        cancel: localizer.localize('Cancel')
    };
}