UI/UX Updates to Ticket Details, Reduce the start, pause timer and reset button and use pause and play icons instead, use block buttons for Type of Response

This commit is contained in:
johnnyq 2024-08-24 16:14:40 -04:00
parent a152a4a1a0
commit bdd7c7e993
2 changed files with 7 additions and 7 deletions

View File

@ -52,7 +52,7 @@
}
timerInterval = setInterval(countTime, 1000);
isPaused = false;
document.getElementById("startStopTimer").innerText = "Pause";
document.getElementById("startStopTimer").innerHTML = "<i class='fas fa-pause'></i>";
localStorage.setItem("ticket-timer-running-" + ticketID, "true");
}
@ -66,7 +66,7 @@
localStorage.setItem(getLocalStorageKey("pausedTime"), currentElapsed.toString());
localStorage.removeItem(getLocalStorageKey("startTime"));
isPaused = true;
document.getElementById("startStopTimer").innerText = "Start";
document.getElementById("startStopTimer").innerHTML = "<i class='fas fa-play'></i>";
localStorage.setItem("ticket-timer-running-" + ticketID, "false");
}
@ -84,7 +84,7 @@
elapsedSecs = 0;
clearTimeStorage();
displayTime();
document.getElementById("startStopTimer").innerText = "Start";
document.getElementById("startStopTimer").innerHTML = "<i class='fas fa-play'></i>";
}
localStorage.setItem("ticket-timer-running-" + ticketID, "false");
}
@ -95,7 +95,7 @@
elapsedSecs = 0;
clearTimeStorage();
displayTime();
document.getElementById("startStopTimer").innerText = "Start";
document.getElementById("startStopTimer").innerHTML = "<i class='fas fa-play'></i>";
}
function handleInputFocus() {

View File

@ -572,7 +572,7 @@ if (isset($_GET['ticket_id'])) {
<input type="hidden" name="client_id" id="client_id" value="<?php echo $client_id; ?>">
<div class="form-group">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<div class="btn-group btn-block btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-secondary active">
<input type="radio" name="public_reply_type" value="0" checked>Internal Note
</label>
@ -637,8 +637,8 @@ if (isset($_GET['ticket_id'])) {
</div>
<div class="btn-group">
<button type="button" class="btn btn-success" id="startStopTimer"><i class="fas fa-fw fa-pause"></i></button>
<button type="button" class="btn btn-danger" id="resetTimer"><i class="fas fa-fw fa-redo-alt"></i></button>
<button type="button" class="btn btn-light" id="startStopTimer"><i class="fas fa-play"></i></button>
<button type="button" class="btn btn-light" id="resetTimer"><i class="fas fa-redo-alt"></i></button>
</div>
</div>
</div>