From 07cc68e1e90a524bdeba84fc1aea5b23631b4677 Mon Sep 17 00:00:00 2001
From: fangxiang <fangxiang@cloudview.work>
Date: Thu, 21 Apr 2022 15:12:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90pad=E7=AB=AF=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=9D=A2=E3=80=82=E6=B7=BB=E5=8A=A0=E5=BE=AE?=
 =?UTF-8?q?=E8=BD=AF=E9=9B=85=E9=BB=91=E5=AD=97=E4=BD=93=E4=B8=BA=E9=A6=96?=
 =?UTF-8?q?=E9=80=89=E5=AD=97=E4=BD=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/pad/login/password.png       | Bin 0 -> 3727 bytes
 public/pad/login/server_ip.png      | Bin 0 -> 1511 bytes
 public/pad/login/user.png           | Bin 0 -> 2275 bytes
 src/App.vue                         |  45 ++++++++--
 src/RedirectPage.vue                |   8 +-
 src/components/FileManageDialog.vue |   8 +-
 src/css/app.scss                    |   3 +-
 src/i18n/zh-CN/index.ts             |   2 +
 src/layouts/MainLayout.vue          |   9 +-
 src/pad/Login.vue                   | 120 ++++++++++++++++++-------
 src/pad/MainLayout.vue              |   9 +-
 src/pad/TopToolbar.vue              | 135 +++++++++++++++++++++++++++-
 src/pages/Login.vue                 |  18 ++--
 src/store/index.ts                  |   2 +-
 14 files changed, 297 insertions(+), 62 deletions(-)
 create mode 100644 public/pad/login/password.png
 create mode 100644 public/pad/login/server_ip.png
 create mode 100644 public/pad/login/user.png

diff --git a/public/pad/login/password.png b/public/pad/login/password.png
new file mode 100644
index 0000000000000000000000000000000000000000..88016b62d4675dbeea8a9f07c3c2cf7fe3a4f93c
GIT binary patch
literal 3727
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

literal 0
HcmV?d00001

