139 lines
5.2 KiB
HTML
139 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Dashboard / Planten">
|
|
<meta name="author" content="B. Diker, A. Oomen">
|
|
<meta name="keywords" content="planten / kas">
|
|
<title>Dashboard</title>
|
|
<link rel="stylesheet" href="../static/css/style.css">
|
|
<script src="../static/js/main.js" defer></script>
|
|
<script src="../static/js/planten.class.js"></script>
|
|
</head>
|
|
<body>
|
|
<section class="mainContainer">
|
|
<article>
|
|
<a href="index.html">
|
|
<img src="../static/images/logo.png" class="goodgarden-logo">
|
|
</a>
|
|
</article>
|
|
<section class="mainBorder">
|
|
<section class="content">
|
|
<section class="kant-links">
|
|
<table id="planten">
|
|
<!-- <tr>
|
|
<td>
|
|
<article>
|
|
<img src="images/Icon awesome-apple-alt.png" alt="">
|
|
<h2>Tomaat</h2>
|
|
</article>
|
|
</td>
|
|
</tr> -->
|
|
</table>
|
|
<div id="myModal" class="modal">
|
|
<span class="close">×</span>
|
|
<form action="http://localhost:3000/submit-form" method="post" onsubmit="return addplant()">
|
|
|
|
<input type="text" name="plant_naam" id="plantNaam">
|
|
<label for="plantNaam">Naam van de plant</label>
|
|
|
|
<input type="text" name="plantensoort" id="plantensoort">
|
|
<label for="plantensoort">Soort van de plant</label>
|
|
|
|
<input type="radio" name="plant_geteelt" id="aanwezig" value="true">
|
|
<label for="aanwezig">Aanwezig</label>
|
|
|
|
<input type="radio" name="plant_geteelt" id="afwezig" value="false">
|
|
<label for="afwezig">Afwezig</label>
|
|
|
|
<input type="submit" value="Submit">
|
|
</form>
|
|
|
|
</div>
|
|
<div id="overlay" onclick="closeOverlay"></div>
|
|
</section>
|
|
<section class="kant-rechts">
|
|
<section id="sectie-1">
|
|
<!-- <article class="parent-algemeen-overzicht">
|
|
<article class="algemeen-overzicht">
|
|
<a href="kas_informatie.html">
|
|
<table class="table-informatie-kas">
|
|
<tr class="tr-informatie-kas">
|
|
<td>Planten aanwezig in kas:</td>
|
|
<td>12</td>
|
|
</tr>
|
|
<tr class="tr-informatie-kas">
|
|
<td>Dagen in Kas</td>
|
|
<td>2</td>
|
|
</tr>
|
|
<tr class="tr-informatie-kas">
|
|
<td>Tevredenheid</td>
|
|
<td>80%</td>
|
|
</tr>
|
|
<tr class="tr-informatie-kas">
|
|
<td>Aandachtspunten</td>
|
|
<td>1</td>
|
|
</tr>
|
|
</table>
|
|
<a/>
|
|
</article>
|
|
</article> -->
|
|
<!-- SENSOR 1 -->
|
|
<article class="parent-algemeen-overzicht">
|
|
<article class="algemeen-overzicht">
|
|
<a href="sensoren.html">
|
|
<table class="table-informatie-kas">
|
|
<tr class="tr-informatie-kas">
|
|
<td>Sensor:</td>
|
|
<td id="deviceNumber-322">12</td>
|
|
</tr>
|
|
<tr class="tr-informatie-kas">
|
|
<td>Locatie:</td>
|
|
<td id="voltage">2</td>
|
|
</tr>
|
|
<tr class="tr-informatie-kas">
|
|
<td>Batterijvoltage:</td>
|
|
<td id="time">80%</td>
|
|
</tr>
|
|
<tr class="tr-informatie-kas">
|
|
<td>Dagen resterend:</td>
|
|
<td id="tevredenheid">1</td>
|
|
</tr>
|
|
</table>
|
|
<a/>
|
|
</article>
|
|
</article>
|
|
<!-- SENSOR 2 -->
|
|
<article class="parent-algemeen-overzicht">
|
|
<article class="algemeen-overzicht">
|
|
<a href="sensoren.html">
|
|
<table class="table-informatie-kas">
|
|
<tr class="tr-informatie-kas">
|
|
<td>Sensor:</td>
|
|
<td>12</td>
|
|
</tr>
|
|
<tr class="tr-informatie-kas">
|
|
<td>Locatie:</td>
|
|
<td>2</td>
|
|
</tr>
|
|
<tr class="tr-informatie-kas">
|
|
<td>Batterijvoltage:</td>
|
|
<td>80%</td>
|
|
</tr>
|
|
<tr class="tr-informatie-kas">
|
|
<td>Dagen resterend:</td>
|
|
<td>1</td>
|
|
</tr>
|
|
</table>
|
|
<a/>
|
|
</article>
|
|
</article>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
</body>
|
|
|
|
</html> |