|
|
|
@ -3,7 +3,7 @@
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
|
<title>IL2232 Estimator</title>
|
|
|
|
|
<title>Power Budget Estimator</title>
|
|
|
|
|
<script
|
|
|
|
|
src="https://code.jquery.com/jquery-3.2.1.min.js"
|
|
|
|
|
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
|
|
|
|
@ -14,11 +14,12 @@
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" href="static/apple-touch-icon.png">
|
|
|
|
|
|
|
|
|
|
<script src="https://use.fontawesome.com/2fef7be393.js"></script>
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/11.5.0/math.js" type="text/javascript"></script>
|
|
|
|
|
<script type="text/javascript" src="static/common.js"></script>
|
|
|
|
|
<script type="text/javascript" src="static/script.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1>IL2232 Smart cities power budget estimator </h1>
|
|
|
|
|
<h1>Smart cities power budget estimator </h1>
|
|
|
|
|
<p>Designing an energy harvesting solution? Search for your components, add them and get a power requirement estimate</p>
|
|
|
|
|
<input type="text" name="search-bar" class="search-bar" placeholder="Search parts">
|
|
|
|
|
<div class="filter-container">
|
|
|
|
@ -41,7 +42,6 @@
|
|
|
|
|
<div class="overlay">
|
|
|
|
|
<h2>Part Details</h2>
|
|
|
|
|
<div id="info-container">
|
|
|
|
|
<img src="" id="map" class="map"/>
|
|
|
|
|
<table id="details">
|
|
|
|
|
<tr id="type-head" class="details-header"><td>TYPE</td></tr>
|
|
|
|
|
<tr id="type" class="details-content"><td><p></p>
|
|
|
|
@ -80,14 +80,11 @@
|
|
|
|
|
<h2>Calculation results</h2>
|
|
|
|
|
<div id="calculation-container">
|
|
|
|
|
<table id="calculations">
|
|
|
|
|
<tr id="type-head" class="calculations-header"><td>TYPE</td></tr>
|
|
|
|
|
<tr id="type" class="calculations-content"><td><p></p>
|
|
|
|
|
<tr id="calculation-head" class="calculations-header"><td>Results</td></tr>
|
|
|
|
|
<tr id="results" class="calculations-content"><td><p>0</p>
|
|
|
|
|
</td></tr>
|
|
|
|
|
</table>
|
|
|
|
|
<div class="button-container">
|
|
|
|
|
<div class="round-button"><a href="#" id="delete-button"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
|
|
|
|
|
<div class="round-button"><a href="#" id="edit-button"><i class="fa fa-pencil" aria-hidden="true"></i></a></div>
|
|
|
|
|
<div class="round-button"><a href="#" id="duplicate-button" onclick="init_edit(-1)"><i class="fa fa-copy" aria-hidden="true"></i></a></div>
|
|
|
|
|
<div class="round-button text-center"><a href="#" id="calculate-add-button"><i class="fa fa-calculator" aria-hidden="true"></i></a></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|