add initial web UI

3 files changed, 47 insertions, 18 deletions

diff --git a/templates/main.php b/templates/main.php
index a34432f..3b1d7e5 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -20,6 +20,9 @@
  */
 
 script('serverinfo', 'script');
+script('serverinfo', 'smoothie');
+script('serverinfo', 'Chart.min');
+
 style('serverinfo', 'style');
 
 ?>
diff --git a/templates/part.content.php b/templates/part.content.php
index 8046942..5bb3ca1 100644
--- a/templates/part.content.php
+++ b/templates/part.content.php
@@ -1,10 +1,39 @@
-<p>Hello World <?php p($_['user']) ?></p>
-
-<p><button id="hello">click me</button></p>
-
-<p><textarea id="echo-content">
-	Send this as ajax
-</textarea></p>
-<p><button id="echo">Send ajax request</button></p>
-
-Ajax response: <div id="echo-result"></div>
\ No newline at end of file
+<div class="section" id="systemSection">
+	<h2><?php p($l->t('System'));?></h2>
+	<p><?php p($l->t('CPU'));?></p>
+	<canvas id="cpuloadcanvas" width="400" height="100"></canvas>
+	<p><em><?php p($l->t('CPU load average (Last minute)')); ?></em></p>
+	<br>
+	<p><?php p($l->t('Memory'));?></p>
+	<canvas id="memorycanvas" width="400" height="100"></canvas>
+	<p><em id="memFooterInfo"></em></p>
+</div>
+<div class="section" id="storageSection">
+	<h2><?php p($l->t('Storage'));?></h2>
+	<p><?php p($l->t('Users: '));?><em id="numUsersStorage">--</em></p>
+	<p><?php p($l->t('Files: '));?><em id="numFilesStorage">--</em></p>
+	<p><?php p($l->t('Storages: '));?></p>
+	<div id="container" style="width:280px; height:250px;">
+		<canvas id="storagescanvas" width="280" height="250"></canvas>
+	</div>
+</div>
+<div class="section" id="shareSection">
+	<h2><?php p($l->t('Shares'));?></h2>
+	<p><?php p($l->t('Total: '));?></p>
+	<div id="container" style="width:350px; height:350px;">
+		<canvas id="sharecanvas" width="350" height="350"></canvas>
+	</div>
+</div>
+<div class="section" id="phpSection">
+	<h2><?php p($l->t('PHP'));?></h2>
+	<p><?php p($l->t('Version: '));?><em id="phpVersion">--</em></p>
+	<p><?php p($l->t('Memory Limit: '));?><em id="phpMemLimit">--</em></p>
+	<p><?php p($l->t('Max Execution Time: '));?><em id="phpMaxExecTime">--</em></p>
+	<p><?php p($l->t('Upload max size: '));?><em id="phpUploadMaxSize">--</em></p>
+</div>
+<div class="section" id="databaseSection">
+	<h2><?php p($l->t('Database'));?></h2>
+	<p><?php p($l->t('Type: '));?><em id="databaseType">--</em></p>
+	<p><?php p($l->t('Version: '));?><em id="databaseVersion">--</em></p>
+	<p><?php p($l->t('Size: '));?><em id="dataBaseSize">--</em></p>
+</div>
diff --git a/templates/part.navigation.php b/templates/part.navigation.php
index b28b6a8..d426a96 100644
--- a/templates/part.navigation.php
+++ b/templates/part.navigation.php
@@ -1,10 +1,7 @@
 <ul>
-	<li><a href="#">First level entry</a></li>
-	<li>
-		<a href="#">First level container</a>
-		<ul>
-			<li><a href="#">Second level entry</a></li>
-			<li><a href="#">Second level entry</a></li>
-		</ul>
-	</li>
+	<li><a href="#systemSection">System</a></li>
+	<li><a href="#storageSection">Storage</a></li>
+	<li><a href="#shareSection">Share</a></li>
+	<li><a href="#phpSection">PHP</a></li>
+	<li><a href="#databaseSection">Database</a></li>
 </ul>
\ No newline at end of file