From 4f81a73fb93d9e41b2a2e8bc9bead31d94d48a72 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Mon, 14 Oct 2024 21:46:49 +0200
Subject: [PATCH] [UI] Added formatDuration utility.
---
.../http/webapp/src/style/themes/light.scss | 3 +++
.../backend/http/webapp/src/utils/DateTime.vue | 16 ++++++++++++++++
2 files changed, 19 insertions(+)
diff --git a/platypush/backend/http/webapp/src/style/themes/light.scss b/platypush/backend/http/webapp/src/style/themes/light.scss
index 1a88de9b6..2b24c4713 100644
--- a/platypush/backend/http/webapp/src/style/themes/light.scss
+++ b/platypush/backend/http/webapp/src/style/themes/light.scss
@@ -205,3 +205,6 @@ $tile-hover-bg-2: linear-gradient(90deg, rgb(71, 226, 179) 0%, rgb(81, 186, 210)
$tile-hover-bg-3: linear-gradient(90deg, rgb(41, 216, 63) 0%, rgb(9, 188, 138) 120%);
$tile-keyword-fg: #f8ff00;
$tile-code-fg: #2a5ab7;
+
+//// Misc
+$info-header-bg: #f2f7f5;
diff --git a/platypush/backend/http/webapp/src/utils/DateTime.vue b/platypush/backend/http/webapp/src/utils/DateTime.vue
index 2284e4954..05b739307 100644
--- a/platypush/backend/http/webapp/src/utils/DateTime.vue
+++ b/platypush/backend/http/webapp/src/utils/DateTime.vue
@@ -35,6 +35,22 @@ export default {
return `${this.formatDate(date, year)}, ${this.formatTime(date, seconds)}`
},
+
+ formatDuration(duration, seconds=true) {
+ if (duration == null)
+ return ''
+
+ let hours = Math.floor(duration / 3600)
+ let minutes = Math.floor((duration % 3600) / 60)
+ let secs = duration % 60
+
+ if (hours > 0)
+ return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`
+ else if (minutes > 0)
+ return `${minutes}:${secs.toString().padStart(2, '0')}`
+ else
+ return seconds ? `0:${secs.toString().padStart(2, '0')}` : `0:00`
+ },
},
}
</script>