From c1763f9e3b4e9cc976a63c524a070a5cdcb65c3b Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Wed, 16 Jul 2025 16:16:44 +0300
Subject: [PATCH] add preset to history/queue

---
 ui/components/History.vue |  8 ++++++--
 ui/components/Queue.vue   | 30 +++++++++++++++++++++---------
 2 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/ui/components/History.vue b/ui/components/History.vue
index 6c6a276e..dc4fe876 100644
--- a/ui/components/History.vue
+++ b/ui/components/History.vue
@@ -119,14 +119,14 @@
                   </div>
                   <div v-if="showThumbnails && item.extras.thumbnail">
                     <FloatingImage :image="uri('/api/thumbnail?url=' + encodePath(item.extras.thumbnail))"
-                      :title="item.title">
+                      :title="`[${item.preset}] - ${item.title}`">
                       <div class="is-text-overflow">
                         <NuxtLink target="_blank" :href="item.url">{{ item.title }}</NuxtLink>
                       </div>
                     </FloatingImage>
                   </div>
                   <template v-else>
-                    <div class="is-text-overflow" v-tooltip="item.title">
+                    <div class="is-text-overflow" v-tooltip="`[${item.preset}] - ${item.title}`">
                       <NuxtLink target="_blank" :href="item.url">{{ item.title }}</NuxtLink>
                     </div>
                   </template>
@@ -300,6 +300,10 @@
                   <span>{{ setStatus(item) }}</span>
                 </span>
               </div>
+              <div class="column is-half-mobile has-text-centered is-text-overflow is-unselectable">
+                <span class="icon"><i class="fa-solid fa-sliders" /></span>
+                <span v-tooltip="`Preset: ${item.preset}`" class="user-hint">{{ item.preset }}</span>
+              </div>
               <div class="column is-half-mobile has-text-centered is-text-overflow is-unselectable"
                 v-if="'not_live' === item.status && (item.live_in || item.extras?.release_in)">
                 <span :date-datetime="item.live_in || item.extras?.release_in" class="user-hint"
diff --git a/ui/components/Queue.vue b/ui/components/Queue.vue
index 2a889297..88ebb79f 100644
--- a/ui/components/Queue.vue
+++ b/ui/components/Queue.vue
@@ -118,14 +118,6 @@
                 <td class="is-vcentered is-items-center">
                   <Dropdown icons="fa-solid fa-cogs" @open_state="s => table_container = !s"
                     :button_classes="'is-small'" label="Actions">
-                    <template v-if="!item.auto_start">
-                      <NuxtLink class="dropdown-item has-text-success" @click="startItem(item)">
-                        <span class="icon"><i class="fa-solid fa-circle-play" /></span>
-                        <span>Start Download</span>
-                      </NuxtLink>
-                      <hr class="dropdown-divider" />
-                    </template>
-
                     <template v-if="isEmbedable(item.url)">
                       <NuxtLink class="dropdown-item has-text-danger" @click="embed_url = getEmbedable(item.url)">
                         <span class="icon"><i class="fa-solid fa-play" /></span>
@@ -136,9 +128,25 @@
 
                     <NuxtLink class="dropdown-item has-text-warning" @click="confirmCancel(item);">
                       <span class="icon"><i class="fa-solid fa-eject" /></span>
-                      <span>Cancel Item</span>
+                      <span>Cancel Download</span>
                     </NuxtLink>
 
+                    <template v-if="!item.auto_start && !item.status">
+                      <hr class="dropdown-divider" />
+                      <NuxtLink class="dropdown-item has-text-success" @click="startItem(item)">
+                        <span class="icon"><i class="fa-solid fa-circle-play" /></span>
+                        <span>Start Download</span>
+                      </NuxtLink>
+                    </template>
+
+                    <template v-if="item.auto_start && !item.status">
+                      <hr class="dropdown-divider" />
+                      <NuxtLink class="dropdown-item has-text-warning" @click="pauseItem(item)">
+                        <span class="icon"><i class="fa-solid fa-pause" /></span>
+                        <span>Pause Download</span>
+                      </NuxtLink>
+                    </template>
+
                     <template v-if="!config.app.basic_mode">
                       <hr class="dropdown-divider" />
 
@@ -223,6 +231,10 @@
                   <span v-text="setStatus(item)" />
                 </span>
               </div>
+              <div class="column is-half-mobile has-text-centered is-text-overflow is-unselectable">
+                <span class="icon"><i class="fa-solid fa-sliders" /></span>
+                <span v-tooltip="`Preset: ${item.preset}`" class="user-hint">{{ item.preset }}</span>
+              </div>
               <div class="column is-half-mobile has-text-centered is-text-overflow is-unselectable">
                 <span v-tooltip="moment(item.datetime).format('MMMM Do YYYY, h:mm:ss a')" :data-datetime="item.datetime"
                   v-rtime="item.datetime" />