mirror of https://github.com/itflow-org/itflow
More UI updates Dashboard Financial and Client Overview
This commit is contained in:
parent
f1267e5c22
commit
f21bb7cbe9
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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"); ?>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue