var restApiCalls = [];
var restApiCallMap = new Map();
var appInstanceId = '36766';
var dataNodeId = '1232';
var appAccessToken = '2CZziI55PpYD96bLPCvzon';
var credentials = 'YXBpc2RrQHNpbmd1bGFyLmxpdmU6c0RrQXBJ';

var urlSingularHome = 'https://app.singular.live';
var urlResourceAppInstances = '/apiv1/appinstances/';
var urlResourceDataNodes = '/apiv1/datanodes/';
var urlAppInstances = urlSingularHome + urlResourceAppInstances;
var urlDataNodes = urlSingularHome + urlResourceDataNodes;


//var urlAppId = "https://app.singular.live/apiv1/appinstances/8963/control";
//var urlAccessToken = "https://beta.singular.live/apiv1/control/3Wqax3fo6qXs0f7cASz61Y";

var requestMethod;
var requestURL;
var resourceURL;
var requestBody;

var plUpCtrlNode1 = [{
    "compositionName": "Baseline",
    "controlNode": {
        "payload": {
            "Title": "Title 1",
            "Text": "Baseline Information 1"
        }
    }
}];
var plUpCtrlNode2 = [{
    "compositionName": "Baseline",
    "controlNode": {
        "payload": {
            "Title": "Title 2",
            "Text": "Baseline Information 2"
        }
    }
}];

var plAnimIn = [{
    "compositionName": "Baseline",
    "animation": {
        "action": "play",
        "from": "Out",
        "to": "In"
    }
}];
var plAnimOUT = [{
    "compositionName": "Baseline",
    "animation": {
        "action": "play",
        "from": "In",
        "to": "Out"
    }
}];

var plEmpty = [{}];

/**************************************************************************
 * initialize 
 */

