From 1bd36e2a7a92ca67b2fe7f9cfae64c818c04fbaf Mon Sep 17 00:00:00 2001
From: anschrammh <bugreport@laposte.net>
Date: Wed, 24 Apr 2019 22:21:11 +0200
Subject: [PATCH] Added IO table in web app

---
 sdCard_content/WWW/index.htm      | 130 ++++++++++++++++++++++++++----
 sdCard_content/WWW/rsrc/style.css |   5 ++
 2 files changed, 119 insertions(+), 16 deletions(-)

diff --git a/sdCard_content/WWW/index.htm b/sdCard_content/WWW/index.htm
index a5a1fb7..7a8b327 100644
--- a/sdCard_content/WWW/index.htm
+++ b/sdCard_content/WWW/index.htm
@@ -45,25 +45,123 @@
 						<p>Heap frag : <span id="fragInfo"></span> %</p>
 						<p>Max block : <span id="blockInfo"></span> Byte(s)</p>
 					</td>
-				</TR>
+				</tr>
 			</table>
 		</div>
-		<div class="subSection">
-			<h2 class="categorie">SdCard</h2>
-			<p>SDCard size : <span id="cardSize"></span></p>
-			<p>Unmount SDCard : <button onclick="sdCardMountUnmnout('unmount');">DO IT !</button></p>
-			<p>Mount SDCard : <button onclick="sdCardMountUnmnout('mount');">DO IT !</button></p>
+		<div class="subSection inline">
+			<div class="subSection">
+				<h2 class="categorie">SdCard</h2>
+				<p>SDCard size : <span id="cardSize"></span></p>
+				<p>Unmount SDCard : <button onclick="sdCardMountUnmnout('unmount');">DO IT !</button></p>
+				<p>Mount SDCard : <button onclick="sdCardMountUnmnout('mount');">DO IT !</button></p>
+			</div>
+			<div class="subSection">
+				<h2 class="categorie">Real Time Clock</h2>
+				<p>RTC value : <span id="rtcValue" ></span></p>
+				<p>
+					Set RTC value : <br />
+					<br />
+					Time : <input type="number">:<input type="number">:<input type="number"><br />
+					Date : <input type="number">/<input type="number">/<input type="number"><br /><br />
+					<button>DO IT !</button>
+				</p>
+			</div>
 		</div>
-		<div class="subSection">
-			<h2 class="categorie">Real Time Clock</h2>
-			<p>RTC value : <span id="rtcValue" ></span></p>
-			<p>
-				Set RTC value : <br />
-				<br />
-				Time : <input type="number">:<input type="number">:<input type="number"><br />
-				Date : <input type="number">/<input type="number">/<input type="number"><br /><br />
-				<button>DO IT !</button>
-			</p>
+		<div class="subSection inline">
+			<table>
+				<tr>
+					<th colspan="9">
+						<h2>PINS</h2>
+					</th>
+				</tr>
+				<tr>
+					<td>
+						
+					</td>
+					<td>
+						<h2>P0</h2>
+					</td>
+					<td>
+						<h2>P1</h2>
+					</td>
+					<td>
+						<h2>P2</h2>
+					</td>
+					<td>
+						<h2>P3</h2>
+					</td>
+					<td>
+						<h2>P4</h2>
+					</td>
+					<td>
+						<h2>P5</h2>
+					</td>
+					<td>
+						<h2>P6</h2>
+					</td>
+					<td>
+						<h2>P7</h2>
+					</td>
+				</tr>
+				<tr>
+					<td>
+						<h2>MODE</h2>
+					</td>
+					<td>
+						<h2>OUT</h2>
+					</td>
+					<td>
+						<h2>OUT</h2>
+					</td>
+					<td>
+						<h2>OUT</h2>
+					</td>
+					<td>
+						<h2>OUT</h2>
+					</td>
+					<td>
+						<h2>OUT</h2>
+					</td>
+					<td>
+						<h2>OUT</h2>
+					</td>
+					<td>
+						<h2>OUT</h2>
+					</td>
+					<td>
+						<h2>OUT</h2>
+					</td>
+				</tr>
+				<tr>
+					<td>
+						<h2>LEVEL</h2>
+					</td>
+					<td>
+						<h2>1</h2>
+					</td>
+					<td>
+						<h2>1</h2>
+					</td>
+					<td>
+						<h2>1</h2>
+					</td>
+					<td>
+						<h2>1</h2>
+					</td>
+					<td>
+						<h2>1</h2>
+					</td>
+					<td>
+						<h2>1</h2>
+					</td>
+					<td>
+						<h2>1</h2>
+					</td>
+					<td>
+						<h2>1</h2>
+					</td>
+				</tr>
+			</table>
 		</div>
 	</section>
 	<footer>
diff --git a/sdCard_content/WWW/rsrc/style.css b/sdCard_content/WWW/rsrc/style.css
index 705991d..0be3486 100644
--- a/sdCard_content/WWW/rsrc/style.css
+++ b/sdCard_content/WWW/rsrc/style.css
@@ -87,4 +87,9 @@ input[type='number']
 	margin:0 10px 0 0;
 	background-color:white;
 	min-width:60px;
+}
+.inline
+{
+	display:inline-block;
+	border:1px black solid;
 }
\ No newline at end of file