Skip to content

GitLab

Commit 69eae229 authored by Rushikesh Padsala's avatar Rushikesh Padsala
Browse files

Initial commit

parent 7e08d20d
Expand all Hide whitespace changes
Inline Side-by-side
public/Source/Data/Bldg/tileset.json 0 → 100644
View file @ 69eae229
This diff is collapsed.
public/index.css 0 → 100644
View file @ 69eae229
.backdrop {
display: inline-block;
background: rgba(42, 42, 42, 0.7);
border-radius: 5px;
border: 1px solid #444;
padding: 5px 10px;
color: #fff;
line-height: 150%;
font-size: small;
}
#heightSliderLabel, #heightValue {
vertical-align: top;
}
.backdrop a:link, .backdrop a:visited, .backdrop a:hover {
color: #fff
}
.loadingIndicator {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin-top: -33px;
margin-left: -33px;
width: 66px;
height: 66px;
background: url(Source/Images/ajax-loader.gif) center no-repeat;
}
.cover {
display: none;
position: absolute;
background-color: rgba(0, 0, 0, 0.75);
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#menu {
position: absolute;
left: 10px;
top: 10px;
}
.nowrap {
white-space: nowrap;
}
html, body, #cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font-family: sans-serif;
background: #000;
}
button.cesium-infoBox-camera {
display: none;
}
#3DTiles {
padding-top: 10px;
}
\ No newline at end of file
public/index.html 0 → 100644
View file @ 69eae229
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Use correct character set. -->
<meta charset="utf-8">
<!-- Tell IE to use the latest, best version. -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<!-- Make the app on mobile take up the full browser screen and disable user scaling. -->
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Rainau 3D Viewer</title>
<!-- The Cesium library. -->
<script src="https://cesiumjs.org/releases/1.57/Build/Cesium/Cesium.js"></script>
<link href="https://cesiumjs.org/releases/1.57/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<!-- stylesheets -->
<link rel="stylesheet" href="index.css" media="screen">
<link rel="stylesheet" type="text/css" href="./CSS/rainau.css">
</head>
<body>
<!-- defining container to keep cesium viewer -->
<div id="cesiumContainer"></div>
<!-- defining menu panel -->
<div class="backdrop" id="menu">
<h2>Rainau 3D Viewer</h2>
<span><strong>Show</strong></span>
<div class="nowrap">
<input id="3dbuildings" name="source" type="radio" checked/>
<label for="3dbuildings">3D Buildings</label>
</div>
<div class="nowrap">
<input id="annualwaterdemand" name="source" type="radio"/>
<label for="annualwaterdemand">Annual Water Demand</label>
</div>
<div class="nowrap">
<input id="annualwaterdemandpersqm" name="source" type="radio"/>
<label for="annualwaterdemandpersqm">Annual Water Demand (per sq.m)</label>
</div>
<br>
<!-- for legend panel -->
<div id=annualWaterDemandlegend>
<hr color='white'>
<div class='my-legend' id="legendcontainer">
<div class='legend-title'>Annual Water Demand (cu.m)</div>
<div class='legend-scale'>
<ul class='legend-labels'>
<li><span style='background:#33ACFF;'></span>Less than 500</li>
<li><span style='background:#2AFF00;'></span>500 to 1000</li>
<li><span style='background:#FFFF00;'></span>1000 to 5000</li>
<li><span style='background:#FFA200;'></span>5000 to 10000</li>
<li><span style='background:#FF0000;'></span>More than 10000</li>
<li><span style='background:#000000;'></span>None Heated / No Data</li>
</ul>
</div>
</div>
</div>
<div id=annualWaterDemandpersqmLegend>
<hr color='white'>
<div class='my-legend' id="legendcontainer">
<div class='legend-title'>Annual Water Demand (cu.m per sq.m)</div>
<div class='legend-scale'>
<ul class='legend-labels'>
<li><span style='background:#33ACFF;'></span>Less than 0.50</li>
<li><span style='background:#2AFF00;'></span>0.50 to 1</li>
<li><span style='background:#FFFF00;'></span>1 to 1.50</li>
<li><span style='background:#FFA200;'></span>1.50 to 2</li>
<li><span style='background:#FF0000;'></span>More than 2</li>
<li><span style='background:#000000;'></span>None Heated / No Data</li>
</ul>
</div>
</div>
</div>
</div>
<a href="https://www.hft-stuttgart.de/" target='_blank'>
<div class="credit"></div>
</a>
<!-- javascript -->
<script src="./Source/App.js"></script>
</body>
</html>
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

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal