💄 (admin): rework plugin pages

bl-kernel/admin/views/configure-plugin.php

@@ -2,16 +2,18 @@
 
 <?php echo Bootstrap::formOpen(array('id'=>'jsform', 'class'=>'plugin-form')); ?>
 
-<div class="align-middle">
+<div class="d-flex justify-content-between mb-2">
+	<?php echo Bootstrap::pageTitle(array('title'=>$plugin->name(), 'icon'=>'cog')); ?>
 	<?php if ($plugin->formButtons()): ?>
-	<div class="float-right mt-1">
+	<div>
-		<button type="submit" class="btn btn-primary btn-sm" name="save"><?php $L->p('Save') ?></button>
+		<button type="submit" class="btn btn-primary" name="save"><?php $L->p('Save') ?></button>
-		<a class="btn btn-secondary btn-sm" href="<?php echo HTML_PATH_ADMIN_ROOT.'plugins' ?>" role="button"><?php $L->p('Cancel') ?></a>
+		<a class="btn btn-secondary" href="<?php echo HTML_PATH_ADMIN_ROOT.'plugins' ?>" role="button"><?php $L->p('Cancel') ?></a>
 	</div>
 	<?php endif; ?>
-	<?php echo Bootstrap::pageTitle(array('title'=>$plugin->name(), 'icon'=>'cog')); ?>
 </div>
 
+<div class="card">
+	<div class="card-body">
 	<?php
 		// Token CSRF
 		echo Bootstrap::formInputHidden(array(
@@ -24,3 +26,5 @@
 	?>
 
 	<?php echo Bootstrap::formClose(); ?>
+	</div>
+</div>

bl-kernel/admin/views/edit-user.php

@@ -201,7 +201,7 @@ echo Bootstrap::formInputHidden(array(
 
 		echo '
 		<div class="form-group">
-			<a href="' . HTML_PATH_ADMIN_ROOT . 'user-password/' . $user->username() . '" class="btn btn-primary mr-2">' . $L->g('Change password') . '</a>
+			<a href="' . HTML_PATH_ADMIN_ROOT . 'user-password/' . $user->username() . '" class="btn btn-primary me-2">' . $L->g('Change password') . '</a>
 		</div>
 		';
 

bl-kernel/admin/views/plugins-position.php

@@ -2,12 +2,12 @@
 
 <?php echo Bootstrap::formOpen(array('id'=>'jsform', 'class'=>'tab-content')); ?>
 
-<div class="align-middle">
+<div class="d-flex justify-content-between mb-2">
-	<div class="float-right mt-1">
-		<button type="button" class="btn btn-primary btn-sm jsbuttonSave" name="save"><?php $L->p('Save') ?></button>
-		<a class="btn btn-secondary btn-sm" href="<?php echo HTML_PATH_ADMIN_ROOT.'plugins' ?>" role="button"><?php $L->p('Cancel') ?></a>
-	</div>
 <?php echo Bootstrap::pageTitle(array('title'=>$L->g('Plugins position'), 'icon'=>'tags')); ?>
+	<div>
+		<button type="button" class="btn btn-primary jsbuttonSave" name="save"><?php $L->p('Save') ?></button>
+		<a class="btn btn-secondary" href="<?php echo HTML_PATH_ADMIN_ROOT.'plugins' ?>" role="button"><?php $L->p('Cancel') ?></a>
+	</div>
 </div>
 
 <div class="alert alert-primary"><?php $L->p('Drag and Drop to sort the plugins') ?></div>

bl-kernel/admin/views/plugins.php

@@ -1,18 +1,25 @@
 <?php
 
+echo "<div class='d-flex justify-content-between align-content-center'>";
+
 echo Bootstrap::pageTitle(array('title' => $L->g('Plugins'), 'icon' => 'puzzle-piece'));
 
+echo "<div>";
+
 echo Bootstrap::link(array(
 	'title' => $L->g('Change the position of the plugins'),
 	'href' => HTML_PATH_ADMIN_ROOT . 'plugins-position',
-	'icon' => 'arrows'
+	'icon' => 'arrows',
+	'class' => 'btn btn-outline-secondary'
 ));
 
+echo "</div></div>";
+
 echo Bootstrap::formTitle(array('title' => $L->g('Search plugins')));
 
 ?>
 
-<input type="text" dir="auto" class="form-control" id="search" placeholder="<?php $L->p('Search') ?>">
+<input type="text" dir="auto" class="form-control mb-3" id="search" placeholder="<?php $L->p('Search') ?>">
 <script>
 	$(document).ready(function() {
 		$("#search").on("keyup", function() {
@@ -33,10 +40,9 @@ echo Bootstrap::formTitle(array('title' => $L->g('Search plugins')));
 
 <?php
 
-echo Bootstrap::formTitle(array('title' => $L->g('Enabled plugins')));
+echo '<div class="card mb-3"><h6 class="card-header">';
-
+echo $L->g('Enabled plugins');
-echo '
+echo '	</h6><table class="table m-0">
-<table class="table">
 		<tbody>
 ';
 
@@ -48,13 +54,13 @@ foreach ($pluginsInstalled as $plugin) {
 		continue;
 	}
 
-	echo '<tr id="' . $plugin->className() . '" class="bg-light searchItem">';
+	echo '<tr id="' . $plugin->className() . '" class="searchItem card-tablebody">';
 
 	echo '<td class="align-middle pt-3 pb-3 w-25">
 		<div class="searchText">' . $plugin->name() . '</div>
 		<div class="mt-1">';
 	if (method_exists($plugin, 'form')) {
-		echo '<a class="mr-3" href="' . HTML_PATH_ADMIN_ROOT . 'configure-plugin/' . $plugin->className() . '">' . $L->g('Settings') . '</a>';
+		echo '<a class="me-3" href="' . HTML_PATH_ADMIN_ROOT . 'configure-plugin/' . $plugin->className() . '">' . $L->g('Settings') . '</a>';
 	}
 	echo '<a href="' . HTML_PATH_ADMIN_ROOT . 'uninstall-plugin/' . $plugin->className() . '">' . $L->g('Deactivate') . '</a>';
 	echo '</div>';
@@ -78,12 +84,13 @@ foreach ($pluginsInstalled as $plugin) {
 echo '
 		</tbody>
 	</table>
+</div>
 ';
 
-echo Bootstrap::formTitle(array('title' => $L->g('Disabled plugins')));
 
-echo '
+echo '<div class="card mb-3"><h6 class="card-header">';
-<table class="table">
+echo $L->g('Disabled plugins');
+echo '	</h6><table class="table m-0">
 		<tbody>
 ';
 
@@ -122,4 +129,5 @@ foreach ($pluginsNotInstalled as $plugin) {
 echo '
 		</tbody>
 	</table>
+</div>
 ';