lucidionorigin/frm.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>Frame Interface</title>
    </head>

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

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

            <div class="box-1">
                <h2>Security</h2>
                <p><label for="fAuth">Auth Mode</label>
                <select id="fAuth">
                    <option>Disable</option>
                    <option>Server</option>
                </select>
                </p>
                <p><label for="fCrtId">Certificate ID</label>
                    <input id="fCrtEn" type="checkbox">
                    <input id="fCrtId" type="number">
                </p>
                <p><label for="fCaId">CA ID</label>
                    <input id="fCaEn" type="checkbox">
                    <input id="fCaId" type="number">
                </p>
                <p><label for="fPkId">Private Key ID</label>
                    <input id="fPkEn" type="checkbox">
                    <input id="fPkId" type="number">
                </p>
            </div>

            <div class="box-1">
                <h2>State</h2>
                <table>
                    <tr>
                        <td>Service State</td>
                        <td><p id="fStSvc"></td>
                    </tr>
                    <tr>
                        <td>Module State</td>
                        <td><p id="fStMod"></td>
                    </tr>
                    <tr>
                        <td>Reset</td>
                        <td><p id="fStRst"></td>
                    </tr>
                </table>
            </div>

        </div>
        <button class="button" id="fBtCfg">Save</button>
    </body>
</html>