From d3b109fae0e246d01b0c73afd828347bcf5d2e86 Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Sun, 13 Jun 2021 19:46:34 +0200
Subject: Use grid layout for items in administration area

Introduce a new 1/2/3-column CSS grid layout in the administration area
for items on overview pages and in the search results. The column count
of the grid depends on the users viewport width.

In addition, the default value of the following configuration settings
has been changed to 12 because 12 can also be divided by 2 and 3 which
is useful for the 1/2/3-column grid layout.

ADMIN.PAGE.LIST_SIZE = 12
ADMIN.POST.LIST_SIZE = 12
---
 theme/admin/html/403.php         | 2 ++
 theme/admin/html/404.php         | 2 ++
 theme/admin/html/auth.php        | 2 ++
 theme/admin/html/database.php    | 2 ++
 theme/admin/html/home.php        | 3 ++-
 theme/admin/html/main.php        | 8 +++-----
 theme/admin/html/page/delete.php | 4 +++-
 theme/admin/html/page/index.php  | 6 ++++--
 theme/admin/html/page/insert.php | 4 +++-
 theme/admin/html/page/search.php | 4 +++-
 theme/admin/html/page/update.php | 4 +++-
 theme/admin/html/post/delete.php | 4 +++-
 theme/admin/html/post/index.php  | 6 ++++--
 theme/admin/html/post/insert.php | 4 +++-
 theme/admin/html/post/search.php | 4 +++-
 theme/admin/html/post/update.php | 4 +++-
 theme/admin/html/user/delete.php | 4 +++-
 theme/admin/html/user/index.php  | 4 +++-
 theme/admin/html/user/insert.php | 4 +++-
 theme/admin/html/user/update.php | 4 +++-
 20 files changed, 57 insertions(+), 22 deletions(-)

(limited to 'theme/admin/html')

diff --git a/theme/admin/html/403.php b/theme/admin/html/403.php
index f9a0afd..7f23212 100644
--- a/theme/admin/html/403.php
+++ b/theme/admin/html/403.php
@@ -1,2 +1,4 @@
+<main id="main-content">
 <h1><i class="fa fa-exclamation-triangle"></i><?=$Language->text('403_heading_text')?></h1>
 <p><?=$Language->text('403_heading_desc')?></p>
+</main>
diff --git a/theme/admin/html/404.php b/theme/admin/html/404.php
index d53d1bc..7fb06d8 100644
--- a/theme/admin/html/404.php
+++ b/theme/admin/html/404.php
@@ -1,2 +1,4 @@
+<main id="main-content">
 <h1><i class="fa fa-exclamation-triangle"></i><?=$Language->text('404_heading_text')?></h1>
 <p><?=$Language->text('404_heading_desc')?></p>
+</main>
diff --git a/theme/admin/html/auth.php b/theme/admin/html/auth.php
index a7b8b74..45b7e14 100644
--- a/theme/admin/html/auth.php
+++ b/theme/admin/html/auth.php
@@ -1,3 +1,4 @@
+<main id="main-content">
 <h1><i class="fa fa-sign-in"></i><?=$Language->text('authentication_text')?></h1>
 <p><?=$Language->text('authentication_desc')?></p>
 
@@ -34,3 +35,4 @@
 		<input type="submit" name="auth" value="<?=$Language->text('login')?>" />
 	</div>
 </form>
+</main>
diff --git a/theme/admin/html/database.php b/theme/admin/html/database.php
index b661a28..da41e68 100644
--- a/theme/admin/html/database.php
+++ b/theme/admin/html/database.php
@@ -1,3 +1,4 @@
+<main id="main-content">
 <h1><i class="fa fa-database"></i><?=$Language->text('overview_database_text')?></h1>
 <p><?=$Language->text('overview_database_desc')?></p>
 
@@ -28,3 +29,4 @@
 		<input id="insert-button" type="submit" name="execute" value="Execute" />
 	</div>
 </form>
+</main>
diff --git a/theme/admin/html/home.php b/theme/admin/html/home.php
index 083ae30..5331fa8 100644
--- a/theme/admin/html/home.php
+++ b/theme/admin/html/home.php
@@ -1,3 +1,4 @@
+<main id="main-content">
 <h1><i class="fa fa-dashboard"></i><?=$Language->text('overview_dashboard_text')?></h1>
 <p><?=$Language->text('overview_dashboard_desc')?></p>
 
@@ -43,4 +44,4 @@
 <?php else: ?>
 	<p><em><?=$Language->text('home_no_users')?></em></p>
 <?php endif; ?>
-
+</main>
diff --git a/theme/admin/html/main.php b/theme/admin/html/main.php
index 874ae81..699a742 100644
--- a/theme/admin/html/main.php
+++ b/theme/admin/html/main.php
@@ -38,11 +38,9 @@
 			</div>
 		</div>
 	</header>
