An error occurred while loading the file. Please try again.
index_1.html 6.15 KiB
<!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>
<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>