From b004facfca197555dea1be535db7bba73dd69e0c Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Tue, 16 Sep 2025 02:36:16 +0000
Subject: [PATCH 1/2] Refactor: Improve rating filter UI and update locale text

Co-authored-by: jxxghp <jxxghp@qq.com>
---
 src/locales/en-US.ts                         |  2 +-
 src/views/subscribe/SubscribePopularView.vue | 52 ++++++++++----------
 src/views/subscribe/SubscribeShareView.vue   | 52 ++++++++++----------
 3 files changed, 51 insertions(+), 55 deletions(-)

diff --git a/src/locales/en-US.ts b/src/locales/en-US.ts
index 2e556340..6300cc0f 100644
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -872,7 +872,7 @@ export default {
     batchEnableError: 'Batch enable operation failed',
     batchPauseError: 'Batch pause operation failed',
     batchDeleteError: 'Batch delete operation failed',
-    minSubscribers: 'Min Subscribers',
+    minSubscribers: 'Minimum Subscribers',
   },
   recommend: {
     all: 'All',
diff --git a/src/views/subscribe/SubscribePopularView.vue b/src/views/subscribe/SubscribePopularView.vue
index d79762ac..a17a6e81 100644
--- a/src/views/subscribe/SubscribePopularView.vue
+++ b/src/views/subscribe/SubscribePopularView.vue
@@ -217,33 +217,31 @@ async function fetchData({ done }: { done: any }) {
       <div class="mr-5">
         <VLabel>{{ t('tmdb.rating') }}</VLabel>
       </div>
-      <div class="flex align-center" style="width: 300px;">
-        <VTextField
-          v-model="filterParams.min_rating"
-          variant="outlined"
-          density="compact"
-          type="number"
-          hide-details
-          single-line
-          min="0"
-          max="10"
-          step="0.1"
-          style="width: 80px;"
-        />
-        <span class="mx-2">-</span>
-        <VTextField
-          v-model="filterParams.max_rating"
-          variant="outlined"
-          density="compact"
-          type="number"
-          hide-details
-          single-line
-          min="0"
-          max="10"
-          step="0.1"
-          style="width: 80px;"
-        />
-      </div>
+      <VSlider
+        v-model="filterParams.min_rating"
+        thumb-label
+        max="10"
+        min="0"
+        :step="0.1"
+        class="align-center"
+        hide-details
+        style="width: 200px;"
+      >
+        <template v-slot:append>
+          <VTextField
+            variant="outlined"
+            width="5rem"
+            v-model="filterParams.max_rating"
+            density="compact"
+            type="number"
+            hide-details
+            single-line
+            min="0"
+            max="10"
+            step="0.1"
+          />
+        </template>
+      </VSlider>
     </div>
     
     <div class="flex justify-start align-center">
diff --git a/src/views/subscribe/SubscribeShareView.vue b/src/views/subscribe/SubscribeShareView.vue
index d11a192c..9b4c6a65 100644
--- a/src/views/subscribe/SubscribeShareView.vue
+++ b/src/views/subscribe/SubscribeShareView.vue
@@ -236,33 +236,31 @@ function removeData(id: number) {
       <div class="mr-5">
         <VLabel>{{ t('tmdb.rating') }}</VLabel>
       </div>
-      <div class="flex align-center" style="width: 300px;">
-        <VTextField
-          v-model="filterParams.min_rating"
-          variant="outlined"
-          density="compact"
-          type="number"
-          hide-details
-          single-line
-          min="0"
-          max="10"
-          step="0.1"
-          style="width: 80px;"
-        />
-        <span class="mx-2">-</span>
-        <VTextField
-          v-model="filterParams.max_rating"
-          variant="outlined"
-          density="compact"
-          type="number"
-          hide-details
-          single-line
-          min="0"
-          max="10"
-          step="0.1"
-          style="width: 80px;"
-        />
-      </div>
+      <VSlider
+        v-model="filterParams.min_rating"
+        thumb-label
+        max="10"
+        min="0"
+        :step="0.1"
+        class="align-center"
+        hide-details
+        style="width: 200px;"
+      >
+        <template v-slot:append>
+          <VTextField
+            variant="outlined"
+            width="5rem"
+            v-model="filterParams.max_rating"
+            density="compact"
+            type="number"
+            hide-details
+            single-line
+            min="0"
+            max="10"
+            step="0.1"
+          />
+        </template>
+      </VSlider>
     </div>
   </div>
 

From f9e0e78473c79714d37f319b079f1b958078463d Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Tue, 16 Sep 2025 03:10:14 +0000
Subject: [PATCH 2/2] Refactor: Remove rating input, display max rating

Co-authored-by: jxxghp <jxxghp@qq.com>
---
 src/views/subscribe/SubscribePopularView.vue | 13 +------------
 src/views/subscribe/SubscribeShareView.vue   | 13 +------------
 2 files changed, 2 insertions(+), 24 deletions(-)

diff --git a/src/views/subscribe/SubscribePopularView.vue b/src/views/subscribe/SubscribePopularView.vue
index a17a6e81..4480a24f 100644
--- a/src/views/subscribe/SubscribePopularView.vue
+++ b/src/views/subscribe/SubscribePopularView.vue
@@ -228,18 +228,7 @@ async function fetchData({ done }: { done: any }) {
         style="width: 200px;"
       >
         <template v-slot:append>
-          <VTextField
-            variant="outlined"
-            width="5rem"
-            v-model="filterParams.max_rating"
-            density="compact"
-            type="number"
-            hide-details
-            single-line
-            min="0"
-            max="10"
-            step="0.1"
-          />
+          <span class="ml-2 text-body-2">- 10</span>
         </template>
       </VSlider>
     </div>
diff --git a/src/views/subscribe/SubscribeShareView.vue b/src/views/subscribe/SubscribeShareView.vue
index 9b4c6a65..d512a13d 100644
--- a/src/views/subscribe/SubscribeShareView.vue
+++ b/src/views/subscribe/SubscribeShareView.vue
@@ -247,18 +247,7 @@ function removeData(id: number) {
         style="width: 200px;"
       >
         <template v-slot:append>
-          <VTextField
-            variant="outlined"
-            width="5rem"
-            v-model="filterParams.max_rating"
-            density="compact"
-            type="number"
-            hide-details
-            single-line
-            min="0"
-            max="10"
-            step="0.1"
-          />
+          <span class="ml-2 text-body-2">- 10</span>
         </template>
       </VSlider>
     </div>