heboba/goodgarden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bijgewerkte versie, html <body> nog niet juiste groote!

Browse Source
This commit is contained in:
Atilla
2024-03-05 21:05:57 +01:00
parent 9dd2c37627
commit 0e2aab49d7
10 changed files with 89 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/index.html
View File

@@ -5,8 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../src/css/style.css">
<script src="../script/main.js" defer></script>
<!-- <script src="../script/main.py"></script> -->
<script src="../src/js/main.js" defer></script>
</head>
<body>
<section class="mainContainer">
@@ -72,18 +71,31 @@
</article>
</td>
<td>
<!-- <article id="modalButton" onclick="openModal()">
<article id="modalButton" onclick="openModal()">
<img id="toevoegen"src="images/Toevoegen.png" alt="">
</article> -->
</article>
</td>
</tr>
</table>
<div id="myModal" class="modal">
<!-- Modal content -->
<span class="close">&times;</span>
<form action="http://localhost:3000/submit-form" method="post">
<!-- Form content -->
<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>
</section>
<!-- White space -->
@@ -91,28 +103,37 @@
<p>a</p>
</section>
<section class="kant-rechts">
<section id="metingen">
<article id="main-waardes">
<table>
<tr>
<td>
<p>Waardes</p>
</td>
<td>
<p>Huidig</p>
</td>
<td>
<p>24u gemiddelde</p>
</td>
</tr>
</table>
</article>
<div class="divider">
</div>
<article>
</article>
</section>
<section id="sectie-1">
<article class="parent-algemeen-overzicht">
<article class="algemeen-overzicht">
<table class="table-informatie-kas">
<tr class="tr-informatie-kas">
<td>Dagen tot Oogst</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>
</article>
</article>
<article class="grafiek">
<article class="grafiek-innerbox">
<h2>Zonlicht</h2>
<canvas
id="myCanvas" class="canvas-informatie-kas" width="275" height="275"></canvas>
</article>
</article>
</section>
</section>
</section>
</section>