From 8298e7018f4c470abeeb8094aa4e16139d51e62d Mon Sep 17 00:00:00 2001
From: anschrammh <bugreport@laposte.net>
Date: Mon, 15 Apr 2019 08:01:26 +0200
Subject: [PATCH] Added web app

---
 sdCard_content/WWW/{index.web => index.html} | 34 +++++++--
 sdCard_content/WWW/rsrc/style.css            | 74 ++++++++++++++++++++
 2 files changed, 104 insertions(+), 4 deletions(-)
 rename sdCard_content/WWW/{index.web => index.html} (59%)

diff --git a/sdCard_content/WWW/index.web b/sdCard_content/WWW/index.html
similarity index 59%
rename from sdCard_content/WWW/index.web
rename to sdCard_content/WWW/index.html
index 7c74de2..f73755d 100644
--- a/sdCard_content/WWW/index.web
+++ b/sdCard_content/WWW/index.html
@@ -10,21 +10,47 @@
 		<h1 class ="title">ESP8266 Embedded system Dashboard</h1>
 	</header>
 	<nav>
+		<div class="menuContainer">
+			<div class="item">
+				<p><span id="sigStrength"></span> dB</p>
+			</div>
+			<div  class="item">
+				<p><span id="battLevel"></span> %</p>
+			</div>
+		</div>	
 	</nav>
 	<section>
 		<div class="subSection">
-			<h2 class="categorie">AP Info</h2>
-			<p>SSID : </p>
-			<p>Password : </p>
+			<table>
+				<tr>
+					<td>
+						<h2 class="categorie">AP Info</h2>
+						<p>SSID : </p>
+						<p>Password : </p>
+					</td>
+					<td>
+						<h2 class="categorie">STA Info</h2>
+						<p>Local IP :</p>
+					</td>
+					<td>
+						<h2 class="categorie">System Info</h2>
+						<p>Free ram :</p>
+						<p>CPU Frequ :</p>
+						<p>Heap frag :</p>
+						<p>Max block :</p>
+					</td>
+				</TR>
+			</table>
 		</div>
 		<div class="subSection">
 			<h2 class="categorie">SdCard</h2>
+			<p>SDCard size :</p>
 			<p>Unmount SDCard : <button>DO IT !</button></p>
 			<p>Mount SDCard : <button>DO IT !</button></p>
 		</div>
 		<div class="subSection">
 			<h2 class="categorie">Real Time Clock</h2>
-			<p>Get RTC value : <button>DO IT !</button></p>
+			<p>RTC value : </p>
 			<p>
 				Set RTC value : <br />
 				<br />
diff --git a/sdCard_content/WWW/rsrc/style.css b/sdCard_content/WWW/rsrc/style.css
index e69de29..d92cb5d 100644
--- a/sdCard_content/WWW/rsrc/style.css
+++ b/sdCard_content/WWW/rsrc/style.css
@@ -0,0 +1,74 @@
+html, body, header
+{
+	margin:0;
+	padding:0;
+}
+header
+{
+	height:20vh;
+	background-color:lightgray;
+	text-align:center;
+	
+}
+header > h1
+{
+	font-family: Arial;
+	line-height:20vh;
+	margin:0;
+	padding:0;
+}
+p
+{
+	font-family: Arial;
+}
+footer
+{
+	height:5vh;
+	color:white;
+	text-align:center;
+	background-color:rgb(20,20,20);
+}
+section
+{
+	padding : 10px 5vw 10px 5vw;
+	margin:0;
+	background-color:lavender;
+	min-height:70vh;
+}
+section h2
+{
+	font-family: Arial;
+}
+footer > p
+{
+	line-height:5vh;
+	margin:0;
+	padding:0;
+}
+table
+{
+	width:100%;
+}
+nav
+{
+	min-height:5vh;
+	background-color:yellowgreen;
+}
+input[type='number']
+{
+	width:40px;
+}
+.menuContainer
+{
+	display:flex;
+	align-items: stretch;
+	flex-direction: row-reverse
+	
+}
+.item
+{
+	border:1px black solid;
+	margin:0 10px 0 0;
+	background-color:white;
+	min-width:60px;
+}
\ No newline at end of file