$(document).ready(function () {

    logOutput("[ready]: Start ...");

    // App Instance API Calls
    restApiCallMap.set('GET All App Instances', {
        'method': "GET",
        'resourceURL': urlResourceAppInstances,
        'requestURL': urlAppInstances,
        'requestBody': null
    });
    restApiCallMap.set('GET One App Instance', {
        'method': "GET",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}',
        'requestURL': urlAppInstances + appInstanceId,
        'requestBody': null
    });
    restApiCallMap.set('GET Outputs of App Instance', {
        'method': "GET",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/outputs',
        'requestURL': urlAppInstances + appInstanceId + '/outputs',
        'requestBody': null
    });
    restApiCallMap.set('GET Control Properties of App Instance', {
        'method': "GET",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/control',
        'requestURL': urlAppInstances + appInstanceId + '/control',
        'requestBody': null
    });
    restApiCallMap.set('GET Subcompositions of an App Instance', {
        'method': "GET",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/subcompositions',
        'requestURL': urlAppInstances + appInstanceId + '/subcompositions',
        'requestBody': null
    });
    restApiCallMap.set('GET Subcompositions of an App Instance', {
        'method': "GET",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/subcompositions',
        'requestURL': urlAppInstances + appInstanceId + '/subcompositions',
        'requestBody': null
    });
    restApiCallMap.set('PUT Load "Blue" Composition into an App Instance', {
        'method': "PUT",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/composition',
        'requestURL': urlAppInstances + appInstanceId + '/composition',
        'requestBody': {
            "refId": "85834"
        }
    });
    restApiCallMap.set('PUT Load "Green" Composition into an App Instance', {
        'method': "PUT",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/composition',
        'requestURL': urlAppInstances + appInstanceId + '/composition',
        'requestBody': {
            "refId": "85836"
        }
    });

    restApiCallMap.set('PUT Jump Animation "Panel Left" to state "In"', {
        'method': "PUT",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/control',
        'requestURL': urlAppInstances + appInstanceId + '/control',
        'requestBody': [{
            "compositionName": "Panel Left",
            "animation": {
                "action": "jump",
                "to": "In"
            }
        }]
    });
    restApiCallMap.set('PUT Play Animation "Lower Topic" to state "In"', {
        'method': "PUT",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/control',
        'requestURL': urlAppInstances + appInstanceId + '/control',
        'requestBody': [{
            "compositionName": "Lower Topic",
            "animation": {
                "action": "play",
                "to": "In"
            }
        }]
    });
    restApiCallMap.set('PUT Play Animation "Lower Line" to state "In"', {
        'method': "PUT",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/control',
        'requestURL': urlAppInstances + appInstanceId + '/control',
        'requestBody': [{
            "compositionName": "Lower Line",
            "animation": {
                "action": "play",
                "to": "In"
            }
        }]
    });
    restApiCallMap.set('PUT Play Animation "Baseline Crawl" to state "In"', {
        'method': "PUT",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/control',
        'requestURL': urlAppInstances + appInstanceId + '/control',
        'requestBody': [{
            "compositionName": "Baseline Crawl",
            "animation": {
                "action": "play",
                "to": "In"
            }
        }]
    });
    restApiCallMap.set('PUT Play Animation All to state "Out"', {
        'method': "PUT",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/control',
        'requestURL': urlAppInstances + appInstanceId + '/control',
        'requestBody': [{
            "compositionName": "Lower Line",
            "animation": {
                "action": "play",
                "to": "Out"
            }
        }, {
            "compositionName": "Lower Topic",
            "animation": {
                "action": "play",
                "to": "Out"
            }
        }, {
            "compositionName": "Panel Left",
            "animation": {
                "action": "play",
                "to": "Out"
            }
        }, {
            "compositionName": "Baseline Crawl",
            "animation": {
                "action": "play",
                "to": "Out"
            }
        }]
    });
    restApiCallMap.set('PUT Update "Lower Topic" Content', {
        'method': "PUT",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/control',
        'requestURL': urlAppInstances + appInstanceId + '/control',
        'requestBody': [{
            "compositionName": "Lower Topic",
            "controlNode": {
                "payload": {
                    "Title": "Singular REST Commander",
                    "Subtitle": "Content updated using REST API PUT method..."
                }
            }
        }]
    });
    restApiCallMap.set('PUT Update "Lower Line" Content', {
        'method': "PUT",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}' + '/control',
        'requestURL': urlAppInstances + appInstanceId + '/control',
        'requestBody': [{
            "compositionName": "Lower Line",
            "controlNode": {
                "payload": {
                    "Text": "Singular.live - Graphics built for Streaming"
                }
            }
        }]
    });
    restApiCallMap.set('POST Create App Instance (min specs)', {
        'method': "POST",
        'resourceURL': urlResourceAppInstances,
        'requestURL': urlAppInstances,
        'requestBody': {
            "folder": "4e867728-b556-4d10-8761-afecf431614b",
            "apptemplate_id": "57",
            "apptemplate_version_status": "published",
            "name": "New Studio Control (no composition specified)"
        }
    });
    restApiCallMap.set('POST Create App Instance (full specs)', {
        'method': "POST",
        'resourceURL': urlResourceAppInstances,
        'requestURL': urlAppInstances,
        'requestBody': {
            "folder": "4e867728-b556-4d10-8761-afecf431614b",
            "apptemplate_id": "57",
            "apptemplate_version_status": "published",
            "name": "New Studio Control (composition specified)",
            "compositionList": [{
                "name": "Comp-for-DevDocs",
                "composition": {
                    "refId": "85834"
                }
            }],
            "account_id": "56",
            "user_id": "2290",
            "shareurl": "0"
        }
    });
    restApiCallMap.set('DELETE Delete App Instance', {
        'method': "DELETE",
        'resourceURL': urlResourceAppInstances + '{app_instance_id}',
        'requestURL': urlAppInstances + '39453',
        'requestBody': null
    });




    // Data Node API Calls
    restApiCallMap.set('GET All Data Nodes', {
        'method': "GET",
        'resourceURL': urlResourceDataNodes,
        'requestURL': urlDataNodes,
        'requestBody': null
    });
    restApiCallMap.set('GET Single Data Node', {
        'method': "GET",
        'resourceURL': urlResourceDataNodes + '{datanode_id}',
        'requestURL': urlDataNodes + dataNodeId,
        'requestBody': null
    });
    restApiCallMap.set('GET Single Data Node Definition', {
        'method': "GET",
        'resourceURL': urlResourceDataNodes + '{datanode_id}' + '/data',
        'requestURL': urlDataNodes + dataNodeId + '/data',
        'requestBody': null
    });
    restApiCallMap.set('PUT Update Data Node', {
        'method': "PUT",
        'resourceURL': urlResourceDataNodes + '{datanode_id}' + '/data',
        'requestURL': urlDataNodes + dataNodeId + '/data',
        'requestBody': {
          "payload": {
            "Crawl Title": "Title text here...",
            "Crawl Text": "Crawl text here...",
            "Crawl Speed": "10.0"
          }
        }
    });

    //    listApiCalls(restApiCallMap);
    initCommandSelector(restApiCallMap);

    logOutput("[ready]: ... End");
});

/**************************************************************************
 * 
 */
function initCommandSelector(callMap) {
    var x = document.getElementById("selectRestCmd");
    for (var [key, value] of callMap) {
//        logOutput("[initCommandSelector]: [key] = [" + key + "] [value] = [" + JSON.stringify(value) + "]");
        var option = document.createElement("option");
        option.text = key;
        x.add(option);
    }
}

