From 95af057dd5d3a6ed5c4cec800fe6e23a12d2adc3 Mon Sep 17 00:00:00 2001
From: ikaven1024 <ikaven1024@gamil.com>
Date: Sun, 15 Oct 2023 15:18:43 +0800
Subject: [PATCH] feat: display human-readable ttl

---
 frontend/src/components/content_value/ContentToolbar.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/content_value/ContentToolbar.vue b/frontend/src/components/content_value/ContentToolbar.vue
index 8af204f..e249ac8 100644
--- a/frontend/src/components/content_value/ContentToolbar.vue
+++ b/frontend/src/components/content_value/ContentToolbar.vue
@@ -81,7 +81,9 @@ const onDeleteKey = () => {
                         <template v-if="ttl < 0">
                             {{ $t('interface.forever') }}
                         </template>
-                        <template v-else>{{ ttl }} {{ $t('common.second') }}</template>
+                        <template v-else>
+                            {{ Math.floor(ttl/3600) }}:{{ Math.floor((ttl%3600)/60) }}:{{ Math.floor(ttl%60) }}
+                        </template>
                     </n-button>
                 </template>
                 TTL