From 13e8c1b4ddf641a5ba1698e8d057efb64d7ca540 Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Mon, 10 Feb 2025 16:10:36 +0100
Subject: [PATCH] Show sprite duration

---
 .../partials/sprite/partials/SpritePreview.vue             | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/gameMaster/assetManager/partials/sprite/partials/SpritePreview.vue b/src/components/gameMaster/assetManager/partials/sprite/partials/SpritePreview.vue
index 78a0877..0215295 100644
--- a/src/components/gameMaster/assetManager/partials/sprite/partials/SpritePreview.vue
+++ b/src/components/gameMaster/assetManager/partials/sprite/partials/SpritePreview.vue
@@ -34,7 +34,7 @@
         </div>
         <div class="flex flex-col justify-center gap-8 flex-1">
           <div class="flex flex-col">
-            <label class="block mb-2 text-white">Frame Rate: {{ frameRate }} FPS</label>
+            <label class="block mb-2 text-white">Frame Rate: {{ frameRate }} FPS (Duration: {{ totalDuration }}s)</label>
             <input type="range" v-model.number="localFrameRate" min="0" max="60" step="1" class="w-full accent-cyan-500" @input="updateFrameRate" />
           </div>
           <div class="flex flex-col">
@@ -76,6 +76,11 @@ const localFrameRate = ref(props.frameRate)
 const zoomLevel = ref(100)
 let animationInterval: number | null = null
 
+const totalDuration = computed(() => {
+  if (props.frameRate <= 0) return 0
+  return (props.sprites.length / props.frameRate).toFixed(2)
+})
+
 const spritesWithTempOffset = computed(() => {
   return props.sprites.map((sprite, index) => {
     if (index === props.tempOffsetIndex && props.tempOffset) {