osh-client-dev-template/index.html at master · opensensorhub/osh-client-dev-template · 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
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="chrome=1">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
        <title>OpenSensorHub WebClientToolkit Demo</title>
        <style>
            body {
                margin: 0 !important
            }
            #container {
                /* height: calc(100% - 15px); */
                height: 100%;
                overflow: hidden;
                background-color: black;
            }

            #left {
                flex-direction: column;
                /* width:calc(75% - 50px); */
                width:75%;
                float:left;
                height:100%;
            }

            #right {
                flex-direction: column;
                /* width:calc(25% - 50px); */
                width:25%;
                float:left;
                height:100%;
            }

            div.video-h264 {
                width: auto;
                /* padding: 8px; */
                /* border: 1px solid #dee2e6; */
                overflow: hidden;
                /* height:calc(50% - 40px); */
                height:30%;
            }

            div.video-h264 canvas {
                width: 100%;
            }

            div.title {
                text-align: center;
                color: white;
                font-family: sans-serif;
           }

            div.alt-chart-window {
                width: auto;
                /* padding: 8px; */
                /* border: 1px solid #dee2e6; */
                overflow: hidden;
                /* height:calc(50% - 40px); */
                height:30%;
            }

        </style>
    </head>
    <body>
    <div id="root" style="width: 100%; height: 100%"></div>
    </body>
</html>