index.html 5.79 KB
Newer Older
JOE XMG's avatar
up  
JOE XMG committed
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
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
    <title>iCity</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.91/Build/Cesium/Cesium.js"></script>
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.91/Build/Cesium/Widgets/widgets.css" rel="stylesheet">

    <link rel="stylesheet" href="./assets/css/custom.css">
    <link rel="stylesheet" href="./assets/css/cesiumCustom.css">

    <!-- Theme from Keen -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
    <link href="./assets/css/style.bundle.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <div>

        <div class="row" style="overflow: hidden; margin: 0px">
            <div class="col" id="cesiumContainer">
                <div class="card-body cesiumLegend" id="PVPotential-legend" style="display: none">
                </div>
JOE XMG's avatar
update    
JOE XMG committed
33
                <div class="card-body cesiumLegend" id="PVSpecificYield-legend" style="display: none">
JOE XMG's avatar
up  
JOE XMG committed
34
35
36
37
38
39
40
41
                </div>
            </div>
            <div style="width: 30%; height: 100vh; overflow: scroll;">
                <div style="margin-top: 10px; padding: 20px;  ">
                    <h2>IQG4iCity</h2>
                    <a href="../index.html">Back to main page</a>

                    <hr>
JOE XMG's avatar
JOE XMG committed
42
                    <h5>Utility Network</h5>
JOE XMG's avatar
up  
JOE XMG committed
43

JOE XMG's avatar
JOE XMG committed
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="util_nw_line">
                        <label class="form-check-label" for="util_nw_line">
                            Utility Network Lines
                            <div class="spinner-border spinner-border-sm" role="status" id="util_nw_line_loading"
                                style="display: none;">
                                <span class="visually-hidden">Loading...</span>
                            </div>
                        </label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="util_nw_point">
                        <label class="form-check-label" for="util_nw_point">
                            Utility Network Point
                        </label>
                    </div>
                    <hr>
JOE XMG's avatar
update    
JOE XMG committed
61
                    <h5>Building</h5>
JOE XMG's avatar
up  
JOE XMG committed
62
63

                    <select class="form-select" id="BuildingStyleSelector">
JOE XMG's avatar
update    
JOE XMG committed
64
                        <option value="AllWhite" selected>Default</option>
JOE XMG's avatar
update    
JOE XMG committed
65
                        <option value="transparent">Transparent</option>
JOE XMG's avatar
up  
JOE XMG committed
66
                        <option value="PVPotential">PV Potential</option>
JOE XMG's avatar
update    
JOE XMG committed
67
                        <option value="PVSpecificYield">PV Specific Yield</option>
JOE XMG's avatar
up  
JOE XMG committed
68
                    </select>
JOE XMG's avatar
update    
JOE XMG committed
69
70
71
72
73
74
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="shadow_check">
                        <label class="form-check-label" for="shadow_check">
                            Building Shadow
                        </label>
                    </div>
JOE XMG's avatar
JOE XMG committed
75
76
77
78
                    <div id="chart_intro" style="display: none;">
                        <hr>
                        <h5>Sensor Data</h5>
                        <div id="attribute-table-area"></div>
JOE XMG's avatar
up  
JOE XMG committed
79
                    </div>
JOE XMG's avatar
JOE XMG committed
80
                    <div id="chart_area"></div>
JOE XMG's avatar
up  
JOE XMG committed
81
82
83
84
85
                    <hr>


                </div>

JOE XMG's avatar
JOE XMG committed
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
                <footer class="footer mt-auto py-3 bg-light" style="position: fixed;
                    height: 100px;
                    bottom: 0;
                    width: 100%;">
                    <span>Found technical issue? Please contact <a
                            href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich"> Joe </a>
                    </span> <br>

                    <div class="row">
                        <div style="width: 70px;">
                            <img src="https://www.hft-stuttgart.com/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg"
                                alt="" width="50">
                        </div>
                        <div class="col">
                            <span class="text-muted">IQG4iCity @HFT Stuttgart, 2021 - 2022.</span> <br>
                            <a href="https://www.hft-stuttgart.de/impressum" target="_blank">Impressum</a>
                            <a href="https://www.hft-stuttgart.de/datenschutz" target="_blank">Datenschutz</a>
                        </div>

                    </div>

                </footer>
JOE XMG's avatar
up  
JOE XMG committed
108
            </div>
JOE XMG's avatar
JOE XMG committed
109

JOE XMG's avatar
up  
JOE XMG committed
110
        </div>
JOE XMG's avatar
JOE XMG committed
111
    </div>
JOE XMG's avatar
up  
JOE XMG committed
112
113
114
115
116
117
118

    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous">
    </script>
JOE XMG's avatar
JOE XMG committed
119
120
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <script src="./js/drawchart.js"></script>
JOE XMG's avatar
update    
JOE XMG committed
121
    <script src="./js/utility_point_data.js"></script>
JOE XMG's avatar
JOE XMG committed
122
    <script src="./js/staconnector.js"></script>
JOE XMG's avatar
up  
JOE XMG committed
123
    <script src="./js/cesium_00_Main.js"></script>
JOE XMG's avatar
JOE XMG committed
124
125
    <script src="./js/pipelo_sta.js"></script>
    <script src="./js/cesium_mouse_handling.js"></script>
JOE XMG's avatar
up  
JOE XMG committed
126
127
128
129
130
131
132
133

    <!-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <script src="./js/apex_draw_cologne_chart.js"></script> -->


</body>

</html>