workflow_launcher/workflows/meb/main.html

50 lines
2.2 KiB
HTML
Raw Normal View History

2024-04-25 00:54:32 -04:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self';">
<title>Monthly energy balance workflow</title>
<link rel="stylesheet" href="css/styles.css">
<link href="../../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<a href="../../index.html" class="nav-link"><i class="bi bi-house-fill"></i> Home</a>
<h1><img src="logo/logo.png" id="img_logo"> Monthly energy balance workflow</h1>
<div class="row">
<div class="col">
<form id="form">
<div class="form-element">
2024-05-03 01:06:12 -04:00
<input type="file" id="avatar" name="avatar" accept="geojson/geojson, citygml/gml" />
2024-04-25 00:54:32 -04:00
</div>
2024-05-03 01:06:12 -04:00
<span class="geojson">
Geojson parameters:<br>
2024-04-25 00:54:32 -04:00
<div class="form-element">
2024-05-03 01:06:12 -04:00
<label for="height_field">Height field</label><input type="text" id="height_field" name="height_field" />
2024-04-25 00:54:32 -04:00
</div>
2024-05-03 01:06:12 -04:00
<div class="form-element">
<label for="function_field">Function field</label><input type="text" id="function_field" name="function_field" />
</div>
<div class="form-element">
<label for="year_of_construction_field">Year of construction field</label><input type="text" id="year_of_construction_field" name="year_of_construction_field" />
</div>
<div class="form-element">
<label for="construction_handler">Construction handler</label><input type="text" id="construction_handler" name="construction_handler" />
</div>
<div class="form-element">
<label for="usage_handler">Usage handler</label><input type="text" id="usage_handler" name="construction_handler" />
</div>
</span>
2024-04-25 00:54:32 -04:00
<div class="form-element">
<a href="#" id="runScenario" class="btn btn-bd-primary mb-4">Run scenario</a>
</div>
</form>
<div id="links"></div>
</div>
<div class="col">
<div id="info">Retrofit workflow access to the precalculated data bla bla bla, we may need to put some explanation over here</div>
</div>
</div>
<script src="./run.js"></script>
<script src="../../js/bootstrap.bundle.min.js"></script>
</body>
</html>