assets.js.entity-editor.js Maven / Gradle / Ivy

Go to download
var entityData;
var editor;

function submitData(url, data, type) {
    if (data === undefined) {
        data = ""
    }
    return $.ajax({
        url: url,
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
        },
        type: type, // get,post,put,delete
        dataType: "json", // NOTE: expecting 'json' fails on empty 200 response
        data: data,
        statusCode: {
            404: function () {
                console.log("404 Error in response")
            },
            500: function () {
                console.log("500 Error in response")
            }
        }
    }).always(function () {
    })
}

function renderConfigSelector() {
    var html = ""
        + ""
        + "Select config type 
Select entity to edit 
" + ""
        + ""
        + " "
        + "
 ";

    $("#entity-editor-place-holder").html(html);

    var database = $("#databaseOverride").val();
    var readEntityUrl = "/entity";
    var getParameters = "";
    if (database) {
      getParameters = {"useSchema": database}
    }
    submitData(readEntityUrl, getParameters, "get").done(function (data) {
        var select = "";
        for (var i in data) {
            select += "";
        }
        $("#entityTypeSelector").html(select);
    });
}

function renderEntitySelector() {
    var entityType = $("#entityTypeSelector").find(':selected').val();

    clear();
    $("#entitySelector").empty();
    entityData = "";

    var database = $("#databaseOverride").val();
    var getParameters = "";
    if (database) {
      getParameters = {"useSchema": database}
    }
    if (entityType !== 'select') {
        submitData("/entity/" + entityType, getParameters, "get").done(function (data) {
            entityData = data;
            var select = "";
            for (var i in data) {
                select += "";
            }
            $("#entitySelector").html(select);
        });
    }
    renderEntityEditor()
}

function buildNameForEntity(entity, entityType) {
    switch (entityType) {
        case "GATEWAY_BACKEND":
        case "RESOURCE_GROUP":
            return entity.name;
        case "SELECTOR":
            return entity.resourceGroupId;
        default:
            console.log("entity type not found : " + entityType);
            return entity[0];
    }
}

function renderEntityEditor() {
    clear();
    var entityType = $("#entityTypeSelector").find(':selected').val();
    var element = document.getElementById("entityDetails");
    editor = new JSONEditor(element, {schema: {type: "object"}});
    var entity = "";
    var entityId = $("#entitySelector").find(':selected').val();
    for (var i in entityData) {
        if (buildNameForEntity(entityData[i], entityType) == entityId) {
            entity = entityData[i];
        }
    }

    editor.set(entity);

    var submitHtml = "";
    $("#entityEditorBottom").html(submitHtml);

    var entityDetailsTextArea = $("#entityDetailsTextArea");
    entityDetailsTextArea.html("" + JSON.stringify(editor.get(), null, 4) + "");
    entityDetailsTextArea.append("");
}

function updateObject() {
    var entityType = $("#entityTypeSelector").find(':selected').val();
    var jsonVal = JSON.stringify(editor.get());

    var database = $("#databaseOverride").val();
    var updateParams = {"entityType":entityType };
    if (database) {
      updateParams["useSchema"] = database;
    }
    submitData("/entity?" + $.param(updateParams), jsonVal, "post").done(function (data) {
        console.log(data);
        renderEntitySelector();
    })
}

function loadToEditor() {
    editor.set(JSON.parse($("#jsonTextArea").val()));
}

function clear() {
    $("#entityDetails").empty();
    $("#entityDetailsTextArea").empty();
    $("#entityEditorBottom").empty();
}