From 926be04229cbaa492755080fac85762b7b876bca Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Sun, 4 Jul 2021 15:28:14 +0200
Subject: Prettify the item meta elements in the admin theme

This commit prettifies the item meta elements in the admin theme and
also removes those ugly square brackets. It looks a lot better now.
---
 theme/admin/html/category/item.php | 11 +++++++----
 theme/admin/html/page/item.php     |  6 ++++--
 theme/admin/html/post/item.php     | 15 +++++++++------
 theme/admin/html/user/item.php     | 11 ++++++++++-
 theme/admin/rsrc/css/main.css      | 26 +++++++++-----------------
 theme/admin/rsrc/css/main.scss     | 33 ++++++++++++---------------------
 6 files changed, 51 insertions(+), 51 deletions(-)

diff --git a/theme/admin/html/category/item.php b/theme/admin/html/category/item.php
index ad458d6..710253c 100644
--- a/theme/admin/html/category/item.php
+++ b/theme/admin/html/category/item.php
@@ -6,13 +6,16 @@
 		</h2>
 		<ul class="item-meta">
 			<li>
-				<time class="brackets" datetime="<?=$CATEGORY['ATTR']['TIME_INSERT']?>"><?=parseDatetime($CATEGORY['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
+				<i class="fa fa-newspaper-o"></i>
+				<span><?=$COUNT['POST']?> <?=$Language->text('posts')?></span>
 			</li>
 			<li>
-				<span class="brackets"><?=$Language->text('posts')?>: <?=$COUNT['POST']?></span>
+				<i class="fa fa-tags"></i>
+				<span><?=$COUNT['CHILDREN']?> <?=$Language->text('categories')?></span>
 			</li>
-			<li>
-				<span class="brackets"><?=$Language->text('categories')?>: <?=$COUNT['CHILDREN']?></span>
+			<li class="item-meta-right">
+				<i class="fa fa-clock-o"></i>
+				<time datetime="<?=$CATEGORY['ATTR']['TIME_INSERT']?>"><?=parseDatetime($CATEGORY['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
 			</li>
 		</ul>
 	</header>
diff --git a/theme/admin/html/page/item.php b/theme/admin/html/page/item.php
index c88256e..d0bf2d7 100644
--- a/theme/admin/html/page/item.php
+++ b/theme/admin/html/page/item.php
@@ -6,10 +6,12 @@
 		</h2>
 		<ul class="item-meta">
 			<li>
-				<a class="brackets" href="<?=Application::getAdminURL("user/update.php?id={$USER['ATTR']['ID']}")?>" title="<?=$Language->text('update_user')?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a>
+				<i class="fa fa-clock-o"></i>
+				<time datetime="<?=$PAGE['ATTR']['TIME_INSERT']?>"><?=parseDatetime($PAGE['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
 			</li>
 			<li>
-				<time class="brackets" datetime="<?=$PAGE['ATTR']['TIME_INSERT']?>"><?=parseDatetime($PAGE['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
+				<i class="fa fa-user"></i>
+				<a href="<?=Application::getAdminURL("user/update.php?id={$USER['ATTR']['ID']}")?>" title="<?=$Language->text('update_user')?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a>
 			</li>
 		</ul>
 	</header>
diff --git a/theme/admin/html/post/item.php b/theme/admin/html/post/item.php
index 03b39d3..6fcbcad 100644
--- a/theme/admin/html/post/item.php
+++ b/theme/admin/html/post/item.php
@@ -6,16 +6,19 @@
 		</h2>
 		<ul class="item-meta">
 			<li>
-				<a class="brackets" href="<?=Application::getAdminURL("user/update.php?id={$USER['ATTR']['ID']}")?>" title="<?=$Language->text('update_user')?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a>
+				<i class="fa fa-clock-o"></i>
+				<time datetime="<?=$POST['ATTR']['TIME_INSERT']?>"><?=parseDatetime($POST['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
 			</li>
-			<?php if($CATEGORY): ?>
 			<li>
-				<a class="brackets" href="<?=Application::getAdminURL("category/update.php?id={$CATEGORY['ATTR']['ID']}")?>" title="<?=$Language->text('update_category')?>"><?=escapeHTML($CATEGORY['ATTR']['NAME'])?></a>
+				<i class="fa fa-user"></i>
+				<a href="<?=Application::getAdminURL("user/update.php?id={$USER['ATTR']['ID']}")?>" title="<?=$Language->text('update_user')?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a>
 			</li>
-			<?php endif ?>
-			<li>
-				<time class="brackets" datetime="<?=$POST['ATTR']['TIME_INSERT']?>"><?=parseDatetime($POST['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
+			<?php if($CATEGORY): ?>
+			<li class="item-meta-right">
+				<i class="fa fa-tag"></i>
+				<a href="<?=Application::getAdminURL("category/update.php?id={$CATEGORY['ATTR']['ID']}")?>" title="<?=$Language->text('update_category')?>"><?=escapeHTML($CATEGORY['ATTR']['NAME'])?></a>
 			</li>
+			<?php endif ?>
 		</ul>
 	</header>
 	<blockquote cite="<?=$POST['URL']?>">
diff --git a/theme/admin/html/user/item.php b/theme/admin/html/user/item.php
index c84e24b..e65b033 100644
--- a/theme/admin/html/user/item.php
+++ b/theme/admin/html/user/item.php
@@ -6,7 +6,16 @@
 		</h2>
 		<ul class="item-meta">
 			<li>
-				<time class="brackets" datetime="<?=$USER['ATTR']['TIME_INSERT']?>"><?=parseDatetime($USER['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
+				<i class="fa fa-clock-o"></i>
+				<time datetime="<?=$USER['ATTR']['TIME_INSERT']?>"><?=parseDatetime($USER['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
+			</li>
+			<li>
+				<i class="fa fa-user-secret"></i>
+				<?=escapeHTML($USER['ATTR']['USERNAME'])?>
+			</li>
+			<li class="item-meta-right">
+				<i class="fa fa-envelope-o"></i>
+				<a href="mailto:<?=escapeHTML($USER['ATTR']['MAILADDR'])?>"><?=escapeHTML($USER['ATTR']['MAILADDR'])?></a>
 			</li>
 		</ul>
 	</header>
diff --git a/theme/admin/rsrc/css/main.css b/theme/admin/rsrc/css/main.css
index 9ffea66..28a4c67 100644
--- a/theme/admin/rsrc/css/main.css
+++ b/theme/admin/rsrc/css/main.css
@@ -378,23 +378,6 @@ table, td {
   border: 0.05rem solid #AAA;
 }
 
-/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-# Brackets
-++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-.brackets:after, .brackets:before {
-  color: #222;
-}
-.brackets:before {
-  content: "[";
-}
-.brackets:after {
-  content: "]";
-}
-
-.brackets a, a.brackets {
-  text-decoration: none;
-}
-
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 # Item Element
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@@ -462,9 +445,18 @@ table, td {
   padding: 0;
   list-style: none;
 }
+.item-meta-right {
+  float: right;
+}
+.item-meta-right:before {
+  content: none !important;
+}
 .item-meta li {
   display: inline-block;
 }
+.item-meta li + li:before {
+  content: " – ";
+}
 .item-image {
   float: left;
   display: block;
diff --git a/theme/admin/rsrc/css/main.scss b/theme/admin/rsrc/css/main.scss
index a83e1e8..0a64e07 100644
--- a/theme/admin/rsrc/css/main.scss
+++ b/theme/admin/rsrc/css/main.scss
@@ -412,27 +412,6 @@ table, td {
 	border: 0.05rem solid #AAA;
 }
 
-/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-# Brackets
-++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-.brackets {
-	&:after, &:before {
-		color: #222;
-	}
-
-	&:before {
-		content: "[";
-	}
-
-	&:after {
-		content: "]";
-	}
-}
-
-.brackets a, a.brackets {
-	text-decoration: none;
-}
-
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 # Item Element
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@@ -512,8 +491,20 @@ table, td {
 		padding: 0;
 		list-style: none;
 
+		&-right {
+			float: right;
+
+			&:before {
+				content: none !important;
+			}
+		}
+
 		li {
 			display: inline-block;
+
+			+li:before {
+				content: " – ";
+			}
 		}
 	}
 
-- 
cgit v1.2.3