Commit 9bed26af authored by JOE XMG's avatar JOE XMG
Browse files

up

parent 77991ae7
Pipeline #6888 passed with stage
in 23 seconds
This diff is collapsed.
...@@ -8,12 +8,11 @@ ...@@ -8,12 +8,11 @@
<link rel="stylesheet" href="assets/css/main/app.css"> <link rel="stylesheet" href="assets/css/main/app.css">
<link rel="stylesheet" href="assets/css/main/app-dark.css"> <link rel="stylesheet" href="assets/css/main/app-dark.css">
<link rel="shortcut icon" href="assets/images/logo/favicon.svg" type="image/x-icon">
<link rel="shortcut icon" href="assets/images/logo/favicon.png" type="image/png">
<link rel="stylesheet" href="assets/css/shared/iconly.css"> <link rel="stylesheet" href="assets/css/shared/iconly.css">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.91/Build/Cesium/Cesium.js"></script> <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 href="https://cesium.com/downloads/cesiumjs/releases/1.91/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main/cesiumCustom.css"> <link rel="stylesheet" href="assets/css/main/cesiumCustom.css">
<link rel="shortcut icon" href="../favicon.ico" />
</head> </head>
...@@ -112,7 +111,7 @@ ...@@ -112,7 +111,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 col-lg-3"> <div class="col-12 col-lg-3">
<div class="card" style="height: 680px"> <div class="card" style="height: 680px">
...@@ -124,22 +123,29 @@ ...@@ -124,22 +123,29 @@
<h6>Layers</h6> <h6>Layers</h6>
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="3d_building_checkbox" checked> <input class="form-check-input" type="checkbox" value=""
id="3d_building_checkbox" checked>
<label class="form-check-label" for="3d_building_checkbox"> <label class="form-check-label" for="3d_building_checkbox">
3D Building Models (LoD:1) 3D Building Models <span class="badge bg-secondary">3D</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="district_line_checkbox">
<label class="form-check-label" for="district_line_checkbox">
District and Zone (Line) <span class="badge bg-secondary">Boundary</span>
</label> </label>
</div> </div>
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="district_checkbox"> <input class="form-check-input" type="checkbox" value="" id="district_checkbox">
<label class="form-check-label" for="district_checkbox"> <label class="form-check-label" for="district_checkbox">
District and Zone (LoD:0) District and Zone (Polygon) <span class="badge bg-secondary">Heat Demand</span>
</label> </label>
</div> </div>
<hr> <hr>
<h6>Building Style</h6> <h6>Building Style</h6>
<select class="form-select" id="BuildingStyleSelector"> <select class="form-select" id="BuildingStyleSelector">
<option value="AllWhite" selected>Default</option> <option value="AllWhite" selected>Default</option>
<option value="transparent">Transparent</option> <option value="transparent">Transparent</option>
...@@ -156,42 +162,63 @@ ...@@ -156,42 +162,63 @@
Building Shadow Building Shadow
</label> </label>
</div> </div>
<div class="pt-2 cesiumLegend" id="specific_heatdemand-legend" style="display:none"></div>
<div class="pt-2 cesiumLegend" id="PVPotential-legend" style="display:none"></div> <div class="row">
<div class="pt-2 cesiumLegend" id="PVSpecificYield-legend" style="display:none"></div> <div class="col" style=" padding-top: 10px; ">
<small>
<b>discliamer:</b> The building energy data (Heat demand, PV Potential)
are calculated based on 1) LoD-1 Building Models and 2) randomly assigned building year of
construction.
</small>
</div>
<div class="col">
<div class="pt-2 cesiumLegend" id="specific_heatdemand-legend"
style="display:none"></div>
<div class="pt-2 cesiumLegend" id="PVPotential-legend" style="display:none">
</div>
<div class="pt-2 cesiumLegend" id="PVSpecificYield-legend"
style="display:none"></div>
</div>
</div>
<hr> <hr>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="row"> <section class="row">
<div class="col-12"> <div class="col-12">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<!-- <h4><i class="bi bi-graph-up"></i> Sensor</h4> --> <!-- <h4><i class="bi bi-graph-up"></i> Sensor</h4> -->
</div> </div>
<div class="card-body"> <div class="card-body">
<div id="attribute-table-area"> <div id="attribute-table-area">
<p> Click on the 3D Building to show attributes.</p> <p> Click on the 3D Building to show attributes.</p>
</div>
<div id="chart_area"></div>
</div> </div>
<div id="chart_area"></div>
</div> </div>
</div> </div>
</div>
</section> </section>
</div> </div>
<footer> <footer>
<div class="footer clearfix mb-0 text-muted"> <div class="footer clearfix mb-0 text-muted">
<div class="float-start"> <div class="float-start">
<p>2022 &copy; by <a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe T.S. @HFT Stuttgart</a> </p> <p>2022 &copy; by <a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe T.S.
@HFT Stuttgart</a> </p>
</div> </div>
</div> </div>
</footer> </footer>
...@@ -202,7 +229,7 @@ ...@@ -202,7 +229,7 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --> <!-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> -->
<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3/dist/echarts.js"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3/dist/echarts.js"></script>
<!-- <script src="../application/js/drawchart.js"></script> <!-- <script src="../application/js/drawchart.js"></script>
<script src="../application/js/utility_point_data.js"></script> <script src="../application/js/utility_point_data.js"></script>
<script src="../application/js/staconnector.js"></script> <script src="../application/js/staconnector.js"></script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment