JSFiddle - React, Tailwind, and code Playground

by eurica

HTML

<script src="http://eurica.github.io/pdjs/js/pdjs.js"></script>
<ul id="log"></ul>

JavaScript

logg = function (str) {
    $("#log").append("<li>" + str + "</li>")
    console.log(str)
}
function toTitleCase(str) {
    return str.replace(/\w\S*/g, function (txt) {
        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
    });
}
PDJS = new PDJSobj({
    server: "cloudoverflow.com",
    subdomain: "super-team",
    token: "1wMptPE5jNx2k8xdVhgd",
})

var desired_users = 200
add_user = function (user) {
    PDJS.api({
        res: "users/",
        type: "POST",
        async: false,
        data: {
            role: "limited_user",
            email: user.email,
            name: toTitleCase(user.name.first + " " + user.name.last),
            requester_id: "P8QNT92",
        },
        success: function (json) {
            logg("Successfully added " + user.email)
        },
        error: function (json) {
            logg("Failed to add " + user.email)
        },
    })
}

get_users = function (results) {
    $.ajax({
        url: 'http://api.randomuser.me/?results=' + results,
        async: false,
        dataType: 'json',
        success: function (data) {
            console.log(data.results);
            $.each(data.results, function (e) {
                add_user(data.results[e].user)
            })
        }
    });
    count_users()
}
count_users = function () {
    PDJS.api({
        res: "users/",
        async: false,
        data: {
            limit: 1,
        },
        success: function (json) {
            console.log("Success")
            if (desired_users > json.total) {
                logg(json.total + " users found, want " + desired_users + " so adding up to " + (desired_users - json.total))
                get_users(desired_users - json.total)
            } else {
                logg("Have enough users: " + json.total)
            }

        },
    })
}
count_users()