diff --git a/public/pad/login/server_ip.png b/public/pad/login/server_ip.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e41988c37a756eb906a884a137a57bcdcda10d3
GIT binary patch
literal 1511
zcmV<D1sM8?P)<h;3K|Lk000e1NJLTq0021v001lq1^@s6-vbb>000H9Nkl<ZXo20D
zdx%v<9LGO*b#r%pqM2G|q#|ZcSy`D$h9y}E)lwP6B*9=rrGY6#ganajNfA9nkN)9_
zlElOZDFsQU5nARpq}!Tk+iGe)R$bS2*WDX)nY&D<bIv{YrrTb>aJc6&Gr#%H?=_E`
zN~hC=LHOQaU=?s4ct}fiBD7!(gzt?2ZUW5jRX{JG3^)ZG1AYUlfFHC}jRmy-A}}3T
zp{05|s$AEYHU<IX?0r8V5lP{D<E-GRz~F@aZ5F<_#SZF9E!F9S^(F#ifCE55BrBZz
z?s1ZY@1=l;fmeWA5_ZtVWx&1mS|ohW0~Tnh4(F&>YJa=M6)MRgIEyY(g@o@3U@P!h
z48b<w5bzVQ3#b7aBFgpvj2Z3~zBfnsUYsJbgI^v~Cb1@agcT6JHyd~(FdznLOMES0
z%us8o{tBsY%=vcUKA_UNg)4KRc`tl#nwF|IqzkD8JmNpbLHOPz;H^NBW?;E_ucg|T
zs|_tx9bm52!uMVP9s^zmMmfcdk1qozhcwaK{)Q?c3CZ5heb12Zy#mi0f#<YT`?D{E
z?->o>0o(=*2m0I5KL^xW^W9>|YN?ulkA&~71ZDv99T~m(4~Qd~a_+-?as%+bHMgZ&
zswED&>#Sc*OVGiz@V)K8V&G#fm9d5ogztTBBW7P<c0}E5z^RD%o<ST*msl$JQA=g=
z=kxA6;d@3?Zvrw$P;-&817)sPh40PMQf<&unY8doj=I@^6O0M}KwL*$6U}KZ!uRep
z+-;5wYxgLy6ZjUWw*DK$P+-0Ay~V=!k`7W%6dZU$@GdYQ@OqmKL>skKf4Cp4zZzeC
z+zyQE<Iez}0$=5jnKjd}n9+_nlJ2)8qgwCWSKA;I*-7hrCe3UWzBdne&D3#Zok<`w
zYo?KToE#+GupEq}VKCa53miB3O-p4WsL_}i?FWFntT~#w>tQ=*U8|+4(NdiRW(wb1
z13U?A)>7?AATtpzn7P`VH#7Sze6Q3-#W^-Y24To76u!5~l+#k})>3UY1oIG^4Lq@V
zGR_POc6{M`X1eu_&2?b}T}&|nN%&r60iv=gBvx5*L|hZ?lc(@0HYK=dwkEpGnrpDL
zbMusu7#A!|2e8{o5hfs+Dcj{*sxexs30kT_b`ZXFs{Ndg0P7C!bL1rbqL9>5?XlB2
zLvFN|>OC#hnLwHCc4Gc0@U)Gr`5?Ibi(GES*|M8^V%L)qM0eWcA6Le#R#xZRcD{(y
zq?>z6W6E_FL@MlJ`D8~R7z`uRNE}Jm#*0Cdk%%MdMytGivNNHW%{7=Z3NqKuj$q0t
zDDdRk{wNy6k<7LI(b*8$$6_|u;BG}hKIx{7V$ftH;z+t_qo{o{bE;*x5MQz@_bkRb
zCQxs;_d65%*u$PIb~#%xW>;c8utZDM+SQ(Ae3xVI(lmH?CnFien85S>_SkSnYV?Yw
zp8!u>mV&Wmr`gxsog=M9?Sd}MDraa{dqB#E!#6Rk;(Hof2Qupy$=;UO)39QJNrTsz
zz*91;v?)W-prXrR#`ipODG+Q&W-4^xd^c*(-N=ygDw^8*vZJAYY^4XU7(nI7>*-q3
zacTD8sd`?o+DT(uTi$guBwN$)?5|UqP%)mGrk?C?i9TAWC@Epyq$!k_cI@iw=Bwf8
z*#_RJsm{A@yDHAMrKn2};Ye#)?n<fuXQI@l<X`7biO@cCUq103ZXI$h#~T}XYQq|8
zo0>xF8*^Fk^%qo*x`EOTG}pRQCt1F?rl7ipWNKJhS%#oNzlt7AzH%_j_D3HSuR3%v
za}^7WD$0%4>grEsy4=#*#*fGTEE)nyU^H3Xl1`79zG)qk1`K3ReLYnTNe+~X1}BUr
z7nuNiw55fWb-!O~1lMV)basMn{@G+E=p#Ep$1ViSMBV&RW4@N^+~4rFkuJ|hNyq>I
N002ovPDHLkV1oWJ*;)Vq

literal 0
HcmV?d00001

diff --git a/public/pad/login/user.png b/public/pad/login/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..a41450c833280397aa55a36b221902f6430b7ab8
GIT binary patch
literal 2275
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

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
index 415c2c4..ae13dbb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,7 @@
   </div>
 </template>
 <script lang="ts">
-import { SessionStorage, Cookies, useQuasar } from "quasar";
+import { SessionStorage, Cookies, useQuasar, setCssVar } from "quasar";
 import { defineComponent } from "vue";
 import { useI18n } from "vue-i18n";
 import EventBus, { EventNamesDefine } from "src/common/EventBus";
@@ -70,16 +70,49 @@ export default defineComponent({
       window.location.reload();
     };
 
+    (window as any).setPcTheme = () => {
+      setCssVar("primary", "#4aa1ce");
+      setCssVar("secondary", "#26a69a");
+      setCssVar("accent", "#9c27b0");
+      setCssVar("dark", "#1d1d1d");
+      setCssVar("positive", "#21ba45");
+      setCssVar("negative", "#c10015");
+      setCssVar("info", "#31ccec");
+      setCssVar("warning", "#f2c037");
+      setCssVar("dark-page", "#121212");
+    };
+
+    (window as any).setPadTheme = () => {
+      setCssVar("primary", "#0b3536");
+      setCssVar("secondary", "#ffffff");
+      setCssVar("accent", "#2fa39b");
+      setCssVar("dark", "#000000");
+      setCssVar("positive", "#21ba45");
+      setCssVar("negative", "#c10015");
+      setCssVar("info", "#31ccec");
+      setCssVar("warning", "#f2c037");
+      setCssVar("dark-page", "#121212");
+    };
+
     const landspace = () => {
       let landspace = false;
-      if ($q.platform.is.desktop) {
-        landspace = window.innerWidth > innerHeight;
-      } else {
+      landspace = window.innerWidth > innerHeight;
+
+      if ($q.platform.is.ipad) {
         landspace = window.screen.width > window.screen.height;
+
+        if (Math.abs(window.orientation) == 90) {
+          landspace = !landspace;
+        }
+        if (window.location.href.indexOf("___debug_ipad___") != -1) {
+          landspace = !landspace;
+        }
       }
-      if (Math.abs(window.orientation) == 90) {
-        landspace = !landspace;
+      if (window.innerHeight < 600) {
+        // TODO fix android
       }
+      console.log(window.innerWidth);
+      console.log(window.innerHeight);
       return landspace;
     };
     (<any>window).landspace = landspace;
diff --git a/src/RedirectPage.vue b/src/RedirectPage.vue
index 1a76050..e4a5ca0 100644
--- a/src/RedirectPage.vue
+++ b/src/RedirectPage.vue
@@ -15,7 +15,6 @@ export default defineComponent({
     let $q = useQuasar();
     let $router = useRouter();
     const $store = useStore();
-
     let landspace = $store.state.landspace;
 
     try {
@@ -26,12 +25,7 @@ export default defineComponent({
       ($q.platform.is.mobile && $q.platform.has.touch) ||
       $q.platform.is.ipad
     ) {
-      if (landspace) {
-        $router.push("/pad");
-      } else {
-        // TODO route to mobile
-        $router.push("/pc");
-      }
+      $router.push("/pad");
     } else {
       $router.push("/pc");
     }
diff --git a/src/components/FileManageDialog.vue b/src/components/FileManageDialog.vue
index e92baf6..f0f14b8 100644
--- a/src/components/FileManageDialog.vue
+++ b/src/components/FileManageDialog.vue
@@ -71,7 +71,6 @@
           flat
           :label="default_path_label"
           :disable="uploading"
-          class="q-mr-sm"
         >
           <q-list>
             <q-item
@@ -177,8 +176,13 @@
         style="width: 70vw; max-height: 85vh"
         class="scroll q-pa-none q-ma-none"
       >
+        {{}}
         <q-table
-          style="height: 68vh"
+          :style="{
+            height:
+              ($q.platform.is.ipad && $store.state.landspace ? '61' : '68') +
+              'vh',
+          }"
           class="q-mb-md"
           v-show="!uploading"
           :rows="files"
diff --git a/src/css/app.scss b/src/css/app.scss
index 170015f..a56a93a 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -2,8 +2,9 @@
 
 body {
   background-color: #fff;
-  font-family: $font-family;
+  font-family: append(('Microsoft YaHei','微软雅黑','\5FAE\8F6F\96C5\9ED1'), $font-family);
   -webkit-font-smoothing: auto;
+
 }
 
 strong {
diff --git a/src/i18n/zh-CN/index.ts b/src/i18n/zh-CN/index.ts
index 011657a..8da55b1 100644
--- a/src/i18n/zh-CN/index.ts
+++ b/src/i18n/zh-CN/index.ts
@@ -474,4 +474,6 @@ export default {
   "on the iPad, only Safari supports full screen":
     "在iPad上, 只有Safari浏览器支持全屏",
   "the current browser does not support full screen": "当前浏览器不支持全屏",
+  _SOFT_PAD_LOGIN_TITLE_: "软件管理平台",
+  welcome: "欢迎",
 };
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 8404804..68ebc83 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -142,6 +142,7 @@ import RightToolBar from "src/pages/RightToolBar.vue";
 import TopToolBar from "src/pages/TopToolBar.vue";
 import FooterPortrait from "src/pages/FooterPortrait.vue";
 import EventBus, { EventNamesDefine } from "src/common/EventBus";
+import { useStore } from "src/store";
 
 export default defineComponent({
   name: "MainLayout",
@@ -149,7 +150,13 @@ export default defineComponent({
   components: { LeftToolBar, RightToolBar, TopToolBar, FooterPortrait },
 
   setup() {
-    const landspace = window.innerHeight < window.innerWidth;
+    const $store = useStore();
+
+    try {
+      (window as any).setPcTheme();
+    } catch {}
+
+    const landspace = $store.state.landspace;
 
     let show_left_tool_bar = ref(true);
     let mouse_page_left_flag = ref(false);
diff --git a/src/pad/Login.vue b/src/pad/Login.vue
index e05edce..6c02680 100644
--- a/src/pad/Login.vue
+++ b/src/pad/Login.vue
@@ -6,31 +6,57 @@
       class="fit"
       style="position: fixed"
     />
+    <div
+      v-if="landspace"
+      class="full-height text-h4 text-white text-center text-weight-bold"
+      style="position: fixed; writing-mode: vertical-lr; left: 56.5%"
+    >
+      <span> {{ $t("welcome") }}{{ $t("login") }} </span>
+    </div>
+    <div
+      v-if="landspace"
+      class="full-height text-h4 text-white text-center text-weight-bold"
+      style="position: fixed; writing-mode: vertical-lr; left: 61.5%"
+    >
+      <span>{{ $t("_SOFT_PAD_LOGIN_TITLE_") }}</span>
+    </div>
+
     <q-page-container>
       <q-page
         class="row items-center"
-        style="position: fixed"
+        style="position: ; /*fixed*/"
         :class="landspace ? '' : 'justify-evenly'"
-        :style="landspace ? { left: '50%' } : {}"
+        :style="landspace ? { left: '11.5%' } : {}"
       >
-        <q-card :style="{ width: (landspace ? 34 : 70) + 'vw' }">
-          <q-card-section class="text-center text-h6">
-            {{ $t("login") }}111
-          </q-card-section>
-          <q-separator />
+        <q-card
+          class="transparent"
+          :style="{
+            width: (landspace ? 40 : 70) + 'vw',
+            top: landspace ? '4vh' : 'unset',
+          }"
+        >
+          <div v-if="!landspace">
+            <q-card-section class="text-center text-h6">
+              <span class="text-accent">
+                {{ $t("login") }}
+              </span>
+            </q-card-section>
+            <q-separator />
+          </div>
           <q-card-section class="fit">
             <q-form ref="login_form" @submit="onSubmit" @reset="onReset">
-              <q-list class="fit">
+              <q-list class="fit text-h6">
                 <q-item>
                   <q-item-section>
                     <q-input
                       :autofocus="!data.ip_address"
-                      outlined
                       :loading="data.loading"
                       :disable="data.loading"
                       v-model="data.ip_address"
-                      :label="$t('server ip address')"
-                      :hint="$t('please input server ip address')"
+                      input-class="text-accent text-h6"
+                      color="accent"
+                      :dark="landspace"
+                      :placeholder="$t('please input server ip address')"
                       lazy-rules
                       :rules="[
                         (val) =>
@@ -52,7 +78,7 @@
                       "
                     >
                       <template v-slot:prepend>
-                        <q-icon name="img:login/network.png" />
+                        <q-icon name="img:pad/login/server_ip.png" />
                       </template>
                       <template v-if="data.ip_address" v-slot:append>
                         <q-icon
@@ -69,13 +95,14 @@
                   <q-item-section>
                     <q-input
                       :autofocus="!data.user_name"
-                      outlined
                       ref="user_name"
                       :loading="data.loading"
                       :disable="data.loading"
                       v-model="data.user_name"
-                      :label="$t('user name')"
-                      :hint="$t('please input user name')"
+                      input-class="text-accent text-h6"
+                      color="accent"
+                      :dark="landspace"
+                      :placeholder="$t('please input user name')"
                       lazy-rules
                       :rules="[
                         (val) =>
@@ -91,7 +118,7 @@
                       "
                     >
                       <template v-slot:prepend>
-                        <q-icon name="img:login/user.png" />
+                        <q-icon name="img:pad/login/user.png" />
                       </template>
                       <template v-if="data.user_name" v-slot:append>
                         <q-icon
@@ -107,15 +134,16 @@
                 <q-item>
                   <q-item-section>
                     <q-input
-                      outlined
                       ref="password_input"
                       :loading="data.loading"
                       :disable="data.loading"
                       :type="data.show_password ? '' : 'password'"
                       v-model="data.password"
-                      :label="$t('password')"
-                      :hint="$t('please input password')"
+                      :placeholder="$t('please input password')"
                       lazy-rules
+                      input-class="text-accent text-h6"
+                      color="accent"
+                      :dark="landspace"
                       :rules="[
                         (val) =>
                           (val && val.length > 0) ||
@@ -130,10 +158,11 @@
                       "
                     >
                       <template v-slot:prepend>
-                        <q-icon name="img:login/password.png" />
+                        <q-icon name="img:pad/login/password.png" />
                       </template>
                       <template v-if="data.password" v-slot:append>
                         <q-icon
+                          v-if="show_show_password"
                           :name="
                             data.show_password ? 'visibility' : 'visibility_off'
                           "
@@ -154,6 +183,10 @@
                     <q-checkbox
                       :label="$t('remember password')"
                       v-model="remember_password"
+                      color="accent"
+                      class="text-accent"
+                      :dark="landspace"
+                      :disable="data.loading"
                     />
                   </q-item-section>
                   <q-item-section>
@@ -161,22 +194,25 @@
                       :label="$t('auto login')"
                       v-model="auto_login"
                       @update:model-value="remember_password = true"
+                      color="accent"
+                      class="text-accent"
+                      :dark="landspace"
+                      :disable="data.loading"
                     />
                   </q-item-section>
                 </q-item>
               </q-list>
             </q-form>
           </q-card-section>
-          <q-card-actions class="q-px-lg">
+          <q-card-actions align="center">
             <q-btn
               ref="login_button"
-              class="full-width text-h6"
+              class="text-h5"
+              style="width: 60%"
+              color="accent"
               :loading="data.loading"
               :label="$t('login')"
-              style="
-                background: #273de4;
-                box-shadow: 0 4px 6px 0px rgb(39 60 228 / 40%);
-              "
+              rounded
               text-color="white"
               @click="$refs?.login_form?.submit()"
             />
@@ -188,7 +224,15 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, reactive, ref, Ref } from "vue";
+import {
+  defineComponent,
+  onMounted,
+  reactive,
+  ref,
+  Ref,
+  computed,
+  watch,
+} from "vue";
 
 import GlobalData from "src/common/GlobalData";
 import { Cookies, LocalStorage, SessionStorage, useQuasar } from "quasar";
@@ -239,10 +283,16 @@ export default defineComponent({
     const $store = useStore();
     const data = reactive(new _Data());
 
+    try {
+      (window as any).setPadTheme();
+    } catch {}
+
     const login_form: Ref<any> = ref(null);
 
     const remember_password = ref(false);
     const auto_login = ref(false);
+    const show_show_password = ref(true);
+
     let cache_password: string | null = null;
 
     let web_socket: ClientConnection | null = null;
@@ -251,7 +301,10 @@ export default defineComponent({
         window.matchMedia("(display-mode: " + displayMode + ")").matches
     );
 
-    const landspace = ref(window.innerHeight < window.innerWidth);
+    const landspace = computed({
+      get: () => $store.state.landspace,
+      set: (val) => null,
+    });
 
     EventBus.getInstance().on(EventNamesDefine.WindowResize, () => {
       landspace.value = window.innerHeight < window.innerWidth;
@@ -295,8 +348,14 @@ export default defineComponent({
       }
     } catch {}
 
-    if (auto_login.value) {
-    }
+    watch(
+      () => data.password,
+      () => {
+        show_show_password.value = true;
+      }
+    );
+
+    show_show_password.value = data.password != cache_password;
 
     return {
       login_form,
@@ -305,6 +364,7 @@ export default defineComponent({
       auto_login,
       landspace,
       is_pwa,
+      show_show_password,
       async onSubmit() {
         return new Promise((resolve) => {
           data.loading = true;
diff --git a/src/pad/MainLayout.vue b/src/pad/MainLayout.vue
index ffc07be..f6687c0 100644
--- a/src/pad/MainLayout.vue
+++ b/src/pad/MainLayout.vue
@@ -73,8 +73,6 @@
 
 <script lang="ts">
 
-    import { setCssVar } from 'quasar'
-
 import { defineComponent, ref } from "vue";
 
 import TopToolBar from "./TopToolbar.vue";
@@ -92,10 +90,9 @@ export default defineComponent({
     (<any>window).isPad = true;   // pad flag
     (<any>window).touchPriority = true // 优先使用触摸事件
 
-    setCssVar('primary', '#0b3536')
-    setCssVar('secondary', '#ffffff')
-    setCssVar('accent', '#2fa39b')
-    setCssVar('dark', '#000000')
+    try {
+      (window as any).setPadTheme();
+    } catch {}
 
 
     EventBus.getInstance().on(EventNamesDefine.CurrentConnectDisconnect, () => {
diff --git a/src/pad/TopToolbar.vue b/src/pad/TopToolbar.vue
index 92c36ca..88e623e 100644
--- a/src/pad/TopToolbar.vue
+++ b/src/pad/TopToolbar.vue
@@ -11,6 +11,7 @@
       flat
       icon="img:pad/toolbar/close_icon.png"
       :label="$t('close')"
+      @click="closeCurrentWindow"
     />
 
     <q-btn
@@ -21,6 +22,7 @@
       flat
       icon="img:pad/toolbar/clean_windows_icon.png"
       :label="$t('clean screen')"
+      @click="closeAllWindows"
     />
     <q-btn
       class="col-auto"
@@ -48,6 +50,7 @@
       flat
       icon="img:pad/toolbar/top_window_icon.png"
       :label="$t('top window')"
+      @click="topWindow"
     />
     <q-btn
       class="col-auto"
@@ -57,6 +60,7 @@
       flat
       icon="img:pad/toolbar/lower_window_icon.png"
       :label="$t('lower window')"
+      @click="lowerWindow"
     />
     <q-btn
       class="col-auto"
@@ -66,6 +70,7 @@
       flat
       icon="img:pad/toolbar/center_control_icon.png"
       :label="$t('center control')"
+      @click="$refs.center_control_dialog.showDialog()"
     />
     <q-btn
       class="col-auto"
@@ -75,6 +80,7 @@
       flat
       icon="img:pad/toolbar/power_on_icon.png"
       :label="$t('power on')"
+      @click="powerOn"
     />
     <q-btn
       class="col-auto"
@@ -84,6 +90,7 @@
       flat
       icon="img:pad/toolbar/power_off_icon.png"
       :label="$t('power off')"
+      @click="powerOff"
     />
     <q-btn
       stretch
@@ -105,6 +112,7 @@
       flat
       icon="img:pad/toolbar/file_upload_icon.png"
       :label="$t('file manage')"
+      @click="$refs.file_manage_dialog.showDialog()"
     />
     <q-btn
       class="col-auto"
@@ -114,6 +122,7 @@
       flat
       icon="img:pad/toolbar/wallpaper_icon.png"
       :label="$t('background image')"
+      @click="$refs.background_image_dialog.showDialog()"
     />
     <q-space />
     <q-btn
@@ -124,21 +133,34 @@
       flat
       icon="img:pad/toolbar/logout_icon.png"
       :label="$t('logout')"
+      @click="logout"
     />
   </q-toolbar>
+
+  <background-image-dialog ref="background_image_dialog" />
+  <file-manage-dialog ref="file_manage_dialog" />
+  <center-control-dialog ref="center_control_dialog" />
 </template>
 
 <script lang="ts">
 import { defineComponent, Ref, ref, computed } from "vue";
-import { useQuasar } from "quasar";
+import { Cookies, SessionStorage, useQuasar } from "quasar";
 import { useI18n } from "vue-i18n";
 import { useStore } from "src/store";
+import BackgroundImageDialog from "src/components/BackgroundImageDialog.vue";
+import FileManageDialog from "src/components/FileManageDialog.vue";
+import CenterControlDialog from "src/components/CenterControlDialog.vue";
 
 import { AppFullscreen } from "quasar";
+import GlobalData from "src/common/GlobalData";
 
 export default defineComponent({
   name: "PadTopToolbarPage",
-  components: {},
+  components: {
+    BackgroundImageDialog,
+    FileManageDialog,
+    CenterControlDialog,
+  },
   setup() {
     const $store = useStore();
     const $q = useQuasar();
@@ -180,6 +202,115 @@ export default defineComponent({
           });
         }
       },
+      stopPlan() {
+        GlobalData.getInstance().getCurrentClient()?.stopCurrentRunningPlan();
+      },
+      topWindow() {
+        const window = $store.state.windows.find(
+          (element) => element && element.uuid == $store.state.selected_window
+        );
+        if (window) {
+          GlobalData.getInstance()
+            .getCurrentClient()
+            ?.focusIn(window.window_id);
+        }
+      },
+      lowerWindow() {
+        const window = $store.state.windows.find(
+          (element) => element && element.uuid == $store.state.selected_window
+        );
+        if (window) {
+          GlobalData.getInstance()
+            .getCurrentClient()
+            ?.lowerWindow(window.window_id);
+        }
+      },
+      closeCurrentWindow() {
+        const window = $store.state.windows.find(
+          (element) => element && element.uuid == $store.state.selected_window
+        );
+        if (window) {
+          GlobalData.getInstance()
+            .getCurrentClient()
+            ?.closeWindow(window.window_id);
+        }
+      },
+      closeAllWindows() {
+        // for (const window of $store.state.windows) {
+        //   if (window) {
+        //     GlobalData.getInstance()
+        //       .getCurrentClient()
+        //       ?.closeWindow(window.window_id);
+        //   }
+        // }
+        GlobalData.getInstance().getCurrentClient()?.closeWindow(-1);
+      },
+      switchLanguage() {
+        let language = Cookies.get("language");
+        if (!language) {
+          language = "zh-CN";
+        }
+
+        if (language != "zh-CN" && language != "en-US") {
+          language = "zh-CN";
+        } else {
+          language = language == "zh-CN" ? "en-US" : "zh-CN";
+        }
+        Cookies.set("language", language);
+        window.location.reload();
+      },
+      logout() {
+        const w = window as any;
+        if (w.controlLogout && typeof w.controlLogout == "function") {
+          w.controlLogout();
+        } else {
+          Cookies.remove("auto_login");
+          SessionStorage.clear();
+          window.location.reload();
+        }
+      },
+      async powerOff() {
+        let success = false;
+        try {
+          const response = await GlobalData.getInstance()
+            .getCurrentClient()
+            ?.deviceStandByMode();
+          if (response) {
+            success = response?.success ?? false;
+          }
+        } catch {}
+        $q.notify({
+          color: success ? "positive" : "negative",
+          icon: success ? "done" : "warning",
+          message:
+            $t.t("send power off command") +
+            (success ? $t.t("success") : $t.t("fail")) +
+            "!",
+          position: "top",
+          timeout: 1500,
+        });
+      },
+      async powerOn() {
+        let success = false;
+        try {
+          const response = await GlobalData.getInstance()
+            .getCurrentClient()
+            ?.wakeUpDevice();
+          if (response) {
+            success = response?.success ?? false;
+          }
+        } catch {}
+        $q.notify({
+          color: success ? "positive" : "negative",
+          icon: success ? "done" : "warning",
+          message:
+            $t.t("send power on command") +
+            (success ? $t.t("success") : $t.t("fail")) +
+            "!",
+          position: "top",
+          timeout: 1500,
+        });
+      },
     };
   },
 });
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index 2bc750b..f76331c 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -9,7 +9,7 @@
     <q-page-container>
       <q-page
         class="row items-center"
-        style="position: fixed"
+        style="position: ; /*fixed*/"
         :class="landspace ? '' : 'justify-evenly'"
         :style="landspace ? { left: '50%' } : {}"
       >
@@ -154,6 +154,7 @@
                     <q-checkbox
                       :label="$t('remember password')"
                       v-model="remember_password"
+                      :disable="data.loading"
                     />
                   </q-item-section>
                   <q-item-section>
@@ -161,6 +162,7 @@
                       :label="$t('auto login')"
                       v-model="auto_login"
                       @update:model-value="remember_password = true"
+                      :disable="data.loading"
                     />
                   </q-item-section>
                 </q-item>
@@ -188,7 +190,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, reactive, ref, Ref } from "vue";
+import { defineComponent, onMounted, reactive, ref, Ref, computed } from "vue";
 
 import GlobalData from "src/common/GlobalData";
 import { Cookies, LocalStorage, SessionStorage, useQuasar } from "quasar";
@@ -239,6 +241,10 @@ export default defineComponent({
     const $store = useStore();
     const data = reactive(new _Data());
 
+    try {
+      (window as any).setPcTheme();
+    } catch {}
+
     const login_form: Ref<any> = ref(null);
 
     const remember_password = ref(false);
@@ -251,7 +257,10 @@ export default defineComponent({
         window.matchMedia("(display-mode: " + displayMode + ")").matches
     );
 
-    const landspace = ref(window.innerHeight < window.innerWidth);
+    const landspace = computed({
+      get: () => $store.state.landspace,
+      set: (val) => null,
+    });
 
     EventBus.getInstance().on(EventNamesDefine.WindowResize, () => {
       landspace.value = window.innerHeight < window.innerWidth;
@@ -295,9 +304,6 @@ export default defineComponent({
       }
     } catch {}
 
-    if (auto_login.value) {
-    }
-
     return {
       login_form,
       data,
diff --git a/src/store/index.ts b/src/store/index.ts
index c37538a..a41f7e4 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -305,7 +305,7 @@ export default store(function (/* { ssrContext } */) {
       plans: [],
       pollings: [],
       signal_sources: [],
-      landspace: false,
+      landspace: window.innerWidth > window.innerHeight,
     },
 
     mutations: {