More UI updates Dashboard Financial and Client Overview

This commit is contained in:
johnnyq 2023-01-18 23:00:21 -05:00
parent f1267e5c22
commit f21bb7cbe9
5 changed files with 102 additions and 97 deletions

View File

@ -29,7 +29,7 @@ $num_rows = mysqli_fetch_row(mysqli_query($mysqli,"SELECT FOUND_ROWS()"));
?>
<div class="card card-dark">
<div class="card-header">
<div class="card-header py-3">
<h3 class="card-title"><i class="fa fa-fw fa-eye"></i> Logs</h3>
</div>
@ -53,8 +53,8 @@ $num_rows = mysqli_fetch_row(mysqli_query($mysqli,"SELECT FOUND_ROWS()"));
</div>
</form>
<hr>
<div class="table-responsive">
<table class="table table-sm table-striped table-borderless table-hover">
<div class="table-responsive border">
<table class="table table-hover">
<thead class="text-dark <?php if($num_rows[0] == 0){ echo "d-none"; } ?>">
<tr>
<th><a class="text-dark" href="?<?php echo $url_query_strings_sb; ?>&sb=log_created_at&o=<?php echo $disp; ?>">Timestamp</a></th>

View File

@ -33,19 +33,71 @@ $sql_domains_expiring = mysqli_query($mysqli,"SELECT * FROM domains
<div class="col-12">
<div class="card card-outline card-primary mb-3">
<div class="card card-dark mb-5 elevation-3">
<div class="card-header">
<h5 class="card-title"><i class="fa fa-fw fa-edit mr-2"></i>Quick Notes</h5>
</div>
<div class="card-body">
<textarea class="form-control" rows=5 id="clientNotes" placeholder="Enter client notes here" onblur="updateClientNotes(<?php echo $client_id ?>)"><?php echo $client_notes ?></textarea>
<textarea class="form-control" rows=5 id="clientNotes" placeholder="Enter quick notes here" onblur="updateClientNotes(<?php echo $client_id ?>)"><?php echo $client_notes ?></textarea>
</div>
</div>
</div>
<?php if(mysqli_num_rows($sql_important_contacts) > 0 ){ ?>
<div class="col-md-4">
<div class="card card-dark mb-3">
<div class="card-header">
<h5 class="card-title"><i class="fa fa-fw fa-users mr-2"></i>Important Contacts</h5>
</div>
<div class="card-body p-1">
<table class="table table-borderless table-sm">
<?php
while($row = mysqli_fetch_array($sql_important_contacts)){
$contact_id = $row['contact_id'];
$contact_name = htmlentities($row['contact_name']);
$contact_title = htmlentities($row['contact_title']);
$contact_email = htmlentities($row['contact_email']);
$contact_phone = formatPhoneNumber($row['contact_phone']);
$contact_extension = htmlentities($row['contact_extension']);
$contact_mobile = formatPhoneNumber($row['contact_mobile']);
?>
<tr>
<td>
<a href="client_contact_details.php?client_id=<?php echo $client_id; ?>&contact_id=<?php echo $contact_id; ?>" class="text-bold"><?php echo $contact_name; ?></a>
<br>
<small class="text-secondary"><?php echo $contact_title; ?></small>
</td>
<td>
<?php if(!empty($contact_phone)){ ?>
<?php echo "<i class='fa fa-fw fa-phone text-secondary'></i> $contact_phone $contact_extension"; ?>
<?php } ?>
<?php if(!empty($contact_mobile)){ ?>
<br>
<div class="text-secondary"><i class='fa fa-fw fa-mobile-alt text-secondary'></i> <?php echo "$contact_mobile"; ?></div>
<?php } ?>
</td>
</tr>
<?php
}
?>
</table>
</div>
</div>
</div>
<?php } ?>
<?php if(mysqli_num_rows($sql_contacts) > 0 || mysqli_num_rows($sql_vendors) > 0 ){ ?>
<div class="col-md-3">
<div class="card card-outline card-primary mb-3">
<div class="card card-dark mb-3">
<div class="card-header">
<h5 class="card-title"><i class="fa fa-history mr-2"></i>Recently Updated</h5>
</div>
@ -88,59 +140,13 @@ $sql_domains_expiring = mysqli_query($mysqli,"SELECT * FROM domains
</div>
<?php } ?>
<?php if(mysqli_num_rows($sql_important_contacts) > 0 ){ ?>
<div class="col-md-4">
<div class="card card-outline card-primary mb-3">
<div class="card-header">
<h5 class="card-title"><i class="fa fa-users mr-2"></i>Important Contacts</h5>
</div>
<div class="card-body p-1">
<table class="table table-borderless table-sm">
<?php
while($row = mysqli_fetch_array($sql_important_contacts)){
$contact_id = $row['contact_id'];
$contact_name = htmlentities($row['contact_name']);
$contact_title = htmlentities($row['contact_title']);
$contact_email = htmlentities($row['contact_email']);
$contact_phone = formatPhoneNumber($row['contact_phone']);
$contact_extension = htmlentities($row['contact_extension']);
$contact_mobile = formatPhoneNumber($row['contact_mobile']);
?>
<tr>
<td>
<a href="client_contact_details.php?client_id=<?php echo $client_id; ?>&contact_id=<?php echo $contact_id; ?>" class="text-bold"><?php echo $contact_name; ?></a>
<br>
<small class="text-secondary"><?php echo $contact_title; ?></small>
</td>
<td>
<?php echo "$contact_phone $contact_extension"; ?>
<br>
<div class="text-secondary"><?php echo "$contact_mobile"; ?></div>
</td>
</tr>
<?php
}
?>
</table>
</div>
</div>
</div>
<?php } ?>
<?php if(mysqli_num_rows($sql_contacts) > 0 || mysqli_num_rows($sql_vendors) > 0 ){ ?>
<div class="col-md-3">
<div class="card card-outline card-primary mb-3">
<div class="card card-dark mb-3">
<div class="card-header">
<h5 class="card-title"><i class="fa fa-eye mr-2"></i>Recently Viewed</h5>
<h5 class="card-title"><i class="fa fa-fw fa-eye mr-2"></i>Recently Viewed</h5>
</div>
<div class="card-body">
@ -184,9 +190,9 @@ $sql_domains_expiring = mysqli_query($mysqli,"SELECT * FROM domains
<div class="col-md-4">
<div class="card card-outline card-warning mb-3">
<div class="card card-dark mb-3">
<div class="card-header">
<h5 class="card-title"><i class="fas fa-calendar-alt mr-2"></i>Upcoming Expirations</h5>
<h5 class="card-title"><i class="fa fa-fw fa-exclamation-triangle text-warning mr-2"></i>Upcoming Expirations</h5>
</div>
<div class="card-body">
@ -254,7 +260,7 @@ $sql_domains_expiring = mysqli_query($mysqli,"SELECT * FROM domains
<div class="col-md-5">
<div class="card card-outline card-danger mb-3">
<div class="card card-danger mb-3">
<div class="card-body">
<h5 class="card-title mb-2"><i class="fa fa-life-ring"></i> Stale Tickets <small class="text-secondary">(14d)</small></h5>
<table class="table table-borderless table-sm">

View File

@ -32,8 +32,8 @@ $num_rows = mysqli_fetch_row(mysqli_query($mysqli,"SELECT FOUND_ROWS()"));
?>
<div class="card card-dark">
<div class="card-header">
<h3 class="card-title mt-2"><i class="fa fa-fw fa-share"></i> Shared Items (Links)</h3>
<div class="card-header py-3">
<h3 class="card-title"><i class="fa fa-fw fa-share"></i> Shared Items (Links)</h3>
</div>
<div class="card-body">
<form autocomplete="off">

View File

@ -264,29 +264,10 @@ $vendors_added = $row['vendors_added'];
</div>
</div>
<div class="col-md-12">
<div class="col-lg-4">
<div class="card card-dark mb-3">
<div class="card-header">
<h3 class="card-title"><i class="fas fa-fw fa-route"></i> Trip Flow</h3>
<div class="card-tools">
<a href="trips.php" class="btn btn-tool">
<i class="fas fa-eye"></i>
</a>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="card-body">
<canvas id="tripFlow" width="100%" height="20"></canvas>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card card-dark mb-3">
<div class="card-header">
<h3 class="card-title"><i class="fas fa-chart-pie"></i> Income By Category</h3>
<h3 class="card-title"><i class="fas fa-chart-pie"></i> Income by Category</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
@ -299,10 +280,10 @@ $vendors_added = $row['vendors_added'];
</div>
</div>
<div class="col-lg-6">
<div class="col-lg-4">
<div class="card card-dark mb-3">
<div class="card-header">
<h3 class="card-title"><i class="fas fa-chart-pie"></i> Expenses By Category</h3>
<h3 class="card-title"><i class="fa fa-fw fa-shopping-cart"></i> Expenses by Category</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
@ -315,10 +296,10 @@ $vendors_added = $row['vendors_added'];
</div>
</div>
<div class="col-lg-6">
<div class="col-lg-4">
<div class="card card-dark mb-3">
<div class="card-header">
<h3 class="card-title"><i class="fas fa-chart-pie"></i> Expenses By Vendor</h3>
<h3 class="card-title"><i class="fa fa-fw fa-building"></i> Expenses by Vendor</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
@ -331,10 +312,10 @@ $vendors_added = $row['vendors_added'];
</div>
</div>
<div class="col-md-6">
<div class="col-md-4">
<div class="card card-dark mb-3">
<div class="card-header">
<h3 class="card-title">Account Balance</h3>
<h3 class="card-title"><i class="fa fa-fw fa-piggy-bank"></i> Account Balances</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
@ -342,7 +323,7 @@ $vendors_added = $row['vendors_added'];
</div>
</div>
<div class="table-responsive">
<table class="table table-borderless">
<table class="table">
<tbody>
<?php
while($row = mysqli_fetch_array($sql_accounts)){
@ -383,7 +364,7 @@ $vendors_added = $row['vendors_added'];
</div>
</div>
</div> <!-- .col -->
<div class="col-md-6">
<div class="col-md-4">
<div class="card card-dark mb-3">
<div class="card-header">
<h3 class="card-title"><i class="fas fa-credit-card"></i> Latest Income</h3>
@ -394,7 +375,7 @@ $vendors_added = $row['vendors_added'];
</div>
</div>
<div class="table-responsive">
<table class="table table-borderless">
<table class="table table-borderless table-sm">
<thead>
<tr>
<th>Date</th>
@ -426,7 +407,7 @@ $vendors_added = $row['vendors_added'];
</div>
</div>
</div> <!-- .col -->
<div class="col-md-6">
<div class="col-md-4">
<div class="card card-dark mb-3">
<div class="card-header">
<h3 class="card-title"><i class="fas fa-shopping-cart"></i> Latest Expenses</h3>
@ -437,7 +418,7 @@ $vendors_added = $row['vendors_added'];
</div>
</div>
<div class="table-responsive">
<table class="table table-borderless">
<table class="table table-sm table-borderless">
<thead>
<tr>
<th>Date</th>
@ -469,6 +450,24 @@ $vendors_added = $row['vendors_added'];
</div>
</div>
</div> <!-- .col -->
<div class="col-md-12">
<div class="card card-dark mb-3">
<div class="card-header">
<h3 class="card-title"><i class="fas fa-fw fa-route"></i> Trip Flow</h3>
<div class="card-tools">
<a href="trips.php" class="btn btn-tool">
<i class="fas fa-eye"></i>
</a>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="card-body">
<canvas id="tripFlow" width="100%" height="20"></canvas>
</div>
</div>
</div>
</div> <!-- row -->
<?php include("footer.php"); ?>

View File

@ -14,8 +14,8 @@ $sql_recent_logs = mysqli_query($mysqli,"SELECT * FROM logs
<div class="row">
<div class="col-md-4">
<div class="card">
<div class="card-header bg-dark text-white">
<div class="card card-dark">
<div class="card-header py-3">
<h3 class="card-title"><i class="fa fa-fw fa-user"></i> User Details</h3>
</div>
<div class="card-body">
@ -149,8 +149,8 @@ $sql_recent_logs = mysqli_query($mysqli,"SELECT * FROM logs
</div>
<div class="col-md-8">
<div class="card">
<div class="card-header bg-dark text-white">
<div class="card card-dark">
<div class="card-header py-3">
<h3 class="card-title"><i class="fa fa-fw fa-sign-in-alt"></i> Recent Logins</h3>
</div>
<table class="table">
@ -179,8 +179,8 @@ $sql_recent_logs = mysqli_query($mysqli,"SELECT * FROM logs
</div>
</div>
<div class="card">
<div class="card-header bg-dark text-white">
<div class="card card-dark">
<div class="card-header py-3">
<h3 class="card-title"><i class="fa fa-fw fa-history"></i> Your Recent Activity</h3>
</div>