diff --git a/resources/views/livewire/project/application/deployment/index.blade.php b/resources/views/livewire/project/application/deployment/index.blade.php
index 41b11dc3b..a44c627af 100644
--- a/resources/views/livewire/project/application/deployment/index.blade.php
+++ b/resources/views/livewire/project/application/deployment/index.blade.php
@@ -93,10 +93,11 @@
@if ($deployment->status !== 'in_progress')
Finished 0s in
+ 0s
@else
Running for
@endif
- 0s
+ 0s
@@ -118,11 +119,31 @@
dayjs.extend(window.dayjs_plugin_relativeTime);
Alpine.data('elapsedTime', (uuid, status, created_at, updated_at) => ({
- finished_time: 'calculating...',
- started_time: 'calculating...',
- init() {
- if (timers[uuid]) {
- clearInterval(timers[uuid]);
+ finished_time: 'calculating...',
+ started_time: 'calculating...',
+ init() {
+ if (timers[uuid]) {
+ clearInterval(timers[uuid]);
+ }
+ if (status === 'in_progress') {
+ timers[uuid] = setInterval(() => {
+ this.finished_time = dayjs().diff(dayjs.utc(created_at),
+ 'second') + 's'
+ }, 1000);
+ } else {
+ let seconds = dayjs.utc(updated_at).diff(dayjs.utc(created_at), 'second')
+ this.finished_time = seconds + 's';
+ }
+ },
+ measure_finished_time() {
+ if (this.finished_time > 2000) {
+ return 0;
+ } else {
+ return this.finished_time;
+ }
+ },
+ measure_since_started() {
+ return dayjs.utc(created_at).fromNow();
}
if (status === 'in_progress') {
timers[uuid] = setInterval(() => {