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 @@
<link rel="stylesheet" href="assets/css/main/app.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">
<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/main/cesiumCustom.css">
<link rel="shortcut icon" href="../favicon.ico" />
</head>
......@@ -112,7 +111,7 @@
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="card" style="height: 680px">
......@@ -124,22 +123,29 @@
<h6>Layers</h6>
<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">
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>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="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>
</div>
<hr>
<h6>Building Style</h6>
<select class="form-select" id="BuildingStyleSelector">
<option value="AllWhite" selected>Default</option>
<option value="transparent">Transparent</option>
......@@ -156,42 +162,63 @@
Building Shadow
</label>
</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="pt-2 cesiumLegend" id="PVSpecificYield-legend" style="display:none"></div>
<div class="row">
<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>
</div>
</div>
</div>
</div>
</section>
<section class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<!-- <h4><i class="bi bi-graph-up"></i> Sensor</h4> -->
</div>
<div class="card-body">
<div id="attribute-table-area">
<p> Click on the 3D Building to show attributes.</p>
</div>
<div id="chart_area"></div>
<div class="col-12">
<div class="card">
<div class="card-header">
<!-- <h4><i class="bi bi-graph-up"></i> Sensor</h4> -->
</div>
<div class="card-body">
<div id="attribute-table-area">
<p> Click on the 3D Building to show attributes.</p>
</div>
<div id="chart_area"></div>
</div>
</div>
</div>
</section>
</div>
<footer>
<div class="footer clearfix mb-0 text-muted">
<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>
</footer>
......@@ -202,7 +229,7 @@
<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/echarts@5.3.3/dist/echarts.js"></script>
<!-- <script src="../application/js/drawchart.js"></script>
<script src="../application/js/utility_point_data.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