69 lines
3.3 KiB
HTML
69 lines
3.3 KiB
HTML
<!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">INSEL monthly energy balance workflow</h1>
|
|
<div class="row">
|
|
<div class="col">
|
|
<form id="form">
|
|
<div class="form-element">
|
|
<input type="file" id="geometry_file" name="geometry_file" accept=".geojson, .gml"/>
|
|
</div>
|
|
<div id="parameters">
|
|
<div class="form-element" id="height">
|
|
<label for="height_field" class="p-1">Height field</label><input type="text" id="height_field" name="height_field" />
|
|
</div>
|
|
<div class="form-element" id="function">
|
|
<label for="function_field" class="p-1">Function field</label><input type="text" id="function_field" name="function_field" />
|
|
</div>
|
|
<div class="form-element" id="year_of_construction">
|
|
<label for="year_of_construction_field" class="p-1">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" class="p-1">Construction handler</label>
|
|
<select id="construction_handler" name="construction_handler">
|
|
<option value="nrcan" selected>NRCAN</option>
|
|
<option value="nrel">NREL</option>
|
|
<option value="eilat">Eilat</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-element">
|
|
<label for="usage_handler" class="p-1">Usage handler</label>
|
|
<select id="usage_handler" name="usage_handler">
|
|
<option value="nrcan" selected>NRCAN</option>
|
|
<option value="comnet">Comnet</option>
|
|
<option value="eilat">Eilat</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-element">
|
|
<label for="function_to_hub" class="p-1">Function to hub dictionary</label>
|
|
<select id="function_to_hub" name="function_to_hub">
|
|
<option value="montreal" selected>Montreal</option>
|
|
<option value="hft">Hft Alkis subset</option>
|
|
<option value="alkis">Alkis</option>
|
|
<option value="pluto">NYC Pluto</option>
|
|
<option value="eilat">Eilat</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-element">
|
|
<a href="#" id="runWorkflow" class="btn btn-bd-primary mb-4">Run workflow</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div id="links"></div>
|
|
</div>
|
|
<div class="col">
|
|
<div id="info">Insel monthly energy balance uses insel engine to calculate the monthly energy balance and the peak loads from the buildings in a geometry file, the process involves bla bla bla</div>
|
|
</div>
|
|
</div>
|
|
<script src="./run.js"></script>
|
|
<script src="../../js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html> |