From febcf00d9488ba63579e08282c51e7c43f58083b Mon Sep 17 00:00:00 2001
From: miao <2514145421@qq.com>
Date: Tue, 14 Feb 2023 09:45:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=87=E7=BA=A7=E5=AF=B9=E8=AF=9D=E6=A1=86?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=9C=8D=E5=8A=A1=E5=99=A8=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UpgradeDialog.vue | 568 ++++++++++++++++---------------
 1 file changed, 290 insertions(+), 278 deletions(-)

diff --git a/src/components/UpgradeDialog.vue b/src/components/UpgradeDialog.vue
index 9de85c3..d287d7c 100644
--- a/src/components/UpgradeDialog.vue
+++ b/src/components/UpgradeDialog.vue
@@ -1,278 +1,290 @@
-<template>
-  <q-dialog
-    persistent
-    v-model="show_dialog"
-    @before-hide="resetData"
-    @keydown="
-      (evt) => {
-        if (!loading && evt.keyCode == 27) {
-          show_dialog = false;
-        }
-      }
-    "
-  >
-    <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
-      <q-form @submit="onSubmit">
-        <q-card-section class="q-ma-none q-pa-sm">
-          <div class="row">
-            <div class="col-auto text-h6">
-              {{ upgrade_type }}{{ $t("upgrade") }}
-            </div>
-            <q-space />
-            <div>
-              <q-btn
-                :loading="loading"
-                flat
-                round
-                icon="close"
-                :disable="loading"
-                color="red"
-                v-close-popup
-              >
-                <q-tooltip>
-                  {{ $t("close") }}
-                </q-tooltip>
-              </q-btn>
-            </div>
-          </div>
-        </q-card-section>
-
-        <q-separator />
-
-        <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
-          <q-list>
-            <q-item>
-              <q-item-section>
-                <q-select
-                  :label="$t('upgrade type')"
-                  :hint="$t('please input ') + $t('upgrade type') + ':'"
-                  :options="select_options"
-                  v-model="upgrade_type"
-                  @update:model-value="file_count = 0"
-                >
-                </q-select>
-              </q-item-section>
-            </q-item>
-            <q-item>
-              <q-item-section>
-                <q-uploader
-                  v-show="upgrade_type == $t('software')"
-                  class="full-width"
-                  ref="uploader_software"
-                  :url="upload_url_software"
-                  method="post"
-                  :headers="generatorFileUploadHeaders"
-                  :label="$t('select software upgrade file') + ':'"
-                  accept=".zip,.tar,.tar.gz"
-                  :hide-upload-btn="true"
-                  @uploaded="onUploaded"
-                  @failed="onFailed"
-                  @added="(files) => files && (file_count += files.length)"
-                  @removed="(files) => files && (file_count -= files.length)"
-                />
-                <q-uploader
-                  v-show="upgrade_type == $t('rootfs')"
-                  class="full-width"
-                  ref="uploader_rootfs"
-                  :url="upload_url_rootfs"
-                  method="post"
-                  :headers="generatorFileUploadHeaders"
-                  :label="$t('select rootfs upgrade file') + ':'"
-                  accept=".img"
-                  :hide-upload-btn="true"
-                  @uploaded="onUploaded"
-                  @failed="onFailed"
-                  @added="(files) => files && (file_count += files.length)"
-                  @removed="(files) => files && (file_count -= files.length)"
-                />
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-card-section>
-
-        <q-separator />
-
-        <q-card-actions align="right">
-          <q-btn
-            :loading="loading"
-            flat
-            :label="$t('Cancel')"
-            no-caps
-            color="primary"
-            v-close-popup
-          />
-          <q-btn
-            ref="accept"
-            flat
-            :label="$t('Accept')"
-            :loading="loading"
-            no-caps
-            type="submit"
-            color="primary"
-          />
-        </q-card-actions>
-      </q-form>
-    </q-card>
-  </q-dialog>
-</template>
-
-<style scoped></style>
-
-<script lang="ts">
-import { defineComponent, ref, watch, computed } from "vue";
-import { useStore } from "src/store";
-import { useQuasar } from "quasar";
-import { useI18n } from "vue-i18n";
-import GlobalData from "src/common/GlobalData";
-import { HttpProtocol } from "src/entities/HttpProtocol";
-
-export default defineComponent({
-  name: "ComponentUpgradeDialog",
-
-  setup() {
-    let $store = useStore();
-    let $q = useQuasar();
-    let $t = useI18n();
-
-    let show_dialog = ref(false);
-    let uploader_software: any = ref(null);
-    let uploader_rootfs: any = ref(null);
-    let loading = ref(false);
-    let upload_url_software = ref("");
-    let upload_url_rootfs = ref("");
-    let file_count = ref(0);
-
-    let select_options = [$t.t("software"), $t.t("rootfs")];
-    let upgrade_type = ref($t.t("software"));
-
-    return {
-      show_dialog,
-      loading,
-      upload_url_software,
-      upload_url_rootfs,
-      uploader_software,
-      uploader_rootfs,
-      file_count,
-      upgrade_type,
-      select_options,
-      generatorFileUploadHeaders(files: File[]) {
-        if (files.length > 0) {
-          return [
-            {
-              name: HttpProtocol.kHeaderXProductName,
-              value: HttpProtocol.getProductName($store),
-            },
-            {
-              name: HttpProtocol.kHeaderXFileLength,
-              value: files[0].size,
-            },
-          ];
-        }
-        return [];
-      },
-      loga(a: any) {
-        console.log(a);
-      },
-      showDialog() {
-        show_dialog.value = true;
-
-        let client = GlobalData.getInstance().getCurrentClient();
-        if (client) {
-          let url = new URL(client.url);
-          url.port =
-            GlobalData.getInstance().applicationConfig?.httpserver_port ??
-            HttpProtocol.DefaultHttpPort.toString();
-          url.pathname = HttpProtocol.RequestUploadFile;
-          url.protocol = "http:";
-          url.searchParams.append("type", HttpProtocol.UploadTypeRootFS);
-          upload_url_rootfs.value = url.toString();
-
-          url.searchParams.set("type", HttpProtocol.UploadTypeSoftware);
-          upload_url_software.value = url.toString();
-        }
-      },
-      resetData() {
-        loading.value = false;
-        upload_url_software.value = "";
-        upload_url_rootfs.value = "";
-        file_count.value = 0;
-      },
-      async onSubmit() {
-        if (file_count.value <= 0) {
-          $q.notify({
-            type: "warning",
-            message: $t.t("please select file first") + "!",
-            position: "top",
-            timeout: 1500,
-          });
-          return;
-        }
-        loading.value = true;
-        try {
-          let upgrader =
-            upgrade_type.value == $t.t("software")
-              ? uploader_software.value
-              : uploader_rootfs.value;
-          $q.dialog({
-            title: $t.t("Confirm"),
-            message: $t.t("use this file to upgrade") + "?",
-            ok: {
-              label: $t.t("ok"),
-              noCaps: true,
-              flat: true,
-            },
-            cancel: {
-              label: $t.t("cancel"),
-              noCaps: true,
-              flat: true,
-            },
-            persistent: true,
-          })
-            .onOk(() => {
-              upgrader.upload();
-            })
-            .onCancel(() => {
-              loading.value = false;
-              loading.value = false;
-            });
-        } catch {}
-      },
-      onUploaded() {
-        loading.value = false;
-        let upgrader =
-          upgrade_type.value == $t.t("software")
-            ? uploader_software.value
-            : uploader_rootfs.value;
-        if (upgrader) {
-          console.log(upgrader);
-          upgrader.removeUploadedFiles();
-        }
-        $q.notify({
-          type: "positive",
-          icon: "done",
-          message:
-            $t.t("update file upload") +
-            $t.t("success") +
-            "! \n" +
-            upgrade_type.value +
-            $t.t("automatically restarts after the upgrade is complete"),
-          position: "top",
-          timeout: 1500,
-        });
-        setTimeout(() => {
-          window.location.reload();
-        }, 2000);
-      },
-      onFailed(info: any) {
-        $q.notify({
-          type: "warning",
-          message: $t.t("update file upload") + $t.t("fail") + "!",
-          position: "top",
-          timeout: 1500,
-        });
-        loading.value = false;
-      },
-    };
-  },
-});
-</script>
+<template>
+  <q-dialog
+    persistent
+    v-model="show_dialog"
+    @before-hide="resetData"
+    @keydown="
+      (evt) => {
+        if (!loading && evt.keyCode == 27) {
+          show_dialog = false;
+        }
+      }
+    "
+  >
+    <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
+      <q-form @submit="onSubmit">
+        <q-card-section class="q-ma-none q-pa-sm">
+          <div class="row">
+            <div class="col-auto text-h6">
+              {{ upgrade_type }}{{ $t("upgrade") }}
+            </div>
+            <q-space />
+            <div>
+              <q-btn
+                :loading="loading"
+                flat
+                round
+                icon="close"
+                :disable="loading"
+                color="red"
+                v-close-popup
+              >
+                <q-tooltip>
+                  {{ $t("close") }}
+                </q-tooltip>
+              </q-btn>
+            </div>
+          </div>
+        </q-card-section>
+
+        <q-separator />
+
+        <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
+          <q-list>
+            <q-item>
+              <q-item-section>
+                <q-select
+                  :label="$t('upgrade type')"
+                  :hint="$t('please input ') + $t('upgrade type') + ':'"
+                  :options="select_options"
+                  v-model="upgrade_type"
+                  @update:model-value="file_count = 0"
+                >
+                </q-select>
+              </q-item-section>
+            </q-item>
+            <q-item>
+              <q-item-section>
+                <q-uploader
+                  v-show="upgrade_type == $t('software')"
+                  class="full-width"
+                  ref="uploader_software"
+                  :url="upload_url_software"
+                  method="post"
+                  :headers="generatorFileUploadHeaders"
+                  :label="$t('select software upgrade file') + ':'"
+                  accept=".zip,.tar,.tar.gz"
+                  :hide-upload-btn="true"
+                  @uploaded="onUploaded"
+                  @failed="onFailed"
+                  @added="(files) => files && (file_count += files.length)"
+                  @removed="(files) => files && (file_count -= files.length)"
+                />
+                <q-uploader
+                  v-show="upgrade_type == $t('rootfs')"
+                  class="full-width"
+                  ref="uploader_rootfs"
+                  :url="upload_url_rootfs"
+                  method="post"
+                  :headers="generatorFileUploadHeaders"
+                  :label="$t('select rootfs upgrade file') + ':'"
+                  accept=".img"
+                  :hide-upload-btn="true"
+                  @uploaded="onUploaded"
+                  @failed="onFailed"
+                  @added="(files) => files && (file_count += files.length)"
+                  @removed="(files) => files && (file_count -= files.length)"
+                />
+              </q-item-section>
+            </q-item>
+          </q-list>
+        </q-card-section>
+
+        <q-separator />
+
+        <q-card-actions>
+          <q-item-section>V: {{ server_version }}</q-item-section>
+          <q-space />
+          <q-btn
+            :loading="loading"
+            flat
+            :label="$t('Cancel')"
+            no-caps
+            color="primary"
+            v-close-popup
+          />
+          <q-btn
+            ref="accept"
+            flat
+            :label="$t('Accept')"
+            :loading="loading"
+            no-caps
+            type="submit"
+            color="primary"
+          />
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
+</template>
+
+<style scoped></style>
+
+<script lang="ts">
+import { defineComponent, ref, watch, computed } from "vue";
+import { useStore } from "src/store";
+import { useQuasar } from "quasar";
+import { useI18n } from "vue-i18n";
+import GlobalData from "src/common/GlobalData";
+import { HttpProtocol } from "src/entities/HttpProtocol";
+
+export default defineComponent({
+  name: "ComponentUpgradeDialog",
+
+  setup() {
+    let $store = useStore();
+    let $q = useQuasar();
+    let $t = useI18n();
+
+    let show_dialog = ref(false);
+    let uploader_software: any = ref(null);
+    let uploader_rootfs: any = ref(null);
+    let loading = ref(false);
+    let upload_url_software = ref("");
+    let upload_url_rootfs = ref("");
+    let file_count = ref(0);
+
+    let select_options = [$t.t("software"), $t.t("rootfs")];
+    let upgrade_type = ref($t.t("software"));
+    const server_version = ref("unknow");
+
+    return {
+      show_dialog,
+      loading,
+      upload_url_software,
+      upload_url_rootfs,
+      uploader_software,
+      uploader_rootfs,
+      file_count,
+      upgrade_type,
+      select_options,
+      server_version,
+      generatorFileUploadHeaders(files: File[]) {
+        if (files.length > 0) {
+          return [
+            {
+              name: HttpProtocol.kHeaderXProductName,
+              value: HttpProtocol.getProductName($store),
+            },
+            {
+              name: HttpProtocol.kHeaderXFileLength,
+              value: files[0].size,
+            },
+          ];
+        }
+        return [];
+      },
+      loga(a: any) {
+        console.log(a);
+      },
+      showDialog() {
+        show_dialog.value = true;
+
+        let client = GlobalData.getInstance().getCurrentClient();
+        if (client) {
+          let url = new URL(client.url);
+          url.port =
+            GlobalData.getInstance().applicationConfig?.httpserver_port ??
+            HttpProtocol.DefaultHttpPort.toString();
+          url.pathname = HttpProtocol.RequestUploadFile;
+          url.protocol = "http:";
+          url.searchParams.append("type", HttpProtocol.UploadTypeRootFS);
+          upload_url_rootfs.value = url.toString();
+
+          url.searchParams.set("type", HttpProtocol.UploadTypeSoftware);
+          upload_url_software.value = url.toString();
+          try {
+            client?.getBuildInfo()?.then((build_info) => {
+              if (build_info) {
+                server_version.value = build_info.version;
+              }
+            });
+            // console.log(build_info);
+          } catch {}
+        }
+      },
+      resetData() {
+        loading.value = false;
+        upload_url_software.value = "";
+        upload_url_rootfs.value = "";
+        file_count.value = 0;
+      },
+      async onSubmit() {
+        if (file_count.value <= 0) {
+          $q.notify({
+            type: "warning",
+            message: $t.t("please select file first") + "!",
+            position: "top",
+            timeout: 1500,
+          });
+          return;
+        }
+        loading.value = true;
+        try {
+          let upgrader =
+            upgrade_type.value == $t.t("software")
+              ? uploader_software.value
+              : uploader_rootfs.value;
+          $q.dialog({
+            title: $t.t("Confirm"),
+            message: $t.t("use this file to upgrade") + "?",
+            ok: {
+              label: $t.t("ok"),
+              noCaps: true,
+              flat: true,
+            },
+            cancel: {
+              label: $t.t("cancel"),
+              noCaps: true,
+              flat: true,
+            },
+            persistent: true,
+          })
+            .onOk(() => {
+              upgrader.upload();
+            })
+            .onCancel(() => {
+              loading.value = false;
+              loading.value = false;
+            });
+        } catch {}
+      },
+      onUploaded() {
+        loading.value = false;
+        let upgrader =
+          upgrade_type.value == $t.t("software")
+            ? uploader_software.value
+            : uploader_rootfs.value;
+        if (upgrader) {
+          console.log(upgrader);
+          upgrader.removeUploadedFiles();
+        }
+        $q.notify({
+          type: "positive",
+          icon: "done",
+          message:
+            $t.t("update file upload") +
+            $t.t("success") +
+            "! \n" +
+            upgrade_type.value +
+            $t.t("automatically restarts after the upgrade is complete"),
+          position: "top",
+          timeout: 1500,
+        });
+        setTimeout(() => {
+          window.location.reload();
+        }, 2000);
+      },
+      onFailed(info: any) {
+        $q.notify({
+          type: "warning",
+          message: $t.t("update file upload") + $t.t("fail") + "!",
+          position: "top",
+          timeout: 1500,
+        });
+        loading.value = false;
+      },
+    };
+  },
+});
+</script>