ThaMunsta/itflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI/UX update in ticket details switch to full card stacks with edit icons for the stackable reference items on the right like asset watchers contact etc

Browse Source
This commit is contained in:
johnnyq
2025-06-11 22:28:38 -04:00
parent 07726322df
commit dba3e895da
2 changed files with 303 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files
project_details.php
+9 -5
View File
@@ -326,7 +326,7 @@ if (isset($_GET['project_id'])) {
<form id="bulkActions" action="post.php" method="post">
<input type="hidden" name="csrf_token" value="<?php echo $_SESSION['csrf_token'] ?>">
<div class="table-responsive-sm">
<table class="table table-striped table-borderless table-hover">
<table class="table table-border table-hover">
<thead class="thead-light">
<tr>
<td class="bg-light pr-0">
@@ -514,9 +514,12 @@ if (isset($_GET['project_id'])) {
<!-- Tasks Card -->
<?php if (mysqli_num_rows($sql_tasks) > 0) { ?>
<div class="card card-body card-outline card-dark">
<h5 class="text-secondary"><i class="fas fa-fw fa-tasks mr-2"></i>All Tasks</h5>
<table class="table">
<div class="card card-outline card-dark">
<div class="card-header py-3">
<h5 class="card-title"><i class="fas fa-fw fa-tasks mr-2"></i>All Tasks</h5>
</div>
<div class="card-body p-0">
<table class="table table-sm">
<?php
while($row = mysqli_fetch_array($sql_tasks)){
$task_id = intval($row['task_id']);
@@ -526,7 +529,7 @@ if (isset($_GET['project_id'])) {
<tr>
<td>
<?php if ($task_completed_at) { ?>
<i class="far fa-check-square text-primary mr-2"></i>
<i class="far fa-check-square text-success mr-2"></i>
<?php } else { ?>
<a href="post.php?complete_task=<?php echo $task_id; ?>">
<i class="far fa-square text-secondary mr-2"></i>
@@ -538,6 +541,7 @@ if (isset($_GET['project_id'])) {
<?php } ?>
</table>
</div>
</div>
<?php } ?>
<!-- End Tasks Card -->
ticket.php
+97 -30
View File
@@ -864,8 +864,19 @@ if (isset($_GET['ticket_id'])) {
<!-- Contact card -->
<?php if ($contact_id) { ?>
<div class="card card-body mb-3">
<h5 class="text-secondary">Contact</h5>
<div class="card">
<div class="card-header py-2">
<h5 class="card-title"><i class="fas fa-fw fa-user-check mr-2 mt-2"></i>Primary Contact</h5>
<div class="card-tools">
<?php if (empty($ticket_resolved_at) && lookupUserPermission("module_support") >= 2) { ?>
<a class="btn btn-light text-secondary btn-sm" href="#" data-toggle="ajax-modal" data-ajax-url="ajax/ajax_ticket_contact.php" data-ajax-id="<?php echo $ticket_id; ?>">
<i class="fas fa-edit"></i>
</a>
<?php } ?>
</div>
</div>
<div class="card-body">
<div>
<i class="fa fa-fw fa-user text-secondary mr-2"></i><a href="#" data-toggle="ajax-modal"
data-modal-size="lg"
@@ -901,21 +912,6 @@ if (isset($_GET['ticket_id'])) {
<?php } ?>
</div>
<?php } else { ?>
<div class="card card-body mb-3">
<h5 class="text-secondary">Contact</h5>
<div>
<i class="fa fa-fw fa-user text-secondary mr-2"></i>
<a href="#"
<?php if (lookupUserPermission("module_support") >= 2 && empty($ticket_closed_at)) { ?>
data-toggle = "ajax-modal"
data-ajax-url = "ajax/ajax_ticket_contact.php"
data-ajax-id = "<?php echo $ticket_id; ?>"
<?php } ?>
>
<i>No One</i>
</a>
</div>
</div>
<?php } ?>
<!-- End contact card -->
@@ -923,16 +919,42 @@ if (isset($_GET['ticket_id'])) {
<!-- Tasks Card -->
<?php if (empty($ticket_resolved_at) || (!empty($ticket_resolved_at) && $task_count > 0)) { ?>
<div class="card card-body">
<div class="card">
<div class="card-header py-2">
<h5 class="card-title"><i class="fas fa-fw fa-tasks mr-2 mt-2"></i>Tasks</h5>
<div class="card-tools">
<?php if (empty($ticket_resolved_at) && lookupUserPermission("module_support") >= 2) { ?>
<div class="dropdown dropleft text-center">
<button class="btn btn-light text-secondary btn-sm" type="button" data-toggle="dropdown">
<i class="fas fa-ellipsis-v"></i>
</button>
<div class="dropdown-menu">
<a class="dropdown-item text-success" href="#">
<i class="fas fa-fw fa-check-double mr-2"></i>Mark All Complete
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<i class="far fa-fw fa-square mr-2"></i>Mark All Incomplete
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item text-danger confirm-link" href="#">
<i class="fas fa-fw fa-trash-alt mr-2"></i>Delete All
</a>
</div>
</div>
<?php } ?>
</div>
</div>
<div class="card-body p-0">
<?php if (empty($ticket_resolved_at) && lookupUserPermission("module_support") >= 2) { ?>
<form action="post.php" method="post" autocomplete="off">
<input type="hidden" name="ticket_id" value="<?php echo $ticket_id; ?>">
<div class="form-group">
<div class="form-group px-2 pt-3">
<div class="input-group input-group-sm">
<input type="text" class="form-control" name="name" placeholder="Create Task" required maxlength="255">
<div class="input-group-append">
<button type="submit" name="add_task" class="btn btn-secondary">
<button type="submit" name="add_task" class="btn btn-outline-primary">
<i class="fas fa-check"></i>
</button>
</div>
@@ -953,10 +975,10 @@ if (isset($_GET['ticket_id'])) {
<tr data-task-id="<?php echo $task_id; ?>">
<td>
<?php if ($task_completed_at) { ?>
<i class="far fa-check-square text-primary"></i>
<i class="far fa-check-square text-success"></i>
<?php } elseif (lookupUserPermission("module_support") >= 2) { ?>
<a href="post.php?complete_task=<?php echo $task_id; ?>">
<i class="far fa-square text-secondary"></i>
<i class="far fa-square text-dark"></i>
</a>
<?php } ?>
<span class="text-dark ml-2"><?php echo $task_name; ?></span>
@@ -1004,6 +1026,7 @@ if (isset($_GET['ticket_id'])) {
?>
</table>
</div>
</div>
<?php } ?>
<!-- End Tasks Card -->
@@ -1011,8 +1034,18 @@ if (isset($_GET['ticket_id'])) {
<!-- Ticket watchers card -->
<?php if (empty($ticket_closed_at) && mysqli_num_rows($sql_ticket_watchers) > 0) { ?>
<div class="card card-body card-outline card-dark mb-3">
<h5 class="text-secondary">Watchers</h5>
<div class="card">
<div class="card-header py-2">
<h5 class="card-title"><i class="fas fa-fw fa-eye mr-2 mt-2"></i>Watchers</h5>
<div class="card-tools">
<?php if (empty($ticket_resolved_at) && lookupUserPermission("module_support") >= 2) { ?>
<a class="btn btn-light text-secondary btn-sm" href="#" data-toggle="modal" data-target="#addTicketWatcherModal">
<i class="fas fa-edit"></i>
</a>
<?php } ?>
</div>
</div>
<div class="card-body">
<?php
// Get Watchers
@@ -1031,13 +1064,24 @@ if (isset($_GET['ticket_id'])) {
<?php } ?>
</div>
</div>
<?php } ?>
<!-- End Ticket watchers card -->
<!-- Asset card -->
<?php if ($asset_id) { ?>
<div class="card card-body mb-3">
<h5 class="text-secondary">Asset(s)</h5>
<div class="card mb-3">
<div class="card-header py-2">
<h5 class="card-title"><i class="fas fa-fw fa-desktop mr-2 mt-2"></i>Primary Asset</h5>
<div class="card-tools">
<?php if (empty($ticket_resolved_at) && lookupUserPermission("module_support") >= 2) { ?>
<a class="btn btn-light text-secondary btn-sm" href="#" data-toggle="modal" data-target="#editTicketAssetModal<?php echo $ticket_id; ?>">
<i class="fas fa-edit"></i>
</a>
<?php } ?>
</div>
</div>
<div class="card-body">
<div>
<a href="#"
data-toggle="ajax-modal"
@@ -1073,14 +1117,25 @@ if (isset($_GET['ticket_id'])) {
}
?>
</div>
</div>
<?php } // End if asset_id ?>
<!-- End Asset card -->
<!-- Vendor card -->
<?php if ($vendor_id) { ?>
<div class="card card-body mb-3">
<h5 class="text-secondary">Vendor</h5>
<div class="card mb-3">
<div class="card-header py-2">
<h5 class="card-title"><i class="fas fa-fw fa-building mr-2 mt-2"></i>Vendor</h5>
<div class="card-tools">
<?php if (empty($ticket_resolved_at) && lookupUserPermission("module_support") >= 2) { ?>
<a class="btn btn-light text-secondary btn-sm" href="#" data-toggle="modal" data-target="#editTicketVendorModal<?php echo $ticket_id; ?>">
<i class="fas fa-edit"></i>
</a>
<?php } ?>
</div>
</div>
<div class="card-body">
<div>
<i class="fa fa-fw fa-building text-secondary mr-2"></i><strong><?php echo $vendor_name; ?></strong>
@@ -1118,13 +1173,24 @@ if (isset($_GET['ticket_id'])) {
<?php } ?>
</div>
</div>
<?php } //End Else ?>
<!-- End Vendor card -->
<!-- project card -->
<?php if ($project_id) { ?>
<div class="card card-body mb-3">
<h5 class="text-secondary">Project</h5>
<div class="card">
<div class="card-header py-2">
<h5 class="card-title"><i class="fas fa-fw fa-project-diagram mr-2 mt-2"></i>Project</h5>
<div class="card-tools">
<?php if (empty($ticket_resolved_at) && lookupUserPermission("module_support") >= 2) { ?>
<a class="btn btn-light text-secondary btn-sm" href="#">
<i class="fas fa-edit"></i>
</a>
<?php } ?>
</div>
</div>
<div class="card-body">
<div>
<i class="fa fa-fw fa-project-diagram text-secondary mr-3"></i><a href="project_details.php?project_id=<?php echo $project_id; ?>" target="_blank"><strong><?php echo $project_name; ?><i class="fa fa-fw fa-external-link-alt text-secondary ml-2"></i></strong>
</a>
@@ -1136,6 +1202,7 @@ if (isset($_GET['ticket_id'])) {
</div>
<?php } ?>
</div>
</div>
<?php } ?>
<!-- End project card -->