From 8cafd4967655a996d0d2b71073f884e2f28cf6ac Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Wed, 31 May 2017 23:42:11 +0200
Subject: Optimizations and tiny design update for the admin template: + The
 form buttons for insert, update and delete are now having a corresponding
 background color (green, blue and red). + The information messages are now
 displayed within the <form> element and with a red background color around
 the text.

---
 template/admin/html/auth.php      | 16 ++++++++++------
 template/admin/html/database.php  | 18 +++++++++++-------
 template/admin/html/page/form.php | 22 +++++++++++++---------
 template/admin/html/post/form.php | 22 +++++++++++++---------
 template/admin/html/user/form.php | 22 +++++++++++++---------
 5 files changed, 60 insertions(+), 40 deletions(-)

(limited to 'template/admin/html')

diff --git a/template/admin/html/auth.php b/template/admin/html/auth.php
index f5852c1..0435f72 100644
--- a/template/admin/html/auth.php
+++ b/template/admin/html/auth.php
@@ -1,15 +1,19 @@
 <h1><?=$Language->template('authentication_text')?></h1>
 <p><?=$Language->template('authentication_desc')?></p>
 
-<?php if(isset($FORM['INFO'])): ?>
-	<?php foreach($FORM['INFO'] as $message): ?>
-		<div class="red"><?=$message?></div>
-	<?php endforeach; ?>
-<?php endif; ?>
-
 <form action="" method="POST">
 	<input type="hidden" name="token" value="<?=Application::getSecurityToken()?>" />
 
+	<?php if($FORM['INFO']): ?>
+		<div class="flex flex-direction-column">
+			<ul id="message-list">
+				<?php foreach($FORM['INFO'] as $message): ?>
+					<li><?=$message?></li>
+				<?php endforeach; ?>
+			</ul>
+		</div>
+	<?php endif; ?>
+
 	<div class="flex">
 		<div class="flex-item">
 			<div class="form-icon-flex"><i class="fa fa-user-secret"></i></div>
diff --git a/template/admin/html/database.php b/template/admin/html/database.php
index 69dce0a..319bf02 100644
--- a/template/admin/html/database.php
+++ b/template/admin/html/database.php
@@ -1,15 +1,19 @@
 <h1><i class="fa fa-database"></i><?=$Language->template('overview_database_text')?></h1>
 <p><?=$Language->template('overview_database_desc')?></p>
 
-<?php if(isset($FORM['INFO'])): ?>
-	<?php foreach($FORM['INFO'] as $message): ?>
-		<div class="red"><?=$message?></div>
-	<?php endforeach; ?>
-<?php endif; ?>
-
 <form action="" method="POST">
 	<input type="hidden" name="token" value="<?=$FORM['TOKEN']?>" />
 
+	<?php if($FORM['INFO']): ?>
+		<div class="flex flex-direction-column">
+			<ul id="message-list">
+				<?php foreach($FORM['INFO'] as $message): ?>
+					<li><?=$message?></li>
+				<?php endforeach; ?>
+			</ul>
+		</div>
+	<?php endif; ?>
+
 	<div class="flex">
 		<textarea id="content-editor" placeholder="<?=$Language->template('database_warning')?>" name="command"><?=escapeHTML($FORM['COMMAND'])?></textarea>
 	</div>
@@ -21,6 +25,6 @@
 <?php endif; ?>
 
 	<div class="flex flex-padding background">
-		<input type="submit" name="execute" value="Execute" />
+		<input id="insert-button" type="submit" name="execute" value="Execute" />
 	</div>
 </form>
\ No newline at end of file
diff --git a/template/admin/html/page/form.php b/template/admin/html/page/form.php
index 8930ec3..c0bc7e4 100644
--- a/template/admin/html/page/form.php
+++ b/template/admin/html/page/form.php
@@ -1,12 +1,16 @@
-<?php if(isset($FORM['INFO'])): ?>
-	<?php foreach($FORM['INFO'] as $message): ?>
-		<div class="red"><?=$message?></div>
-	<?php endforeach; ?>
-<?php endif; ?>
-
 <form action="" method="POST">
 	<input type="hidden" name="token" value="<?=$FORM['TOKEN']?>" />
 
+	<?php if($FORM['INFO']): ?>
+		<div class="flex flex-direction-column">
+			<ul id="message-list">
+				<?php foreach($FORM['INFO'] as $message): ?>
+					<li><?=$message?></li>
+				<?php endforeach; ?>
+			</ul>
+		</div>
+	<?php endif; ?>
+
 <?php if($FORM['TYPE'] !== 'DELETE'): ?>
 	<div class="flex flex-responsive">
 		<div class="flex-item">
@@ -84,11 +88,11 @@
 
 	<div class="flex flex-padding background">
 		<?php if($FORM['TYPE'] === 'INSERT'): ?>
-			<input type="submit" name="insert" value="<?=$Language->text('insert')?>" />
+			<input id="insert-button" type="submit" name="insert" value="<?=$Language->text('insert')?>" />
 		<?php elseif($FORM['TYPE'] === 'UPDATE'): ?>
-			<input type="submit" name="update" value="<?=$Language->text('update')?>" />
+			<input id="update-button" type="submit" name="update" value="<?=$Language->text('update')?>" />
 		<?php elseif($FORM['TYPE'] === 'DELETE'): ?>
-			<input type="submit" name="delete" value="<?=$Language->text('delete')?>" id="delete-button" data-text="<?=$Language->template('sure')?>" />
+			<input id="delete-button" type="submit" name="delete" value="<?=$Language->text('delete')?>" data-text="<?=$Language->template('sure')?>" />
 		<?php endif; ?>
 	</div>
 </form>
\ No newline at end of file
diff --git a/template/admin/html/post/form.php b/template/admin/html/post/form.php
index 1f69529..89d4478 100644
--- a/template/admin/html/post/form.php
+++ b/template/admin/html/post/form.php
@@ -1,12 +1,16 @@
-<?php if(isset($FORM['INFO'])): ?>
-	<?php foreach($FORM['INFO'] as $message): ?>
-		<div class="red"><?=$message?></div>
-	<?php endforeach; ?>
-<?php endif; ?>
-
 <form action="" method="POST">
 	<input type="hidden" name="token" value="<?=$FORM['TOKEN']?>" />
 
+	<?php if($FORM['INFO']): ?>
+		<div class="flex flex-direction-column">
+			<ul id="message-list">
+				<?php foreach($FORM['INFO'] as $message): ?>
+					<li><?=$message?></li>
+				<?php endforeach; ?>
+			</ul>
+		</div>
+	<?php endif; ?>
+
 <?php if($FORM['TYPE'] !== 'DELETE'): ?>
 	<div class="flex flex-responsive">
 		<div class="flex-item">
@@ -84,11 +88,11 @@
 
 	<div class="flex flex-padding background">
 		<?php if($FORM['TYPE'] === 'INSERT'): ?>
-			<input type="submit" name="insert" value="<?=$Language->text('insert')?>" />
+			<input id="insert-button" type="submit" name="insert" value="<?=$Language->text('insert')?>" />
 		<?php elseif($FORM['TYPE'] === 'UPDATE'): ?>
-			<input type="submit" name="update" value="<?=$Language->text('update')?>" />
+			<input id="update-button" type="submit" name="update" value="<?=$Language->text('update')?>" />
 		<?php elseif($FORM['TYPE'] === 'DELETE'): ?>
-			<input type="submit" name="delete" value="<?=$Language->text('delete')?>" id="delete-button" data-text="<?=$Language->template('sure')?>" />
+			<input id="delete-button" type="submit" name="delete" value="<?=$Language->text('delete')?>" data-text="<?=$Language->template('sure')?>" />
 		<?php endif; ?>
 	</div>
 </form>
\ No newline at end of file
diff --git a/template/admin/html/user/form.php b/template/admin/html/user/form.php
index 8156496..2d3625c 100644
--- a/template/admin/html/user/form.php
+++ b/template/admin/html/user/form.php
@@ -1,12 +1,16 @@
-<?php if(isset($FORM['INFO'])): ?>
-	<?php foreach($FORM['INFO'] as $message): ?>
-		<div class="red"><?=$message?></div>
-	<?php endforeach; ?>
-<?php endif; ?>
-
 <form action="" method="POST">
 	<input type="hidden" name="token" value="<?=$FORM['TOKEN']?>" />
 
+	<?php if($FORM['INFO']): ?>
+		<div class="flex flex-direction-column">
+			<ul id="message-list">
+				<?php foreach($FORM['INFO'] as $message): ?>
+					<li><?=$message?></li>
+				<?php endforeach; ?>
+			</ul>
+		</div>
+	<?php endif; ?>
+
 <?php if($FORM['TYPE'] !== 'DELETE'): ?>
 	<div class="flex flex-responsive">
 		<div class="flex-item">
@@ -90,11 +94,11 @@
 
 	<div class="flex flex-padding background">
 		<?php if($FORM['TYPE'] === 'INSERT'): ?>
-			<input type="submit" name="insert" value="<?=$Language->text('insert')?>" />
+			<input id="insert-button" type="submit" name="insert" value="<?=$Language->text('insert')?>" />
 		<?php elseif($FORM['TYPE'] === 'UPDATE'): ?>
-			<input type="submit" name="update" value="<?=$Language->text('update')?>" />
+			<input id="update-button" type="submit" name="update" value="<?=$Language->text('update')?>" />
 		<?php elseif($FORM['TYPE'] === 'DELETE'): ?>
-			<input type="submit" name="delete" value="<?=$Language->text('delete')?>" id="delete-button" data-text="<?=$Language->template('sure')?>" />
+			<input id="delete-button" type="submit" name="delete" value="<?=$Language->text('delete')?>" data-text="<?=$Language->template('sure')?>" />
 		<?php endif; ?>
 	</div>
 </form>
\ No newline at end of file
-- 
cgit v1.2.3