Simple_REST_API_pages/TestTileIndexs.html at main · alochbaum/Simple_REST_API_pages · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
    <title>MCM9000 API 4.0 Test Tiles Index</title>
</head>
<body>
    <h2>MCM9000 API 4.0 Get Layout_Types</h2>

    Enter MCM User Name:  <input type="text" id="user" value="Admin"/>Password: <input type="password" id="password" value="Admin"/>
    <br>Enter MCM IP or URL <input type="text" id="address" value="192.168.3.50"/><br>

    <button type="button" id="btn_layout_types" onclick="PostMCMCommand()">First get layout_types</button>
    <div>
        <span class="replace"> Displays Status </span>
    </div>
    <div>
        <span class="replace2"></span>
    </div>

    <script>
    var XMLReq;
    var holdReturn="";    ;
    function PostMCMCommand() {

        XMLReq = new XMLHttpRequest();
        XMLReq.onreadystatechange = function()
        {
            holdReturn += XMLReq.status+" = ";
            document.getElementsByClassName("replace")[0].innerHTML = "Returned Code: " + holdReturn;
            if (XMLReq.status != 200 ) return;
            callback(XMLReq);
        };
        var username = document.getElementById("user").value;
        var password = document.getElementById("password").value;
        var address = "http://" + document.getElementById("address").value;

        XMLReq.open("Get", address + "/api/4.0/layout_types/.json");
        XMLReq.setRequestHeader("Authorization", 'Basic ' + btoa(username+":"+password));
        XMLReq.setRequestHeader("Content-Type", "application/json");
        XMLReq.send();
    }
    function callback(xhr)
    {
            var convert = xhr.responseText;
			var jsonData = JSON.parse(convert);

            var jString="<br>UUID                  --- label -- resolution <br>";
			//jString+=jsonStr;

            //for (let i = 0; i < 4; i++) {
			for(var i in jsonData) {
                // adding back in the 1 start and 2 end curly braces lost in split
                //jsonStr = '{'+encodeArray[i]+']}';
                //jsonData = JSON.parse(jsonStr);
                //el.textContent = jsonData["Encoder"]["title"];
                jString += jsonData[i]["LayoutType"]["uuid"];
                jString += " ----- ";
                jString += jsonData[i]["LayoutType"]["label"]
                jString += " ----- ";
                jString += jsonData[i]["LayoutType"]["resolution"];
                jString+= '<br>';
            }

            document.getElementsByClassName("replace2")[0].innerHTML = jString;
			document.getElementById("btn_layout_types").innerHTML = "Refresh Layout_Types";
            //document.getElementsByClassName("replace2")[0].innerHTML = convert;
			//document.getElementsByClassName("replace2")[0].innerHTML = encodeArray.length;

    }
    </script>
</body>
</html>