Update Ticket list ui smaller badge for ticket and smaller task progress bar and more natural dates

This commit is contained in:
johnnyq 2026-01-28 22:52:56 -05:00
parent 874b07f4d7
commit bf1d0655c4
4 changed files with 41 additions and 47 deletions

View File

@ -439,13 +439,13 @@ if (isset($_GET['ticket_id'])) {
<div class="card card-body"> <div class="card card-body">
<div title="<?php echo $ticket_updated_at; ?>"> <div title="<?php echo $ticket_updated_at; ?>">
<i class="fa fa-fw fa-history text-secondary mr-2"></i>Last updated: <strong><?= date('M d, Y • g:i A', strtotime($ticket_updated_at)) . "</strong> <span class='text-muted small'>($ticket_updated_at_ago)</span>" ?> <i class="fa fa-fw fa-history text-secondary mr-2"></i>Updated: <strong><?= date('M d, Y • g:i A', strtotime($ticket_updated_at)) . "</strong> <span class='text-muted small'>($ticket_updated_at_ago)</span>" ?>
</div> </div>
<!-- Ticket assign (disable if closed --> <!-- Ticket assign (disable if closed -->
<?php if (empty($ticket_closed_at)) { ?> <?php if (empty($ticket_closed_at)) { ?>
<div class="mt-1"> <div class="mt-1">
<i class="fas fa-fw fa-user-tie mr-2 text-secondary"></i>Assigned Agent: <i class="fas fa-fw fa-user-tie mr-2 text-secondary"></i>Agent:
<a class="ajax-modal" href="#" <a class="ajax-modal" href="#"
data-modal-url="modals/ticket/ticket_assign.php?id=<?= $ticket_id ?>"> data-modal-url="modals/ticket/ticket_assign.php?id=<?= $ticket_id ?>">
<?= $ticket_assigned_to_display ?> <?= $ticket_assigned_to_display ?>
@ -453,7 +453,7 @@ if (isset($_GET['ticket_id'])) {
</div> </div>
<?php } else { ?> <?php } else { ?>
<div class="mt-1"> <div class="mt-1">
<i class="fas fa-fw fa-user-check mr-2 text-secondary"></i>Assigned Agent: <?php echo $ticket_assigned_to_display; ?> <i class="fas fa-fw fa-user-check mr-2 text-secondary"></i>Agent: <?php echo $ticket_assigned_to_display; ?>
</div> </div>
<?php } ?> <?php } ?>
<!-- End ticket assign --> <!-- End ticket assign -->
@ -565,9 +565,9 @@ if (isset($_GET['ticket_id'])) {
<input type="hidden" name="ticket_id" id="ticket_id" value="<?php echo $ticket_id; ?>"> <input type="hidden" name="ticket_id" id="ticket_id" value="<?php echo $ticket_id; ?>">
<input type="hidden" name="client_id" id="client_id" value="<?php echo $client_id; ?>"> <input type="hidden" name="client_id" id="client_id" value="<?php echo $client_id; ?>">
<div class="card card-body d-print-none pb-0"> <div class="card card-body d-print-none p-3">
<div class="form-group"> <div class="form-group mb-0">
<div class="btn-group btn-block btn-group-toggle" data-toggle="buttons"> <div class="btn-group btn-block btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-dark active"> <label class="btn btn-outline-dark active">
<input type="radio" name="public_reply_type" value="0" checked>Internal <input type="radio" name="public_reply_type" value="0" checked>Internal
@ -585,19 +585,17 @@ if (isset($_GET['ticket_id'])) {
</div> </div>
<div class="form-group mb-0"> <div class="form-group">
<textarea <textarea
class="form-control tinymceTicket" name="ticket_reply" class="form-control tinymceTicket" name="ticket_reply"
placeholder="Type a response"> placeholder="Type a response">
</textarea> </textarea>
</div> </div>
<div class="form-row">
<div class="card card-body pb-0"> <div class="col-md-3">
<div class="form-group">
<div class="form-row"> <div class="input-group">
<div class="col-md-3">
<div class="input-group mb-3">
<select class="form-control select2" name="status" required> <select class="form-control select2" name="status" required>
<!-- Show all active ticket statuses, apart from new or closed as these are system-managed --> <!-- Show all active ticket statuses, apart from new or closed as these are system-managed -->
@ -617,10 +615,12 @@ if (isset($_GET['ticket_id'])) {
</select> </select>
</div> </div>
</div> </div>
</div>
<!-- Time Tracking --> <!-- Time Tracking -->
<div class="col-md-6"> <div class="col-md-6">
<div class="input-group mb-3"> <div class="form-group">
<div class="input-group">
<div class="input-group-prepend px-0 col-2"> <div class="input-group-prepend px-0 col-2">
<input type="text" class="form-control" inputmode="numeric" id="hours" name="hours" placeholder="Hrs" min="0" max="23" pattern="0?[0-9]|1[0-9]|2[0-3]"> <input type="text" class="form-control" inputmode="numeric" id="hours" name="hours" placeholder="Hrs" min="0" max="23" pattern="0?[0-9]|1[0-9]|2[0-3]">
</div> </div>
@ -639,14 +639,14 @@ if (isset($_GET['ticket_id'])) {
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3">
<div class="btn-toolbar float-right">
<button type="submit" id="ticket_add_reply" name="add_ticket_reply" class="btn btn-success ml-3"><i class="fas fa-check mr-2"></i>Submit</button>
</div>
</div>
</div> </div>
<div class="col-md-3">
<div class="btn-toolbar float-right mb-3">
<button type="submit" id="ticket_add_reply" name="add_ticket_reply" class="btn btn-success ml-3"><i class="fas fa-check mr-2"></i>Submit</button>
</div>
</div>
</div> </div>
</form> </form>

View File

@ -125,9 +125,9 @@
$ticket_assigned_to = intval($row['ticket_assigned_to']); $ticket_assigned_to = intval($row['ticket_assigned_to']);
if (empty($ticket_assigned_to)) { if (empty($ticket_assigned_to)) {
if (!empty($ticket_closed_at)) { if (!empty($ticket_closed_at)) {
$ticket_assigned_to_display = "<p>Not Assigned</p>"; $ticket_assigned_to_display = "<p>Unassigned</p>";
} else { } else {
$ticket_assigned_to_display = "<p class='text-danger'>Not Assigned</p>"; $ticket_assigned_to_display = "<p class='text-muted'>Unassigned</p>";
} }
} else { } else {
$ticket_assigned_to_display = nullable_htmlentities($row['user_name']); $ticket_assigned_to_display = nullable_htmlentities($row['user_name']);
@ -203,7 +203,7 @@
<!-- Ticket Number --> <!-- Ticket Number -->
<td> <td>
<a href="ticket.php?ticket_id=<?= "$ticket_id$has_client" ?>"> <a href="ticket.php?ticket_id=<?= "$ticket_id$has_client" ?>">
<span class="badge badge-pill badge-secondary p-3"><?php echo "$ticket_prefix$ticket_number"; ?></span> <span class="badge badge-pill badge-dark p-2"><?php echo "$ticket_prefix$ticket_number"; ?></span>
</a> </a>
</td> </td>
@ -212,12 +212,12 @@
<a href="ticket.php?ticket_id=<?= "$ticket_id$has_client" ?>"><?= $ticket_subject ?></a> <a href="ticket.php?ticket_id=<?= "$ticket_id$has_client" ?>"><?= $ticket_subject ?></a>
<?php if($task_count && $completed_task_count > 0) { ?> <?php if($task_count && $completed_task_count > 0) { ?>
<div class="progress mt-2" style="height: 20px;"> <div class="progress mt-1" style="height: 15px;">
<div class="progress-bar" style="width: <?php echo $tasks_completed_percent; ?>%;"><?php echo $completed_task_count.' / '.$task_count; ?></div> <div class="progress-bar" style="width: <?php echo $tasks_completed_percent; ?>%;"><?php echo $completed_task_count.' / '.$task_count; ?></div>
</div> </div>
<?php } ?> <?php } ?>
<?php if($task_count && $completed_task_count == 0) { ?> <?php if($task_count && $completed_task_count == 0) { ?>
<div class="mt-2" style="height: 20px; background-color:#e9ecef;"> <div class="mt-1" style="height: 15px; background-color:#e9ecef;">
<p class="text-center" ><?php echo $completed_task_count.' / '.$task_count; ?></p> <p class="text-center" ><?php echo $completed_task_count.' / '.$task_count; ?></p>
</div> </div>
<?php } ?> <?php } ?>

View File

@ -214,26 +214,20 @@ $sql_categories_filter = mysqli_query(
<div class="col-sm-3"> <div class="col-sm-3">
<div class="form-group"> <div class="form-group">
<div class="input-group"> <select class="form-control select2" name="category" onchange="this.form.submit()">
<div class="input-group-prepend"> <option value="">- All Categories -</option>
<span class="input-group-text bg-light"><i class="fas fa-layer-group"></i></span>
</div>
<select class="form-control select2" name="category" onchange="this.form.submit()">
<option value="">- All Categories -</option>
<?php <?php
while ($row = mysqli_fetch_assoc($sql_categories_filter)) { while ($row = mysqli_fetch_assoc($sql_categories_filter)) {
$category_id = intval($row['category_id']); $category_id = intval($row['category_id']);
$category_name = nullable_htmlentities($row['category_name']); $category_name = nullable_htmlentities($row['category_name']);
?> ?>
<option <?php if ($category_filter == $category_id) { echo "selected"; } ?> value="<?php echo $category_id; ?>"><?php echo $category_name; ?></option> <option <?php if ($category_filter == $category_id) { echo "selected"; } ?> value="<?php echo $category_id; ?>"><?php echo $category_name; ?></option>
<?php <?php
} }
?> ?>
</select> </select>
</div>
</div> </div>
</div> </div>
<div class="col-sm-5"> <div class="col-sm-5">

View File

@ -117,8 +117,8 @@ $config_log_retention = intval($row['config_log_retention']);
// Locale // Locale
$config_currency_format = "US_en"; $config_currency_format = "US_en";
$config_timezone = $row['config_timezone']; $config_timezone = $row['config_timezone'];
$config_date_format = "Y-m-d"; $config_date_format = "M d, Y";
$config_time_format = "H:i"; $config_time_format = "g:i A";
// Theme // Theme
$config_theme = $row['config_theme']; $config_theme = $row['config_theme'];