An error occurred while loading the file. Please try again.
-
Santhanavanich authoredbf627502
<!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>
<div class="card-body cesiumLegend" id="PVSpecificYield-legend" style="display: none">
</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>
<h5>Utility Network</h5>
<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 (SSH)
<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 (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)
</label>
</div>
<hr>
<h5>Building</h5>
<select class="form-select" id="BuildingStyleSelector">
<option value="AllWhite" selected>Default</option>
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<option value="transparent">Transparent</option>
<option value="PVPotential">PV Potential</option>
<option value="PVSpecificYield">PV Specific Yield</option>
</select>
<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>
<div id="chart_intro" style="display: none;">
<hr>
<h5>Sensor Data</h5>
<div id="attribute-table-area"></div>
</div>
<div id="chart_area"></div>
<hr>
</div>
<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>
</div>
</div>
</div>
</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>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<script src="./js/drawchart.js"></script>
<script src="./js/utility_point_data.js"></script>
<script src="./js/staconnector.js"></script>
<script src="./js/cesium_00_Main.js"></script>
<script src="./js/pipelo_sta.js"></script>
<script src="./js/cesium_mouse_handling.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<script src="./js/apex_draw_cologne_chart.js"></script> -->
</body>
</html>