From 99d851387116eddc0589e8fc40bb0fd474787ff9 Mon Sep 17 00:00:00 2001 From: LingYuZhao <113756063+BeardedManZhao@users.noreply.github.com> Date: Mon, 2 Sep 2024 17:15:01 +0800 Subject: [PATCH] =?UTF-8?q?2.1.0=20=E7=89=88=E6=9C=AC=E5=8F=91=E5=B8=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### 2.1.0 版本发布 - 修正新建文件时，文章编辑器自动生成名称不合法的问题 - 修正新建文件时，保存文章会失败的问题 - 增加了文件上传时的信息展示 - 修改了文件管理列表中的背景动画效果（降低速度） --- README.md | 7 +++++ web/FileExplorer.html | 2 +- web/FileWriter.html | 6 ++-- web/css/backEnd.css | 4 +-- web/css/index.css | 2 +- web/js/main.js | 64 +++++++++++++++++++++++++++++++++++-------- 6 files changed, 67 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index 3666d14..61ddb75 100644 --- a/README.md +++ b/README.md @@ -42,6 +42,13 @@ const indexConfig = { ## 更新记录 +### 2.1.0 版本发布 + +- 修正新建文件时，文章编辑器自动生成名称不合法的问题 +- 修正新建文件时，保存文章会失败的问题 +- 增加了文件上传时的信息展示 +- 修改了文件管理列表中的背景动画效果（降低速度） + ### 2.0.0 版本 发布 - 适用服务器版本：2024-08-31 以后的版本 diff --git a/web/FileExplorer.html b/web/FileExplorer.html index e881d24..2382e86 100644 --- a/web/FileExplorer.html +++ b/web/FileExplorer.html @@ -35,7 +35,7 @@ style="text-align: center" title="diskMirror-front 版本：点击查看前端界面历史包">
2.0.0
+ class="load-icon-2"> 2.1.0
diff --git a/web/FileWriter.html b/web/FileWriter.html index f011024..76f0503 100644 --- a/web/FileWriter.html +++ b/web/FileWriter.html @@ -56,7 +56,7 @@ if (isUpdate) { fileName_str = searchParams0[searchParams0.length - 1]; } else { - const s1 = prompt("请您为文件起个名字吧！", "/xxx/xxx/Untitled_" + DiskMirrorFront.getDate(new Date())); + const s1 = prompt("请您为文件起个名字吧！", "/xxx/xxx/Untitled_" + Date.now() + ".md"); fileName_str = s1 ? s1 : '未命名文件_' + DiskMirrorFront.getDate(new Date()) + '.md'; } const jokerBoxPopUp = new JokerBox_popUp(document.getElementById("joker")); @@ -92,7 +92,7 @@ userId: userId, type: type1, fileName: fileName_str - }, editor.getMarkdown(), (r) => jokerBoxPopUp.show(r.fileName + " 保存成功！"), (error) => jokerBoxPopUp.show("保存操作出现了问题!请稍后再试吧！" + error)); + }, new Blob([editor.getMarkdown()], {type: 'text/plain'}), (r) => jokerBoxPopUp.show(r.fileName + " 保存成功！"), (error) => jokerBoxPopUp.show("保存操作出现了问题!请稍后再试吧！" + error)); }, (error) => jokerBoxPopUp.show("覆写操作出现了问题!请稍后再试吧！" + error) ) @@ -101,7 +101,7 @@ userId: userId, type: type, fileName: fileName_str - }, editor.getMarkdown(), (r) => { + }, new Blob([editor.getMarkdown()], {type: 'text/plain'}), (r) => { jokerBoxPopUp.show(r.fileName + " 保存成功！稍后自动跳转到文件管理器！"); setTimeout(() => { window.location.href = `FileExplorer.html?server_id=${userId}&path=/` diff --git a/web/css/backEnd.css b/web/css/backEnd.css index 02de91d..a93201f 100644 --- a/web/css/backEnd.css +++ b/web/css/backEnd.css @@ -14,7 +14,7 @@ body { rgb(181, 190, 255) ); background-size: 400% 400%; - animation: gradientBG 15s ease infinite; + animation: gradientBG 35s ease infinite; } body.errorBody { @@ -32,7 +32,7 @@ body.errorBody { rgb(255, 181, 181) ); background-size: 400% 400%; - animation: gradientBG 15s ease infinite; + animation: gradientBG 35s ease infinite; } diff --git a/web/css/index.css b/web/css/index.css index 0a1a1ad..05bc7b5 100644 --- a/web/css/index.css +++ b/web/css/index.css @@ -1,6 +1,6 @@ body { - animation: gradientBG 15s ease forwards; + animation: gradientBG 15s; } @keyframes show_parent { diff --git a/web/js/main.js b/web/js/main.js index b818aa1..a46c4cb 100644 --- a/web/js/main.js +++ b/web/js/main.js @@ -5,15 +5,52 @@ const versionShowDiv = document.querySelector("#versionShowDiv"); /** * 使用内置的弹窗展示文字！ - * @param showText - * @param showMs + * @param showText 被展示的文字 + * @param showMs 自动隐藏的秒数 + * @param autoHidden 是否需要自动隐藏 */ -function showMessage(showText, showMs = 5000) { +function showMessage(showText, showMs = 5000, autoHidden = true) { versionShow.innerText = showText; // 显示信息 versionShowDiv.hidden = false; - // 5秒钟之后隐藏信息 - setTimeout(() => versionShowDiv.hidden = true, 5000); + // showMs钟之后隐藏信息 + if (autoHidden) { + setTimeout(() => versionShowDiv.hidden = true, showMs); + } +} + +const uploadFiles = {}; + +/** + * 上传任务开始之前要进行的操作 如果此函数返回 true 则代表可以上传 如果是 false 则代表不能上传 + * @param params 上传操作要用的参数 + * @param file 被上传的文件 + */ +function uploadBefore(params, file) { + uploadFiles[params.fileName] = 0; + let str = " "; + for (const fileName in uploadFiles) { + str += `《${fileName}》` + } + showMessage(str + " 正在上传中....", 0, false); + return file !== null; +} + +/** + * 上传任务结束之后要进行的操作 + * @param fileName 上传操作结束的文件名字 + */ +function uploadAfter(fileName) { + delete uploadFiles[fileName]; + if (uploadFiles.length === 0) { + showMessage(" 所有文件上传结束！"); + } else { + let str = " "; + for (const fileName in uploadFiles) { + str += `《${fileName}》` + } + showMessage(str + " 正在继续上传中....", 0, false); + } } showMessage(" 正在获取服务器连接中...") @@ -359,7 +396,7 @@ window.onload = function () { let noWarCount = 0; for (const file of files) { if (file.name.endsWith(".war")) { - jokerBoxPopUp.show(`检测到 war 文件，正在将 《${file.name}》 自动解析为一个同名的目录！`) + jokerBoxPopUp.show(`检测到 war 文件，正在将 《${file.name}》 自动解析为一个同名的目录！`); // 代表是 war 文件 需要被解析一下 Utils_io.unzipFile(file, (c, f, path, backOk) => { diskMirror.upload({ @@ -370,11 +407,13 @@ window.onload = function () { res.lastModified = new Date().getTime() jokerBoxPopUp.show(`${file.name} 文件中：批量上传了 ${c} 个文件。`); backOk[0] = true; + uploadAfter(file.name); }, e => { backOk[0] = true; jokerBoxPopUp.show(`${file.name} 中 有文件解压失败!!! ${JSON.stringify(e)}`); - console.error(e) - }) + console.error(e); + uploadAfter(file.name); + }, uploadBefore) }, () => { jokerBoxPopUp.show(`${file.name} 解压完毕!!!`); if (++noWarCount === files.length) { @@ -391,10 +430,11 @@ window.onload = function () { }, file, (res) => { res.lastModified = new Date().getTime() jokerBoxPopUp.show(`共${files.length} 个文件！目前批量上传了 ${++noWarCount} 个文件。`); + uploadAfter(res.fileName); if (noWarCount === files.length) { reloadFsPath(element); } - }, undefined) + }, undefined, uploadBefore) } }) } catch (e) { @@ -423,7 +463,8 @@ window.onload = function () { type: 'Binary' }, file, (res) => { jokerBoxPopUp.show(res.fileName + " 上传成功!!! 刷新可见"); - }, undefined, undefined); + uploadAfter(file.name); + }, undefined, uploadBefore); }, // 文本数据不需要进行任何操作 (_) => { @@ -457,6 +498,7 @@ window.onload = function () { type: 'Binary' }, file, (res) => { jokerBoxPopUp.show(res.fileName + " 上传成功!!! 刷新可见"); - }, undefined, undefined); + uploadAfter(fileName); + }, undefined, uploadBefore); }, undefined, undefined, false) } \ No newline at end of file