1.修改未安装成功时,安装详情左侧图标问题 2.添加滚动条hover效果 3.修改虚拟机中超出界面问题 4.修改相关名称为开发环境快速部署

This commit is contained in:
weike 2024-06-20 18:48:54 +08:00 committed by wangpenglong
parent b50d3b953f
commit f77887bd02
6 changed files with 54 additions and 19 deletions

View File

@ -38,7 +38,7 @@
<div class="header-drag-region" id="header-drag-region"> <div class="header-drag-region" id="header-drag-region">
<div class="header-left" style="float: left;"> <div class="header-left" style="float: left;">
<div class="header-icon" id="header-icon"></div> <div class="header-icon" id="header-icon"></div>
<div class="title" id="title">安装向导</div> <div class="title" id="title">开发环境快速部署</div>
</div> </div>
<div class="header-right" id="header-right" style="float: right;"> <div class="header-right" id="header-right" style="float: right;">
<div class="minw" id="minwBtn"></div> <div class="minw" id="minwBtn"></div>
@ -130,7 +130,7 @@
</form> </form>
</div> </div>
<div class="sceneChooseSeparator"></div> <div class="sceneChooseSeparator"></div>
<div class="depOutputTextbox sceneChooseOutput"> <div class="depOutputTextbox">
<div id="depOutDesc" style="white-space: pre-wrap;"></div> <div id="depOutDesc" style="white-space: pre-wrap;"></div>
<pre id="outputPre"></pre> <pre id="outputPre"></pre>
</div> </div>

View File

@ -39,7 +39,7 @@
<div class="header-drag-region" id="header-drag-region"> <div class="header-drag-region" id="header-drag-region">
<div class="header-left" style="float: left;"> <div class="header-left" style="float: left;">
<div class="header-icon" id="header-icon"></div> <div class="header-icon" id="header-icon"></div>
<div class="title" id="title">安装向导</div> <div class="title" id="title">开发环境快速部署</div>
</div> </div>
<div class="header-right" id="header-right" style="float: right;"> <div class="header-right" id="header-right" style="float: right;">
<div class="minw" id="minwBtn"></div> <div class="minw" id="minwBtn"></div>
@ -131,7 +131,7 @@
</form> </form>
</div> </div>
<div class="sceneChooseSeparator"></div> <div class="sceneChooseSeparator"></div>
<div class="depOutputTextbox sceneChooseOutput"> <div class="depOutputTextbox">
<div id="depOutDesc" style="white-space: pre-wrap;"></div> <div id="depOutDesc" style="white-space: pre-wrap;"></div>
<pre id="outputPre"></pre> <pre id="outputPre"></pre>
</div> </div>

View File

@ -163,6 +163,19 @@ class deployWindow {
this.progressNum++; this.progressNum++;
this.extInstallState.set(msg.depName, 15); this.extInstallState.set(msg.depName, 15);
} }
else if (msg.type === "cancelinstall") {
console.log("receive: kylinide.installWizard.msg:cancelinstall");
for (const [key, value] of this.extInstallState) {
if (key === undefined) {
console.log("cancel install: key is undefined");
continue;
}
console.log("cancel install:" + key + " 状态:" + value);
if (value === 0 || value === 1) {
this.extInstallState.set(key, 4);
}
}
}
let dTpreElement = document.getElementById("detailInstallPre"); let dTpreElement = document.getElementById("detailInstallPre");
dTpreElement!.innerHTML = ''; dTpreElement!.innerHTML = '';
let dTformattedDoc = ''; let dTformattedDoc = '';
@ -256,7 +269,7 @@ class deployWindow {
if (writeKeyJson.length > 0) { if (writeKeyJson.length > 0) {
ipcRenderer.send("kylinide.installWizard.init", { type: "writeKey", keys: writeKeyJson }); ipcRenderer.send("kylinide.installWizard.init", { type: "writeKey", keys: writeKeyJson });
} }
showContext += "点击结束按钮退出安装向导\n" showContext += "点击结束按钮退出开发环境快速部署\n"
this.goFinish(showContext, false, true); this.goFinish(showContext, false, true);
console.log("安装结束:成功"); console.log("安装结束:成功");
@ -279,7 +292,7 @@ class deployWindow {
if (msg.type == "cancelinstall") { if (msg.type == "cancelinstall") {
let showContext = ''; let showContext = '';
showContext += "取消安装\n"; showContext += "取消安装\n";
showContext += "点击结束按钮退出安装向导\n" showContext += "点击结束按钮退出开发环境快速部署\n"
this.goFinish(showContext, false, false); this.goFinish(showContext, false, false);
console.log("安装结束:取消"); console.log("安装结束:取消");
} }
@ -289,7 +302,7 @@ class deployWindow {
if (msg.type == "pkgNotAuth") { if (msg.type == "pkgNotAuth") {
let showContext = ''; let showContext = '';
showContext += "授权失败,结束安装\n"; showContext += "授权失败,结束安装\n";
showContext += "点击结束按钮退出安装向导\n" showContext += "点击结束按钮退出开发环境快速部署\n"
this.goFinish(showContext, true, false); this.goFinish(showContext, true, false);
console.log("安装结束:授权失败") console.log("安装结束:授权失败")
} }
@ -866,8 +879,9 @@ class deployWindow {
if (document.getElementById('jsonSelectKey') !== null) { if (document.getElementById('jsonSelectKey') !== null) {
return; return;
} }
const preE = document.createElement('pre'); const preE = document.createElement('div');
preE.id = "jsonSelectKey"; preE.id = "jsonSelectKey";
preE.classList.add('jsonSelectKey');
let constent = ""; let constent = "";
let flag = 0; let flag = 0;
for (let i = 0; i < jsonSelectKey.length; i++) { for (let i = 0; i < jsonSelectKey.length; i++) {

View File

@ -664,6 +664,10 @@ button#prevStep:disabled {
border-radius: 4px; border-radius: 4px;
} }
::-webkit-scrollbar-thumb:hover {
background: #888888;
}
.osInfoShow { .osInfoShow {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -712,6 +716,7 @@ button#prevStep:disabled {
margin-top: 0px; margin-top: 0px;
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
/* width: calc(100% - 40px); */
/* background-color: orange; */ /* background-color: orange; */
} }
@ -735,10 +740,25 @@ button#prevStep:disabled {
background: rgba(0,0,0,0.7); background: rgba(0,0,0,0.7);
} }
.sceneChooseOutput { .depOutputTextbox {
overflow: auto; overflow-x: hidden;
padding-right: 12px; overflow-y: auto;
margin-left: 20px;
height: 325px; height: 325px;
/* border: 1px solid red; */
}
.depOutputTextbox>.jsonSelectKey {
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 13px;
color: rgba(255,255,255,0.9);
line-height: 22px;
text-align: left;
font-style: normal;
margin-top: 6px;
margin-right: 12px;
margin-bottom: 0px;
} }
.depOutputTextbox input[type="text"], .depOutputTextbox input[type="text"],
@ -746,7 +766,8 @@ button#prevStep:disabled {
/* height: 330px; */ /* height: 330px; */
/* width: 600px; */ /* width: 600px; */
margin-left: 0px; margin-left: 0px;
margin-top: 20px; margin-top: 22px;
margin-right: 12px;
background-color: transparent; background-color: transparent;
border-width: 1px solid black; border-width: 1px solid black;
} }
@ -794,10 +815,7 @@ button#prevStep:disabled {
text-align: left; text-align: left;
font-style: normal; font-style: normal;
margin-top: 0px; margin-top: 0px;
} margin-right: 12px;
.depOutputTextbox {
margin-left: 20px;
} }
#checkboxForm { #checkboxForm {

