From f21bb7cbe91954a01d1d9dcbc0c56e91368957d2 Mon Sep 17 00:00:00 2001
From: johnnyq <johnny@pittpc.com>
Date: Wed, 18 Jan 2023 23:00:21 -0500
Subject: [PATCH] More UI updates Dashboard Financial and Client Overview

---
 client_logs.php         |   6 +--
 client_overview.php     | 114 +++++++++++++++++++++-------------------
 client_shared_items.php |   4 +-
 dashboard_financial.php |  63 +++++++++++-----------
 user_profile.php        |  12 ++---
 5 files changed, 102 insertions(+), 97 deletions(-)

diff --git a/client_logs.php b/client_logs.php
index 1b591255..847b1e3f 100644
--- a/client_logs.php
+++ b/client_logs.php
@@ -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>
diff --git a/client_overview.php b/client_overview.php
index 1faf1194..33bfa20b 100644
--- a/client_overview.php
+++ b/client_overview.php
@@ -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">
diff --git a/client_shared_items.php b/client_shared_items.php
index c5fc9d6e..74e37eab 100644
--- a/client_shared_items.php
+++ b/client_shared_items.php
@@ -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">
diff --git a/dashboard_financial.php b/dashboard_financial.php
index 1b853618..142d12f2 100644
--- a/dashboard_financial.php
+++ b/dashboard_financial.php
@@ -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"); ?>
diff --git a/user_profile.php b/user_profile.php
index b0b07736..2576fa8e 100644
--- a/user_profile.php
+++ b/user_profile.php
@@ -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>