From 38dc9c1ec6fb5bbad85bf00310733f8cea007b5b Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Sun, 15 Jun 2025 19:55:06 +0300
Subject: [PATCH] spin the icon if the item is queued.

---
 ui/components/History.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/ui/components/History.vue b/ui/components/History.vue
index 42c97606..822650f9 100644
--- a/ui/components/History.vue
+++ b/ui/components/History.vue
@@ -107,7 +107,7 @@
                   </label>
                 </td>
                 <td class="is-text-overflow is-vcentered">
-                   <div class="is-inline is-pulled-right" v-if="item.extras?.duration">
+                  <div class="is-inline is-pulled-right" v-if="item.extras?.duration">
                     <span class="tag is-info" v-if="item.extras?.duration">
                       {{ formatTime(item.extras.duration) }}
                     </span>
@@ -134,7 +134,8 @@
                 </td>
                 <td class="is-vcentered has-text-centered is-unselectable">
                   <span class="icon-text">
-                    <span class="icon" :class="setIconColor(item)"><i :class="setIcon(item)" /></span>
+                    <span class="icon" :class="setIconColor(item)"><i
+                        :class="[setIcon(item), is_queued(item)]" /></span>
                     <span>{{ setStatus(item) }}</span>
                   </span>
                 </td>
@@ -292,7 +293,7 @@
               </div>
               <div class="column is-half-mobile has-text-centered is-text-overflow is-unselectable">
                 <span class="icon-text">
-                  <span class="icon" :class="setIconColor(item)"><i :class="setIcon(item)" /></span>
+                  <span class="icon" :class="setIconColor(item)"><i :class="[setIcon(item), is_queued(item)]" /></span>
                   <span>{{ setStatus(item) }}</span>
                 </span>
               </div>
@@ -842,4 +843,12 @@ const removeFromArchive = async (item, opts) => {
     socket.emit('item_delete', { id: item._id, remove_file: false })
   }
 }
+
+const is_queued = item => {
+  if (!item?.status || 'not_live' !== item.status) {
+    return ''
+  }
+
+  return item.live_in || item.extras?.live_in || item.extras?.release_in ? 'fa-spin' : ''
+}
 </script>