From 02eaafc4fa27cb6fa2a2e25ce15bc97563cb2891 Mon Sep 17 00:00:00 2001
From: EstrellaXD <estrellaxd05@gmail.com>
Date: Mon, 28 Aug 2023 18:24:28 +0800
Subject: [PATCH] webui: rss i18n update.

---
 webui/src/i18n/en.json        |  9 ++++++++
 webui/src/i18n/zh-CN.json     |  9 ++++++++
 webui/src/pages/index/rss.vue | 41 +++++++++++++++++++----------------
 3 files changed, 40 insertions(+), 19 deletions(-)

diff --git a/webui/src/i18n/en.json b/webui/src/i18n/en.json
index 25e8e31a..8d1e260d 100644
--- a/webui/src/i18n/en.json
+++ b/webui/src/i18n/en.json
@@ -60,6 +60,15 @@
       "edit_rule": "Edit Rule"
     }
   },
+  "rss": {
+    "title": "RSS Item",
+    "selectbox": "select",
+    "name": "Name",
+    "url": "Url",
+    "status": "Status",
+    "delete": "Delete",
+    "disable": "Disable"
+  },
   "player": {
     "hit": "Please set up the media player"
   },
diff --git a/webui/src/i18n/zh-CN.json b/webui/src/i18n/zh-CN.json
index b6e9cf29..de47a238 100644
--- a/webui/src/i18n/zh-CN.json
+++ b/webui/src/i18n/zh-CN.json
@@ -60,6 +60,15 @@
       "edit_rule": "编辑规则"
     }
   },
+  "rss": {
+    "title": "RSS 条目",
+    "selectbox": "选择",
+    "name": "名称",
+    "url": "Url",
+    "status": "状态",
+    "delete": "删除",
+    "disable": "禁用",
+  },
   "player": {
     "hit": "请设置媒体播放器地址"
   },
diff --git a/webui/src/pages/index/rss.vue b/webui/src/pages/index/rss.vue
index ccf208f3..e7e7d92e 100644
--- a/webui/src/pages/index/rss.vue
+++ b/webui/src/pages/index/rss.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-const { rss } = storeToRefs(useRSSStore());
-const { getAll, updateRSS, deleteRSS } = useRSSStore();
+const {rss} = storeToRefs(useRSSStore());
+const {getAll, updateRSS, deleteRSS} = useRSSStore();
 
 onActivated(() => {
   getAll();
@@ -11,21 +11,24 @@ definePage({
 </script>
 
 <template>
-  <div>
-    <ab-rss-item
-        v-for="i in rss"
-        :key="i.id"
-        :name="i.name"
-        :url="i.url"
-        :enable="i.enable"
-        :parser="i.parser"
-        :aggregate="i.aggregate">
-    </ab-rss-item>
-  </div>
-  <div>
-    <ab-button-group flex>
-      <ab-button icon="edit">{{ $t('config.apply') }}</ab-button>
-      <ab-button class="type-warn" text="delete">{{ $t('config.apply') }}</ab-button>
-    </ab-button-group>
-  </div>
+  <ab-fold-panel :title="$t('rss.title')">
+    <div>
+      <ab-rss-item
+          v-for="i in rss"
+          :key="i.id"
+          :name="i.name"
+          :url="i.url"
+          :enable="i.enable"
+          :parser="i.parser"
+          :aggregate="i.aggregate">
+      </ab-rss-item>
+    </div>
+    <div v-show="!open" line my-12px></div>
+    <div>
+      <ab-button-group flex>
+        <ab-button icon="edit">{{ $t('rss.delete') }}</ab-button>
+        <ab-button class="type-warn" text="delete">{{ $t('rss.disable') }}</ab-button>
+      </ab-button-group>
+    </div>
+  </ab-fold-panel>
 </template>