Onionr/onionr/static-data/www/ui/dist/js/main.js

/* returns a relative date format, e.g. "5 minutes" */
function timeSince(date) {
    // taken from https://stackoverflow.com/a/3177838/3678023

    var seconds = Math.floor((new Date() - date) / 1000);
    var interval = Math.floor(seconds / 31536000);

    if (interval > 1)
        return interval + " years";
    interval = Math.floor(seconds / 2592000);
    if (interval > 1)
        return interval + " months";
    interval = Math.floor(seconds / 86400);
    if (interval > 1)
        return interval + " days";
    interval = Math.floor(seconds / 3600);
    if (interval > 1)
        return interval + " hours";
    interval = Math.floor(seconds / 60);
    if (interval > 1)
        return interval + " minutes";
    
    return Math.floor(seconds) + " seconds";
}

/* replace all instances of string */
String.prototype.replaceAll = function(search, replacement) {
    // taken from https://stackoverflow.com/a/17606289/3678023
    var target = this;
    return target.split(search).join(replacement);
};

/* sanitizes HTML in a string */
function encodeHTML(html) {
    return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

/* URL encodes a string */
function encodeURL(url) {
    return encodeURIComponent(url);
}

/* user class */
class User {    
    constructor() {
        this.name = 'Unknown';
        this.id = 'unknown';
        this.image = 'img/default.png';
    }

    setName(name) {
        this.name = name;
    }

    getName() {
        return this.name;
    }
    
    setID(id) {
        this.id = id;
    }
    
    getID() {
        return this.id;
    }
    
    setIcon(image) {
        this.image = image;
    }
    
    getIcon() {
        return this.image;
    }
}

/* post class */
class Post {
    /* returns the html content of a post */
    getHTML() {
        var postTemplate = '<!-- POST -->\
<div class="col-12">\
    <div class="onionr-post">\
        <div class="row">\
            <div class="col-2">\
                <img class="onionr-post-user-icon" src="$user-image">\
            </div>\
            <div class="col-10">\
                <div class="row">\
                    <div class="col">\
                        <a class="onionr-post-user-name" href="#!" onclick="viewProfile(\'$user-id-url\', \'$user-name-url\')">$user-name</a>\
                        <a class="onionr-post-user-id" href="#!" onclick="viewProfile(\'$user-id-url\', \'$user-name-url\')" data-placement="top" data-toggle="tooltip" title="$user-id">$user-id-truncated</a>\
                    </div>\
                    <div class="text-right pl-3 pr-3">\
                        <div class="onionr-post-date" data-placement="top" data-toggle="tooltip" title="$date">$date-relative</div>\
                    </div>\
                </div>\
                \
                <div class="onionr-post-content">\
                    $content\
                </div>\
                \
                <div class="onionr-post-controls pt-2">\
                    <a href="#!" class="glyphicon glyphicon-heart mr-2">like</a>\
                    <a href="#!" class="glyphicon glyphicon-comment mr-2">comment</a>\
                </div>\
            </div>\
        </div>\
    </div>\
</div>\
<!-- END POST -->\
';
        
        postTemplate = postTemplate.replaceAll('$user-name-url', encodeHTML(encodeURL(this.getUser().getName())));
        postTemplate = postTemplate.replaceAll('$user-name', encodeHTML(this.getUser().getName()));
        postTemplate = postTemplate.replaceAll('$user-id-url', encodeHTML(encodeURL(this.getUser().getID())));
        postTemplate = postTemplate.replaceAll('$user-id-truncated', encodeHTML(this.getUser().getID().split('-').slice(0, 4).join('-')));
        postTemplate = postTemplate.replaceAll('$user-id', encodeHTML(this.getUser().getID()));
        postTemplate = postTemplate.replaceAll('$user-image', encodeHTML(this.getUser().getIcon()));
        postTemplate = postTemplate.replaceAll('$content', encodeHTML(this.getContent()));
        postTemplate = postTemplate.replaceAll('$date-relative', timeSince(this.getPostDate()) + ' ago');
        postTemplate = postTemplate.replaceAll('$date', this.getPostDate().toLocaleString());
        
        return postTemplate;
    }
    
    setUser(user) {
        this.user = user;
    }
    
    getUser() {
        return this.user;
    }
    
    setContent(content) {
        this.content = content;
    }
    
    getContent() {
        return this.content;
    }
    
    setPostDate(date) { // unix timestamp input
        if(date instanceof Date)
            this.date = date;
        else
            this.date = new Date(date * 1000);
    }
    
    getPostDate() {
        return this.date;
    }
}

/* handy localstorage functions for quick usage */

function set(key, val) {
    return localStorage.setItem(key, val);
}

function get(key, df) { // df is default
    value = localStorage.getItem(key);
    if(value == null)
        value = df;
    
    return value;
}

function remove(key) {
    return localStorage.removeItem(key);
}