From 5d2d911d1aa2beb3e7987fd394dae80587f8d94c Mon Sep 17 00:00:00 2001
From: lifegpc <g1710431395@gmail.com>
Date: Sun, 28 May 2023 15:34:27 +0800
Subject: [PATCH] Add db_path to settings page

---
 components/SettingsText.tsx      |  4 +++-
 islands/Settings.tsx             |  7 +++++++
 static/common.css                | 14 +++++++++-----
 translation/en/settings.jsonc    |  4 +++-
 translation/zh-cn/settings.jsonc |  4 +++-
 5 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/components/SettingsText.tsx b/components/SettingsText.tsx
index a7fce76..362ed99 100644
--- a/components/SettingsText.tsx
+++ b/components/SettingsText.tsx
@@ -97,8 +97,10 @@ export default class SettingsText<T extends keyof TextType>
     render() {
         this.ref = useRef<TextField>();
         const id = `s-${this.props.name}`;
+        let cn = "text";
+        if (this.props.helpertext) cn += " helper";
         return (
-            <div class="text" id={id}>
+            <div class={cn} id={id}>
                 <label>{this.props.description}</label>
                 <TextField
                     fullwidth={this.props.fullwidth}
diff --git a/islands/Settings.tsx b/islands/Settings.tsx
index f2e1eed..0f4f060 100644
--- a/islands/Settings.tsx
+++ b/islands/Settings.tsx
@@ -171,6 +171,13 @@ export default class Settings extends Component<SettingsProps> {
                             type="number"
                             min={1}
                         />
+                        <SettingsText
+                            name="db_path"
+                            value={settings.db_path || ""}
+                            type="text"
+                            description={t("settings.db_path")}
+                            helpertext={t("settings.db_path_help")}
+                        />
                     </SettingsContext>
                     <Button onClick={loadData}>{t("common.reload")}</Button>
                     <Button onClick={showDlg} disabled={disabled}>
diff --git a/static/common.css b/static/common.css
index e2dba06..2434a4e 100644
--- a/static/common.css
+++ b/static/common.css
@@ -14,14 +14,10 @@
 }
 
 .main {
-    position: fixed;
+    position: relative;
     top: 64px;
 }
 
-.settings {
-    width: 100vw;
-}
-
 .settings div.text {
     width: 100%;
 }
@@ -39,3 +35,11 @@
 .settings #s-cookies .mdc-text-field {
     min-width: 50%;
 }
+
+.settings div.text.helper {
+    display: flex;
+}
+
+.settings div.text.helper label {
+    margin-top: 14px;
+}
diff --git a/translation/en/settings.jsonc b/translation/en/settings.jsonc
index e849aa6..ebaad4a 100644
--- a/translation/en/settings.jsonc
+++ b/translation/en/settings.jsonc
@@ -15,5 +15,7 @@
     "max_task_count": "Maximum number of parallel tasks: ",
     "max_retry_count": "Maximum retry count: ",
     "max_download_img_count": "Maximum number of parallel downloads of images: ",
-    "save_dlg": "Do you want to save settings?"
+    "save_dlg": "Do you want to save settings?",
+    "db_path": "The folder where the database is stored: ",
+    "db_path_help": "If not set, the download location is used."
 }
diff --git a/translation/zh-cn/settings.jsonc b/translation/zh-cn/settings.jsonc
index cff76a5..b3dd694 100644
--- a/translation/zh-cn/settings.jsonc
+++ b/translation/zh-cn/settings.jsonc
@@ -15,5 +15,7 @@
     "max_task_count": "最大并行任务数：",
     "max_retry_count": "最大重试次数：",
     "max_download_img_count": "最大图片并行下载数：",
-    "save_dlg": "是否保存设置？"
+    "save_dlg": "是否保存设置？",
+    "db_path": "存放数据库的文件夹位置：",
+    "db_path_help": "如果未设置，将使用下载位置。"
 }