index_1.html 6.15 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
                    <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">
JOE XMG's avatar
update    
JOE XMG committed
47
                            Utility Network Lines (SSH)
JOE XMG's avatar
JOE XMG committed
48
49
50
51
52
53
54
55
56
                            <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">
JOE XMG's avatar
update    
JOE XMG committed
57
58
59
60
61
62
63
                            Utility Network Point (SSH)
                        </label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="util_nw_Enisyst" checked>
                        <label class="form-check-label" for="util_nw_Enisyst">
                            Utility Network Stations (Enisyst)
JOE XMG's avatar
JOE XMG committed
64
65
66
                        </label>
                    </div>
                    <hr>
JOE XMG's avatar
update    
JOE XMG committed
67
                    <h5>Building</h5>
JOE XMG's avatar
up  
JOE XMG committed
68
69

                    <select class="form-select" id="BuildingStyleSelector">
JOE XMG's avatar
update    
JOE XMG committed
70
                        <option value="AllWhite" selected>Default</option>
JOE XMG's avatar
update    
JOE XMG committed
71
                        <option value="transparent">Transparent</option>
JOE XMG's avatar
up  
JOE XMG committed
72
                        <option value="PVPotential">PV Potential</option>
JOE XMG's avatar
update    
JOE XMG committed
73
                        <option value="PVSpecificYield">PV Specific Yield</option>
JOE XMG's avatar
up  
JOE XMG committed
74
                    </select>
JOE XMG's avatar
update    
JOE XMG committed
75
76
77
78
79
80
                    <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
81
82
83
84
                    <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
85
                    </div>
JOE XMG's avatar
JOE XMG committed
86
                    <div id="chart_area"></div>
JOE XMG's avatar
up  
JOE XMG committed
87
88
89
90
91
                    <hr>


                </div>

JOE XMG's avatar
JOE XMG committed
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
                <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
114
            </div>
JOE XMG's avatar
JOE XMG committed
115

JOE XMG's avatar
up  
JOE XMG committed
116
        </div>
JOE XMG's avatar
JOE XMG committed
117
    </div>
JOE XMG's avatar
up  
JOE XMG committed
118
119
120
121
122
123
124

    </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
125
126
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <script src="./js/drawchart.js"></script>
JOE XMG's avatar
update    
JOE XMG committed
127
    <script src="./js/utility_point_data.js"></script>
JOE XMG's avatar
JOE XMG committed
128
    <script src="./js/staconnector.js"></script>
JOE XMG's avatar
up  
JOE XMG committed
129
    <script src="./js/cesium_00_Main.js"></script>
JOE XMG's avatar
JOE XMG committed
130
131
    <script src="./js/pipelo_sta.js"></script>
    <script src="./js/cesium_mouse_handling.js"></script>
JOE XMG's avatar
up  
JOE XMG committed
132
133
134
135
136
137
138
139

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


</body>

</html>