lucidionorigin/json.htm at main · viktormoskalev07/lucidionorigin · 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>LucidIoT JSON Interface</title>
    </head>

    <body>
        <div class="container-box">
            <div class="box-full">
                <h1>JSON Interface</h1>
            </div>

            <div class="box-1">
                <h2>Connection</h2>
                <p><label for="jPort">Port</label>
                    <input id="jPort" type="number" maxlength="15" size="15" min=1 step=1 max=65535>
                </p>
                <p><label for="jEn">Enable JSON</label>
                    <input id="jEn" type="checkbox">
                </p>
                <p><label for="jIPv4">Enable IPv4</label>
                    <input id="jIPv4" type="checkbox">
                </p>
                <p><label for="jIPv6">Enable IPv6</label>
                    <input id="jIPv6" type="checkbox">
                </p>
            </div>

            <div class="box-1">
                <h2>Security</h2>
                <p><label for="jAuth">Auth Mode</label>
                <select id="jAuth">
                    <option>Disable</option>
                    <option>Server</option>
                </select>
                </p>
                <p><label for="jCrtId">Certificate ID</label>
                    <input id="jCrtEn" type="checkbox">
                    <input id="jCrtId" type="number">
                </p>
                <p><label for="jCaId">CA ID</label>
                    <input id="jCaEn" type="checkbox">
                    <input id="jCaId" type="number">
                </p>
                <p><label for="jPkId">Private Key ID</label>
                    <input id="jPkEn" type="checkbox">
                    <input id="jPkId" type="number">
                </p>
            </div>

            <div class="box-1">
                <h2>State</h2>
                <table>
                    <tr>
                        <td>Service State</td>
                        <td><p id="jStSvc"></td>
                    </tr>
                    <tr>
                        <td>Module State</td>
                        <td><p id="jStMod"></td>
                    </tr>
                    <tr>
                        <td>Reset</td>
                        <td><p id="jStRst"></td>
                    </tr>
                </table>
            </div>
        </div>

        <button class="button" id="jBtCfg">Save</button>
    </body>
</html>