Feat: quick install error view

Author: yumao233

src/app/views/Install/index.vue

@@ -6,7 +6,7 @@
   <div class="contanier">
     <div class="bg"></div>
 
-    <div class="panel-wrapper" v-if="step == -1">
+    <!-- <div class="panel-wrapper" v-if="step == -1">
       <Panel class="panel tc" body-style="padding:40px;">
         <h1 class="title">
           <i class="el-icon-guide"></i>
@@ -24,7 +24,7 @@
           </ItemGroup>
         </div>
       </Panel>
-    </div>
+    </div> -->
 
     <div class="panel-wrapper" v-if="step == 0">
       <Panel class="panel tc" body-style="padding:40px;">
@@ -74,11 +74,13 @@
         <ItemGroup>
           <SelectBlock @click="toQuickStart">
             <template #title>{{ $t("install.firstTime") }}</template>
+            <template #info>{{ $t("install.firstTimeInfo") }}</template>
           </SelectBlock>
         </ItemGroup>
         <ItemGroup>
           <SelectBlock @click="toOverview">
             <template #title>{{ $t("install.oldUSer") }}</template>
+            <template #info>{{ $t("install.oldUSerInfo") }}</template>
           </SelectBlock>
         </ItemGroup>
       </Panel>
@@ -96,7 +98,7 @@ export default {
   data: function () {
     return {
       isLoading: false,
-      step: -1,
+      step: 0,
       initUser: {
         userName: "",
         passWord: ""
@@ -125,6 +127,14 @@ export default {
       }
     };
   },
+  mounted() {
+    const language = window.navigator.language;
+    if (language.includes("zh")) {
+      this.selectLanguage("zh_cn");
+    } else {
+      this.selectLanguage("en_us");
+    }
+  },
   methods: {
     next() {
       this.isLoading = true;
@@ -165,9 +175,7 @@ export default {
       try {
         this.isLoading = true;
         await this.updateSettings({ language: lang });
-        this.$message({ message: this.$t("settings.settingUpdate"), type: "success" });
         this.$i18n.locale = lang;
-        this.next();
       } catch (error) {
         this.$message({ message: error, type: "error" });
       } finally {

src/app/views/quickstart/McPreset.vue

@@ -76,13 +76,17 @@
       <template #title>{{ $t("views.quickstart_McPreset.014") }}</template>
       <template #default>
         <div class="display-center">
-          <div style="text-align: center">
+          <div style="text-align: center" v-if="taskInfo?.status != -1">
             <el-progress type="circle" :percentage="percentage"></el-progress>
             <div style="margin-top: 12px; text-align: center">
               <p class="tip-title">{{ $t("views.quickstart_McPreset.008") }}</p>
               <p class="sub-title-info">{{ $t("views.quickstart_McPreset.009") }}</p>
             </div>
           </div>
+          <div style="text-align: center" v-else-if="taskInfo?.status == -1">
+            <h1>{{ $t("CommonText.044") }}</h1>
+            <p>{{ $t("views.quickstart_McPreset.015") }}</p>
+          </div>
         </div>
       </template>
     </Panel>
@@ -157,18 +161,19 @@ export default {
         });
         this.tableData = data || [];
       } catch (error) {
-        this.$message({ type: "error", message: error.message });
+        this.$message({
+          type: "error",
+          message: error.message
+        });
         this.tableData = null;
       } finally {
         this.requestLoading = false;
       }
-
       if (this.taskId && this.tableData) {
         this.percentage = 50;
         this.startDownloadTask();
       }
     },
-
     startDownloadTask() {
       if (this.intervalTask) clearInterval(this.intervalTask);
       this.requestLoading = false;
@@ -179,14 +184,14 @@ export default {
         this.queryStatus();
       }, 3000);
     },
-
     // Start install
     async handleSelectTemplate(index, row) {
-      const { value: instanceName } = await this.$prompt("请输入新建服务器的名字：");
+      const { value: instanceName } = await this.$prompt(
+        window.$t("views.quickstart_McPreset.016")
+      );
       this.requestLoading = true;
       this.installView = true;
       this.isInstalled = false;
-
       this.newTaskInfo = await request({
         method: "POST",
         url: API_INSTANCE_ASYNC_TASK,
@@ -204,7 +209,6 @@ export default {
       this.requestLoading = false;
       this.startDownloadTask();
     },
-
     async queryStatus() {
       this.taskInfo = await request({
         method: "POST",
@@ -218,18 +222,15 @@ export default {
           taskId: this.newTaskInfo.taskId
         }
       });
-
       if (this.taskInfo.status === 0) {
         this.percentage = 100;
         setTimeout(() => this.installed(), 2000);
       }
     },
-
     installed() {
       console.log(window.$t("views.quickstart_McPreset.013"));
       this.isInstalled = true;
     },
-
     toInstance() {
       this.$router.push({
         path: `/terminal/${this.remoteUuid}/${this.taskInfo.detail.instanceUuid}/`,
@@ -239,11 +240,9 @@ export default {
       });
     }
   },
-
   mounted() {
     this.init();
   },
-
   unmounted() {
     clearInterval(this.intervalTask);
   }

src/language/en_us.json

@@ -952,9 +952,9 @@
     }
   },
   "install": {
-    "welcome": "Welcome to the MCSManager Control Panel",
-    "desc": "Open-source, distributed, and out-of-box solution for Minecraft server and all command-line programs.",
-    "start": "Start using",
+    "welcome": "Welcome to the MCSManager",
+    "desc": "Open-source, Distributed, Lightweight Control Panel that supports most Game Servers and Console Programs.",
+    "start": "Install",
     "createAdminAccount": "Create an administrator account",
     "createAdminAccountInfo": "Username could contains any language, please make sure to store your password safely.",
     "passWord": "Password",

src/language/zh_cn.json

@@ -42,7 +42,8 @@
     "040": "提示",
     "041": "确定",
     "042": "取消",
-    "043": "行"
+    "043": "行",
+    "044": "安装错误"
   },
   "general": {
     "search": "搜索",
@@ -965,7 +966,9 @@
     "oldUSer": "老用户",
     "adminOK": "管理员已创建",
     "stoppedServiceTitle": "正在维护中",
-    "stoppedServiceContent": "很抱歉，无法获取最新预设整合包列表，可能是您的网络问题或服务器正在维护中。"
+    "stoppedServiceContent": "很抱歉，无法获取最新预设整合包列表，可能是您的网络问题或服务器正在维护中。",
+    "firstTimeInfo": "我们将引导你使用并部署你的应用程序。",
+    "oldUSerInfo": "以更专业化的界面供你使用。"
   },
   "notify": {
     "connectDaemonError": "访问远程节点异常",
@@ -1092,7 +1095,9 @@
       "012": "测试服务器",
       "013": "已安装完毕",
       "014": "正在安装中",
-      "eulaReadTitle": "安装预设整合包将视作你已同意并阅读 Minecraft 最终用户协议："
+      "eulaReadTitle": "安装预设整合包将视作你已同意并阅读 Minecraft 最终用户协议：",
+      "015": "可能是因为网络不通畅或服务器正在维护中，请等待一段时间后再进行尝试，或使用其他安装包尝试。",
+      "016": "请输入新建服务器的名字："
     },
     "Settings": {
       "001": "预设资源下载点",
@@ -1137,4 +1142,4 @@
       "019": "保存后启动实例时会自动运行映射程序，重启实例生效。"
     }
   }
-}
+}