/**************************************************************************
 * 
 */
function selectRestCmdChange() {
    var x = document.getElementById("selectRestCmd");
    if (x.selectedIndex >= 0) {
        var sel = x.options[x.selectedIndex];
        logOutput("[selectRestCmdChange]: [sel.text] = [" + sel.text + "]");

        requestMethod = restApiCallMap.get(sel.text).method;
        requestURL = restApiCallMap.get(sel.text).requestURL;
        resourceURL = restApiCallMap.get(sel.text).resourceURL;
        requestBody = restApiCallMap.get(sel.text).requestBody;

        document.getElementById("requestURL").innerHTML = requestURL;
        document.getElementById("resourceURL").innerHTML = requestMethod + ':   ' + resourceURL;
        document.getElementById("requestBody").innerHTML = JSON.stringify(requestBody, undefined, 2);

        document.getElementById("responseStatus").innerHTML = '';
        document.getElementById("responseJSON").innerHTML = '';
    }
}

/**************************************************************************
 * 
 */
function sendRestCmd() {
    var x = document.getElementById("selectRestCmd");
    if (x.selectedIndex >= 0) {
        var sel = x.options[x.selectedIndex];
        logOutput("[sendRestCmd]: [sel.text] = [" + sel.text + "]");
        requestURL  = document.getElementById("requestURL").value;
        requestBody = JSON.parse(document.getElementById("requestBody").value);


        switch (requestMethod) {
        case "GET":
//            singularRestGet(requestURL, credentials);
            singularRestCommand(requestURL, requestMethod, requestBody, credentials);
            break;
        case "PUT":
            singularRestCommand(requestURL, requestMethod, requestBody, credentials);
            break;
        case "POST":
            singularRestCommand(requestURL, requestMethod, requestBody, credentials);
            break;
        case "PATCH":
            //                singularRestPatch(requestURL, requestBody, credentials);
            break;
        case "DELETE":
            singularRestCommand(requestURL, requestMethod, requestBody, credentials);
            break;
        default:
            logOutput("[sendRestCmd]: UNKNOWN [restRequest] = [" + restRequest + "]");
        }
    }
}

/**************************************************************************
 * listApiCalls
 */
function clearUI() {
    document.getElementById("requestURL").innerHTML = '';
    document.getElementById("resourceURL").innerHTML = '';
    document.getElementById("requestBody").innerHTML = '';
    document.getElementById("responseStatus").innerHTML = '';
    document.getElementById("responseJSON").innerHTML = '';
    document.getElementById("logMessage").innerHTML = '';
}
/**************************************************************************
 * listApiCalls
 */
function listApiCalls(callMap) {
    for (var [key, value] of callMap) {
        logOutput("[listApiCalls]: [key] = [" + key + "] [value] = [" + JSON.stringify(value) + "]");
    }
}

/**************************************************************************
 * logOutput
*/
function logOutput(message) {
    var logText = document.getElementById("logMessage").innerHTML;
    document.getElementById("logMessage").innerHTML = logText + "\n" + message;
}

/**************************************************************************
 * singularRestCommand
*/
function singularRestCommand(url, method, body, auth) {
    var responseMessage;
    var options;

    // setup the HTTP call

    if (method == 'GET' || method == 'DELETE') {
        options = {
            'method': method,
            'contentType': 'application/json',
            'mode': 'cors',
            //		'muteHttpExceptions': true,
            "headers": {
                "Authorization": "Basic " + auth
            }
        }
    } else if (method == 'PUT' || method == 'POST') {
        options = {
            'method': method,
            'mode': 'cors',
            "headers": {
                "Authorization": "Basic " + auth,
                'content-type': 'application/json'
            },
            'body': JSON.stringify(body)
        };
    }

    fetch(url, options)
        .then((httpResponse) => {
            if (httpResponse.ok) {
                //                logOutput(httpResponse.status + "\n" + httpResponse.ok + "\n" + httpResponse.statusText);
                responseMessage = httpResponse.status + "   " + httpResponse.ok + "   " + httpResponse.statusText;
                document.getElementById("responseStatus").innerHTML = responseMessage;
                if (method != 'PUT') {
                  return httpResponse.json();
                }
            } else {
                responseMessage = httpResponse.status + "   " + httpResponse.ok + "   " + httpResponse.statusText;
                document.getElementById("responseStatus").innerHTML = responseMessage;
                return Promise.reject("Fetch did not succeed");
            }
        })
        .then(json => {
            console.log(json)
            document.getElementById("responseJSON").innerHTML = JSON.stringify(json, undefined, 2);
        })
        .catch((err) => {
            logOutput("ERROR: " + err);
            console.log("ERROR: " + err);
        });
}