From 4851ee1504784160a77394000b9c960e069de06a Mon Sep 17 00:00:00 2001
From: fangxiang <fangxiang@cloudview.work>
Date: Thu, 2 Jun 2022 11:01:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=97=E5=B9=95=E6=B7=BB=E5=8A=A0=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9x=E5=9D=90=E6=A0=87=E5=92=8C=E5=AE=BD=E5=BA=A6?=
 =?UTF-8?q?=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/source_icon/timer.png      | Bin 4921 -> 2748 bytes
 src/components/SubtitleDialog.vue |  46 +++++++++++++++++++++++++++---
 src/entities/SubtitleEntity.ts    |   4 ++-
 src/i18n/zh-CN/index.ts           |   4 ++-
 4 files changed, 48 insertions(+), 6 deletions(-)

diff --git a/public/source_icon/timer.png b/public/source_icon/timer.png
index 492562c8c9ccc13a5f39d5ad6ce7df9488f66056..07a58b16326cc7ec25b7472d23a0cd2c632f3449 100644
GIT binary patch
literal 2748
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
S$~(jVWpH3<z$w4D4gUd$LPo;?

literal 4921
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

diff --git a/src/components/SubtitleDialog.vue b/src/components/SubtitleDialog.vue
index eb52a24..d759aa3 100644
--- a/src/components/SubtitleDialog.vue
+++ b/src/components/SubtitleDialog.vue
@@ -44,7 +44,7 @@
                 <q-input
                   :label="$t('background color')"
                   v-model="subtitle.background"
-                  :disable="subtitle.bakcground_transparent"
+                  :disable="subtitle.background_transparent"
                   :rules="['anyColor']"
                   hint=""
                 >
@@ -63,14 +63,14 @@
               <q-item-section>
                 <q-checkbox
                   :label="$t('background transparent')"
-                  v-model="subtitle.bakcground_transparent"
+                  v-model="subtitle.background_transparent"
                 />
               </q-item-section>
             </q-item>
             <q-item>
               <q-item-section>
                 <q-select
-                  :label="$t('speed')"
+                  :label="$t('move speed')"
                   v-model="subtitle.x_speed"
                   :options="[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 15, 20]"
                 ></q-select>
@@ -86,6 +86,28 @@
                 />
               </q-item-section>
             </q-item>
+            <q-item>
+              <q-item-section>
+                <q-input
+                  type="number"
+                  :label="$t('pos x')"
+                  maxlength="4"
+                  max="7680"
+                  min="0"
+                  v-model="subtitle.x"
+                />
+              </q-item-section>
+              <q-item-section>
+                <q-input
+                  type="number"
+                  :label="$t('width')"
+                  maxlength="4"
+                  max="7680"
+                  min="0"
+                  v-model="subtitle.width"
+                />
+              </q-item-section>
+            </q-item>
             <q-item>
               <q-item-section>
                 <q-checkbox
@@ -220,7 +242,16 @@ export default defineComponent({
             .getCurrentClient()
             ?.getSubtitle();
           if (response) {
-            subtitle.value = response.subtitle;
+            try {
+              const temp = response.subtitle;
+              for (const item of Object.keys(subtitle.value)) {
+                if (typeof (<any>temp)[item] != "undefined") {
+                  (<any>subtitle.value)[item] = (<any>temp)[item];
+                }
+              }
+            } catch {
+              subtitle.value = response.subtitle;
+            }
           }
         } catch (e) {
           console.log(e);
@@ -261,6 +292,13 @@ export default defineComponent({
       async onSubmit() {
         loading.value = true;
         try {
+          subtitle.value.y_offset = parseInt(
+            subtitle.value.y_offset.toString()
+          );
+          subtitle.value.x_speed = parseInt(subtitle.value.x_speed.toString());
+          subtitle.value.x = parseInt(subtitle.value.x.toString());
+          subtitle.value.width = parseInt(subtitle.value.width.toString());
+
           GlobalData.getInstance()
             .getCurrentClient()
             ?.setSubtitle(subtitle.value);
diff --git a/src/entities/SubtitleEntity.ts b/src/entities/SubtitleEntity.ts
index 5bbbb08..1247c9f 100644
--- a/src/entities/SubtitleEntity.ts
+++ b/src/entities/SubtitleEntity.ts
@@ -2,7 +2,9 @@ export default class SubtitleEntity {
   show: boolean = false;
   x_speed: number = 0;
   y_offset: number = 0;
+  x: number = 0;
+  width: number = 3840;
   text: string = "";
   background: string = "";
-  bakcground_transparent: boolean = false;
+  background_transparent: boolean = false;
 }
diff --git a/src/i18n/zh-CN/index.ts b/src/i18n/zh-CN/index.ts
index 11d3b0c..051dbde 100644
--- a/src/i18n/zh-CN/index.ts
+++ b/src/i18n/zh-CN/index.ts
@@ -165,7 +165,8 @@ export default {
   "background color": "背景颜色",
   "background transparent": "背景透明",
   "move forward": "正向移动",
-  speed: "移动速度",
+  speed: "速度",
+  "move speed": "移动速度",
   width: "宽度",
   height: "高度",
   "x pos": "X坐标",
@@ -574,4 +575,5 @@ export default {
   hour_2_: "时",
   "the start time should not exceed the current time, and the target time should not be less than the current time":
     "正计时的时候起始时间不要超过当前时间，倒计时的时候目标时间不要小于当前时间",
+  "pos x": "X坐标",
 };