refactor UI

This commit is contained in:
Diego Najar 2022-09-05 20:08:48 +02:00
parent 3a8fa7ab94
commit 8636f6d6b8
3 changed files with 44 additions and 18 deletions

View file

@ -24,10 +24,6 @@ a.text-danger:hover {
} }
/* Buttons */ /* Buttons */
.btn {
border-radius: 2px;
}
.btn-primary { .btn-primary {
background-color: #0078D4; background-color: #0078D4;
border-color: #0078D4; border-color: #0078D4;

View file

@ -31,30 +31,30 @@
<h4><?php $L->p('Manage') ?></h4> <h4><?php $L->p('Manage') ?></h4>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'content' ?>"><?php $L->p('Content') ?></a> <a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'content' ?>"><span class="fa fa-folder"></span><?php $L->p('Content') ?></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'categories' ?>"><?php $L->p('Categories') ?></a> <a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'categories' ?>"><span class="fa fa-bookmark"></span><?php $L->p('Categories') ?></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'users' ?>"><?php $L->p('Users') ?></a> <a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'users' ?>"><span class="fa fa-users"></span><?php $L->p('Users') ?></a>
</li> </li>
<li class="nav-item mt-3"> <li class="nav-item mt-3">
<h4><?php $L->p('Settings') ?></h4> <h4><?php $L->p('Settings') ?></h4>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'settings' ?>"><?php $L->p('General') ?></a> <a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'settings' ?>"><span class="fa fa-gear"></span><?php $L->p('General') ?></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'plugins' ?>"><?php $L->p('Plugins') ?></a> <a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'plugins' ?>"><span class="fa fa-puzzle-piece"></span><?php $L->p('Plugins') ?></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'themes' ?>"><?php $L->p('Themes') ?></a> <a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'themes' ?>"><span class="fa fa-desktop"></span><?php $L->p('Themes') ?></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'about' ?>"><?php $L->p('About') ?></a> <a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'about' ?>"><span class="fa fa-info"></span><?php $L->p('About') ?></a>
</li> </li>
<?php endif; ?> <?php endif; ?>

View file

@ -5,11 +5,21 @@
<!-- Good message --> <!-- Good message -->
<div> <div>
<h2 id="hello-message" class="pt-0"> <h2 id="hello-message" class="pt-0">
<span class="fa fa-hand-spock-o"></span><span><?php echo $L->g('hello') ?></span> <?php
$username = $login->username();
$user = new User($username);
$name = '';
if ($user->nickname()) {
$name = $user->nickname();
} elseif ($user->firstName()) {
$name = $user->firstName();
}
?>
<span class="fa fa-hand-spock-o"></span><span><?php echo $L->g('hello').' '.$name ?></span>
</h2> </h2>
<script> <script>
$( document ).ready(function() { $( document ).ready(function() {
$("#hello-message").fadeOut(1000, function() { $("#hello-message").fadeOut(2400, function() {
var date = new Date() var date = new Date()
var hours = date.getHours() var hours = date.getHours()
if (hours > 6 && hours < 12) { if (hours > 6 && hours < 12) {
@ -27,10 +37,10 @@
</div> </div>
<!-- Quick Links --> <!-- Quick Links -->
<div class="container border-bottom pb-5" id="jsclippyContainer"> <div class="container pb-5" id="jsclippyContainer">
<div class="row"> <div class="row">
<div class="col"> <div class="col p-0">
<div class="form-group"> <div class="form-group">
<select id="jsclippy" class="clippy" name="state"></select> <select id="jsclippy" class="clippy" name="state"></select>
</div> </div>
@ -93,7 +103,7 @@
}); });
</script> </script>
</div> </div>
<div class="container mt-4"> <div class="container border-top pt-4 mt-4">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<a class="quick-links text-center" target="_blank" href="https://docs.bludit.com"> <a class="quick-links text-center" target="_blank" href="https://docs.bludit.com">
@ -108,12 +118,32 @@
</a> </a>
</div> </div>
<div class="col"> <div class="col">
<a class="quick-links text-center" target="_blank" href="https://gitter.im/bludit/support"> <a class="quick-links text-center" target="_blank" href="https://discord.gg/CFaXEdZWds">
<div class="fa fa-comments quick-links-icons"></div> <div class="fa fa-comments quick-links-icons"></div>
<div><?php $L->p('Chat support') ?></div> <div><?php $L->p('Chat support') ?></div>
</a> </a>
</div> </div>
</div> </div>
<div class="row">
<div class="col">
<a class="quick-links text-center" target="_blank" href="https://themes.bludit.com">
<div class="fa fa-desktop quick-links-icons"></div>
<div><?php $L->p('Themes') ?></div>
</a>
</div>
<div class="col border-left border-right">
<a class="quick-links text-center" target="_blank" href="https://plugins.bludit.com">
<div class="fa fa-puzzle-piece quick-links-icons"></div>
<div><?php $L->p('Plugins') ?></div>
</a>
</div>
<div class="col">
<a class="quick-links text-center" target="_blank" href="https://github.com/bludit/bludit">
<div class="fa fa-github quick-links-icons"></div>
<div><?php $L->p('GitHub') ?></div>
</a>
</div>
</div>
</div> </div>
<?php Theme::plugins('dashboard') ?> <?php Theme::plugins('dashboard') ?>
@ -122,7 +152,7 @@
<!-- Notifications --> <!-- Notifications -->
<ul class="list-group list-group-striped b-0"> <ul class="list-group list-group-striped b-0">
<li class="list-group-item pt-0"><h4><?php $L->p('Notifications') ?></h4></li> <li class="list-group-item pt-0"><h4 class="m-0"><?php $L->p('Notifications') ?></h4></li>
<?php <?php
$logs = array_slice($syslog->db, 0, NOTIFICATIONS_AMOUNT); $logs = array_slice($syslog->db, 0, NOTIFICATIONS_AMOUNT);
foreach ($logs as $log) { foreach ($logs as $log) {