104 lines
5.5 KiB
HTML
Executable File
104 lines
5.5 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Verwundungsmodelle</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="https://js.arcgis.com/4.20/esri/themes/light/main.css">
|
|
<script src="https://js.arcgis.com/4.20/"></script>
|
|
<!-- <script data-dojo-config="async: 1" src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script> -->
|
|
<script defer src="./main.js"></script>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-9" id="mapDiv" style="height: 100vh"></div>
|
|
<div class="col-3" id="mapDiv" style="height: 100vh">
|
|
<div class="container-fluid bg-light" style="height: 100vh">
|
|
<div class="row">
|
|
<div class="col-12 bg-light">
|
|
<h3 class="display-6 text-center">Damage Model</h3>
|
|
</div>
|
|
<div class="col-12 pt-3 pb-2 bg-light d-flex justify-content-between">
|
|
<div class="" title="Removes wall fill to see mounting points inside buildings">Toggle Wall
|
|
Fill</div>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row overflow-auto border" style="height: 82%; background: white">
|
|
<div class="container-fluid border-top bg-light" id="modelTree">
|
|
<ul id="myUL">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row p-3">
|
|
<!-- Button trigger modal -->
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal"
|
|
data-bs-target="#exampleModal">
|
|
Load Model File
|
|
</button>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLabel">Upload
|
|
</h5>
|
|
<button type="button" class="btn-close" id="modal-close-button"
|
|
data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-12 pb-3 border-bottom">
|
|
<h4>Building File</h4>
|
|
<form>
|
|
<div class="form-group">
|
|
<input type="file" class="form-control-file"
|
|
id="exampleFormControlFile1">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12 pb-3">
|
|
<h4>Reference Point File</h4>
|
|
<form>
|
|
<div class="form-group">
|
|
<input type="file" class="form-control-file"
|
|
id="exampleFormControlFile2">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary"
|
|
data-bs-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |