JSFiddle - React, Tailwind, and code Playground

by bowheart

JavaScript

g_plans = [];

var buildGrid = function (components) {
    var gridData = components;
    buildHeader(gridData);
};

function buildHeader(components) {
    var lastPromise;
    var yes = false;
    $.each(components, function (key, component) {
        if (yes) {
            // do stuff
        } else {
            lastPromise = getPlans(component.COMPONENT_ID);
        }
    });
    if (lastPromise) {
        lastPromise.done(function() {
            buildRows(components);
        });
    } else {
        buildRows(components);
    }
}

function buildRows(components) {
    console.log(components, g_plans);
}

function getPlans(component) {
    var planPromise = $.ajax({
        url: "/echo/json/",
        type: "POST",
        data: {
            json: JSON.stringify({
                componentId: component
            })
        }
    });
    planPromise.done(function(data) {
        g_plans.push({
            componentId: data.componentId,
        });
    });
    return planPromise;
}


buildGrid([{COMPONENT_ID: 1},{COMPONENT_ID: 2}]);