View File

@ -370,6 +370,7 @@ export class DeployMainService implements IDeployMainService {
//结束插件下载及安装 //结束插件下载及安装
if (this.DeployWindow) { if (this.DeployWindow) {
this.DeployWindow.webContents.send("kylinide.installWizard.cancelInstall", { type: "cancelinstall" }); this.DeployWindow.webContents.send("kylinide.installWizard.cancelInstall", { type: "cancelinstall" });
this.DeployWindow.webContents.send("kylinide.installWizard.msg", { type: "cancelinstall" });
} }
} }
this.println('kill Exit code:', code); this.println('kill Exit code:', code);
@ -388,6 +389,7 @@ export class DeployMainService implements IDeployMainService {
//结束插件下载及安装 //结束插件下载及安装
if (this.DeployWindow) { if (this.DeployWindow) {
this.DeployWindow.webContents.send("kylinide.installWizard.cancelInstall", { type: 'cancelinstall' }); this.DeployWindow.webContents.send("kylinide.installWizard.cancelInstall", { type: 'cancelinstall' });
this.DeployWindow.webContents.send("kylinide.installWizard.msg", { type: "cancelinstall" });
} }
} }
} }
@ -1106,6 +1108,7 @@ export class DeployMainService implements IDeployMainService {
//授权失败,结束安装。 //授权失败,结束安装。
if (this.DeployWindow) { if (this.DeployWindow) {
this.DeployWindow.webContents.send("kylinide.installWizard.Auth", { type: "pkgNotAuth" }); this.DeployWindow.webContents.send("kylinide.installWizard.Auth", { type: "pkgNotAuth" });
this.DeployWindow.webContents.send("kylinide.installWizard.msg", { type: "cancelinstall" });
} }
} }
}); });

View File

@ -19,8 +19,8 @@ class deployWindow extends Action2 {
super({ super({
id: deployWindow.ID, id: deployWindow.ID,
title: { title: {
value: localize('deployWindow', "deploy window"), value: localize('deployWindow', "打开开发环境快速部署"),
mnemonicTitle: localize({ key: 'mideployWindow', comment: ['&& denotes a mnemonic'] }, "deploy window"), mnemonicTitle: localize({ key: 'mideployWindow', comment: ['&& denotes a mnemonic'] }, "打开开发环境快速部署"),
original: 'DeployWindow' original: 'DeployWindow'
}, },
category: Categories.Help, category: Categories.Help,
@ -39,7 +39,7 @@ MenuRegistry.appendMenuItem(MenuId.MenubarHelpMenu, {
group: '2_reference', group: '2_reference',
command: { command: {
id: deployWindow.ID, id: deployWindow.ID,
title: localize({ key: 'mideployWindow', comment: ['&& denotes a mnemonic'] }, "deploy Window") title: localize({ key: 'mideployWindow', comment: ['&& denotes a mnemonic'] }, "打开开发环境快速部署")
}, },
order: 6 order: 6
}); });