-	<div id="main-content">
-		<main>
-			<?=$HTML?>
-		</main>
-	</div>
+
+	<?=$HTML?>
+
 	<footer id="main-footer">
 		<ul>
 			<li><i class="fa fa-github-square"></i><a href="https://github.com/Nerdmind/Blog/releases" target="_blank">Releases</a></li>
diff --git a/theme/admin/html/page/delete.php b/theme/admin/html/page/delete.php
index ccc569f..006090e 100644
--- a/theme/admin/html/page/delete.php
+++ b/theme/admin/html/page/delete.php
@@ -1,4 +1,6 @@
+<main id="main-content">
 <h1><i class="fa fa-trash-o"></i><?=$Language->text('delete_page')?></h1>
 <p><?=$Language->text('delete_page_desc')?></p>
 
-<?=$HTML?>
\ No newline at end of file
+<?=$HTML?>
+</main>
diff --git a/theme/admin/html/page/index.php b/theme/admin/html/page/index.php
index 7067c40..bdc7f94 100644
--- a/theme/admin/html/page/index.php
+++ b/theme/admin/html/page/index.php
@@ -1,3 +1,4 @@
+<main id="main-content" class="wide">
 <h1><i class="fa fa-file-text-o"></i><?=$Language->text('page_overview')?></h1>
 <p class="actions-before"><?=$Language->text('overview_page_desc')?></p>
 <ul class="actions">
@@ -5,10 +6,11 @@
 	<li><a href="<?=Application::getAdminURL('page/search.php')?>" title="<?=$Language->text('search_page')?>"><i class="fa fa-search"></i><?=$Language->text('search')?></a></li>
 </ul>
 
-<div class="item-container page">
+<div class="item-container page grid">
 	<?php foreach($LIST['PAGES'] as $page): ?>
 		<?php echo $page; ?>
 	<?php endforeach; ?>
 </div>
 
-<?=$PAGINATION['HTML']?>
\ No newline at end of file
+<?=$PAGINATION['HTML']?>
+</main>
diff --git a/theme/admin/html/page/insert.php b/theme/admin/html/page/insert.php
index 7442200..a77e47f 100644
--- a/theme/admin/html/page/insert.php
+++ b/theme/admin/html/page/insert.php
@@ -1,4 +1,6 @@
+<main id="main-content">
 <h1><i class="fa fa-pencil-square-o"></i><?=$Language->text('insert_page')?></h1>
 <p><?=$Language->text('insert_page_desc')?></p>
 
-<?=$HTML?>
\ No newline at end of file
+<?=$HTML?>
+</main>
diff --git a/theme/admin/html/page/search.php b/theme/admin/html/page/search.php
index 6506d34..145b0f9 100644
--- a/theme/admin/html/page/search.php
+++ b/theme/admin/html/page/search.php
@@ -1,3 +1,4 @@
+<main id="main-content" <?=!$PAGES ?: 'class="wide"'?>>
 <h1><i class="fa fa-search"></i><?=$Language->text('title_page_search')?></h1>
 <p><?=$Language->text('search_page_desc')?></p>
 
@@ -10,8 +11,9 @@
 	</div>
 </form>
 
-<div class="item-container post">
+<div class="item-container post grid">
 	<?php foreach($PAGES as $page): ?>
 		<?php echo $page; ?>
 	<?php endforeach; ?>
 </div>
+</main>
diff --git a/theme/admin/html/page/update.php b/theme/admin/html/page/update.php
index 77a7eb2..ce51d2a 100644
--- a/theme/admin/html/page/update.php
+++ b/theme/admin/html/page/update.php
@@ -1,4 +1,6 @@
+<main id="main-content">
 <h1><i class="fa fa-pencil-square-o"></i><?=$Language->text('update_page')?></h1>
 <p><?=$Language->text('update_page_desc')?></p>
 
-<?=$HTML?>
\ No newline at end of file
+<?=$HTML?>
+</main>
diff --git a/theme/admin/html/post/delete.php b/theme/admin/html/post/delete.php
index 6654377..ed82197 100644
--- a/theme/admin/html/post/delete.php
+++ b/theme/admin/html/post/delete.php
@@ -1,4 +1,6 @@
+<main id="main-content">
 <h1><i class="fa fa-trash-o"></i><?=$Language->text('delete_post')?></h1>
 <p><?=$Language->text('delete_post_desc')?></p>
 
-<?=$HTML?>
\ No newline at end of file
+<?=$HTML?>
+</main>
diff --git a/theme/admin/html/post/index.php b/theme/admin/html/post/index.php
index f884b05..83dd5dc 100644
--- a/theme/admin/html/post/index.php
+++ b/theme/admin/html/post/index.php
@@ -1,3 +1,4 @@
+<main id="main-content" class="wide">
 <h1><i class="fa fa-newspaper-o"></i><?=$Language->text('post_overview')?></h1>
 <p class="actions-before"><?=$Language->text('overview_post_desc')?></p>
 <ul class="actions">
