Side nav UI update bigger go back more margin between menu headers, added icons to reports side nav

This commit is contained in:
johnnyq
2022-09-19 21:14:26 -04:00
parent 80862d7ea8
commit 83a82d2995
4 changed files with 25 additions and 23 deletions

View File

@@ -5,14 +5,14 @@
<div class="sidebar">
<!-- Sidebar Menu -->
<nav class="mt-2">
<nav class="mt-3">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" data-accordion="false">
<li class="nav-item mb-2">
<li class="nav-item mb-3">
<a href="dashboard_financial.php" class="nav-link">
<i class="nav-icon fas fa-arrow-left"></i>
<p>Back | <strong>Admin</strong></p>
<p class="h4">Back | <strong>Admin</strong></p>
</a>
</li>
@@ -38,7 +38,7 @@
</a>
</li>
<li class="nav-header mt-2">SETTINGS</li>
<li class="nav-header mt-3">SETTINGS</li>
<li class="nav-item">
<a class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "settings-mail.php") { echo "active"; } ?>"

View File

@@ -5,12 +5,14 @@
<div class="sidebar">
<!-- Sidebar Menu -->
<nav class="mt-2">
<nav class="mt-3">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<li class="nav-item">
<a href="clients.php" class="nav-link">
<i class="nav-icon fas fa-arrow-left"></i>
<p>Back | <strong><?php echo $client_name; ?></strong></p>
<p class="h4">Back | <small><strong><?php echo $client_name; ?></strong></small></p>
</a>
</li>
@@ -47,7 +49,7 @@
</a>
</li>
<li class="nav-header mt-2">ASSETS</li>
<li class="nav-header mt-3">ASSETS</li>
<li class="nav-item">
<a href="client_assets.php?client_id=<?php echo $client_id; ?>" class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "client_assets.php") { echo "active"; } ?>">
@@ -133,7 +135,7 @@
</a>
</li>
<li class="nav-header mt-2">SUPPORT</li>
<li class="nav-header mt-3">SUPPORT</li>
<?php if($config_module_enable_ticketing == 1){ ?>
<li class="nav-item">
@@ -223,7 +225,7 @@
<?php if($session_user_role == 1 || $session_user_role > 2 && $config_module_enable_accounting == 1){ ?>
<li class="nav-header mt-2">ACCOUNTING</li>
<li class="nav-header mt-3">ACCOUNTING</li>
<li class="nav-item">
<a href="client_invoices.php?client_id=<?php echo $client_id; ?>" class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "client_invoices.php") { echo "active"; } ?>">
@@ -298,7 +300,7 @@
<?php } ?>
<li class="nav-header mt-2">MORE</li>
<li class="nav-header mt-3">MORE</li>
<li class="nav-item">
<a href="client_shared_items.php?client_id=<?php echo $client_id; ?>" class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "client_shared_items.php") { echo "active"; } ?>">

View File

@@ -5,18 +5,18 @@
<div class="sidebar">
<!-- Sidebar Menu -->
<nav class="mt-2">
<nav class="mt-3">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" data-accordion="false">
<li class="nav-item mb-2">
<li class="nav-item mb-3">
<a href="dashboard_financial.php" class="nav-link">
<i class="nav-icon fas fa-arrow-left"></i>
<p>Back | <strong>Reports</strong></p>
<p class="h4">Back | <strong>Reports</strong></p>
</a>
</li>
<li class="nav-header mt-2">FINANCIAL</li>
<li class="nav-header">FINANCIAL</li>
<li class="nav-item">
<a href="report_income_summary.php" class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "report_income_summary.php") { echo "active"; } ?>">
@@ -26,19 +26,19 @@
</li>
<li class="nav-item">
<a href="report_income_by_client.php" class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "report_income_by_client.php") { echo "active"; } ?>">
<i class="far fa-circle nav-icon"></i>
<i class="far fa-user nav-icon"></i>
<p>Income By Client</p>
</a>
</li>
<li class="nav-item">
<a href="report_expense_summary.php" class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "report_expense_summary.php") { echo "active"; } ?>">
<i class="far fa-circle nav-icon"></i>
<i class="far fa-credit-card nav-icon"></i>
<p>Expense</p>
</a>
</li>
<li class="nav-item">
<a href="report_expense_by_vendor.php" class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "report_expense_by_vendor.php") { echo "active"; } ?>">
<i class="far fa-circle nav-icon"></i>
<i class="far fa-building nav-icon"></i>
<p>Expense By Vendor</p>
</a>
</li>

View File

@@ -42,11 +42,11 @@
<?php }else{ ?>
<h3 class="brand-text text-light my-2"><?php echo $session_company_name; ?></h3>
<h2 class="brand-text text-light my-3"><i class="fas fa-cloud"></i> <?php echo $session_company_name; ?></h2>
<?php } ?>
<form class="form-inline mb-2" action="global_search.php">
<form class="form-inline mb-3" action="global_search.php">
<div class="input-group">
<input class="form-control form-control-sidebar" type="search" placeholder="Search" name="query" value="<?php if(isset($_GET['query'])){ echo strip_tags($_GET['query']); } ?>">
<div class="input-group-append">
@@ -76,7 +76,7 @@
<?php if($session_user_role >= 2 && $config_module_enable_ticketing == 1){ ?>
<li class="nav-header mt-2">SUPPORT</li>
<li class="nav-header mt-3">SUPPORT</li>
<li class="nav-item">
<a href="tickets.php" class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "tickets.php" || basename($_SERVER["PHP_SELF"]) == "ticket.php") { echo "active"; } ?>">
<i class="nav-icon fas fa-ticket-alt"></i>
@@ -100,7 +100,7 @@
<?php if($session_user_role == 1 OR $session_user_role == 3 && $config_module_enable_accounting == 1){ ?>
<li class="nav-header mt-2">SALES</li>
<li class="nav-header mt-3">SALES</li>
<li class="nav-item">
<a href="quotes.php" class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "quotes.php" || basename($_SERVER["PHP_SELF"]) == "quote.php") { echo "active"; } ?>">
<i class="nav-icon fas fa-file-invoice"></i>
@@ -131,7 +131,7 @@
<p>Products</p>
</a>
</li>
<li class="nav-header mt-2">ACCOUNTING</li>
<li class="nav-header mt-3">ACCOUNTING</li>
<li class="nav-item">
<a href="payments.php" class="nav-link <?php if(basename($_SERVER["PHP_SELF"]) == "payments.php") { echo "active"; } ?>">
<i class="nav-icon fas fa-credit-card"></i>
@@ -181,7 +181,7 @@
<?php if($session_user_role == 3){ ?>
<li class="nav-item mt-2">
<li class="nav-item mt-3">
<a href="users.php" class="nav-link">
<i class="nav-icon fas fa-cog"></i>
<p>Admin</p>