@@ -5,10 +6,11 @@
 	<li><a href="<?=Application::getAdminURL('post/search.php')?>" title="<?=$Language->text('search_post')?>"><i class="fa fa-search"></i><?=$Language->text('search')?></a></li>
 </ul>
 
-<div class="item-container post">
+<div class="item-container post grid">
 	<?php foreach($LIST['POSTS'] as $post): ?>
 		<?php echo $post; ?>
 	<?php endforeach; ?>
 </div>
 
-<?=$PAGINATION['HTML']?>
\ No newline at end of file
+<?=$PAGINATION['HTML']?>
+</main>
diff --git a/theme/admin/html/post/insert.php b/theme/admin/html/post/insert.php
index dc32c24..9b7c588 100644
--- a/theme/admin/html/post/insert.php
+++ b/theme/admin/html/post/insert.php
@@ -1,4 +1,6 @@
+<main id="main-content">
 <h1><i class="fa fa-pencil-square-o"></i><?=$Language->text('insert_post')?></h1>
 <p><?=$Language->text('insert_post_desc')?></p>
 
-<?=$HTML?>
\ No newline at end of file
+<?=$HTML?>
+</main>
diff --git a/theme/admin/html/post/search.php b/theme/admin/html/post/search.php
index 1289879..00bd016 100644
--- a/theme/admin/html/post/search.php
+++ b/theme/admin/html/post/search.php
@@ -1,3 +1,4 @@
+<main id="main-content" <?=!$POSTS ?: 'class="wide"'?>>
 <h1><i class="fa fa-search"></i><?=$Language->text('title_post_search')?></h1>
 <p><?=$Language->text('search_post_desc')?></p>
 
@@ -10,8 +11,9 @@
 	</div>
 </form>
 
-<div class="item-container post">
+<div class="item-container post grid">
 	<?php foreach($POSTS as $post): ?>
 		<?php echo $post; ?>
 	<?php endforeach; ?>
 </div>
+</main>
diff --git a/theme/admin/html/post/update.php b/theme/admin/html/post/update.php
index a577bec..aa3835d 100644
--- a/theme/admin/html/post/update.php
+++ b/theme/admin/html/post/update.php
@@ -1,4 +1,6 @@
+<main id="main-content">
 <h1><i class="fa fa-pencil-square-o"></i><?=$Language->text('update_post')?></h1>
 <p><?=$Language->text('update_post_desc')?></p>
 
-<?=$HTML?>
\ No newline at end of file
+<?=$HTML?>
+</main>
diff --git a/theme/admin/html/user/delete.php b/theme/admin/html/user/delete.php
index 01927b2..b500a12 100644
--- a/theme/admin/html/user/delete.php
+++ b/theme/admin/html/user/delete.php
@@ -1,6 +1,8 @@
+<main id="main-content">
 <h1><i class="fa fa-trash-o"></i><?=$Language->text('delete_user')?></h1>
 <p><?=$Language->text('delete_user_desc')?></p>
 
 <p class="red"><?=$Language->text('delete_user_warning')?></p>
 
-<?=$HTML?>
\ No newline at end of file
+<?=$HTML?>
+</main>
diff --git a/theme/admin/html/user/index.php b/theme/admin/html/user/index.php
index aae8ee8..7e1d794 100644
--- a/theme/admin/html/user/index.php
+++ b/theme/admin/html/user/index.php
@@ -1,3 +1,4 @@
+<main id="main-content">
 <h1><i class="fa fa-user"></i><?=$Language->text('user_overview')?></h1>
 <p class="actions-before"><?=$Language->text('overview_user_desc')?></p>
 <ul class="actions">
@@ -10,4 +11,5 @@
 	<?php endforeach; ?>
 </div>
 
-<?=$PAGINATION['HTML']?>
\ No newline at end of file
+<?=$PAGINATION['HTML']?>
+</main>
diff --git a/theme/admin/html/user/insert.php b/theme/admin/html/user/insert.php
index 5cbdd06..7c7aba2 100644
--- a/theme/admin/html/user/insert.php
+++ b/theme/admin/html/user/insert.php
@@ -1,4 +1,6 @@
+<main id="main-content">
 <h1><i class="fa fa-pencil-square-o"></i><?=$Language->text('insert_user')?></h1>
 <p><?=$Language->text('insert_user_desc')?></p>
 
-<?=$HTML?>
\ No newline at end of file
+<?=$HTML?>
+</main>
diff --git a/theme/admin/html/user/update.php b/theme/admin/html/user/update.php
index e023925..ad12677 100644
--- a/theme/admin/html/user/update.php
+++ b/theme/admin/html/user/update.php
@@ -1,4 +1,6 @@
+<main id="main-content">
 <h1><i class="fa fa-pencil-square-o"></i><?=$Language->text('update_user')?></h1>
 <p><?=$Language->text('update_user_desc')?></p>
 
-<?=$HTML?>
\ No newline at end of file
+<?=$HTML?>
+</main>
-- 
cgit v1.2.3