Vanessa 2022-08-28 12:41:49 +08:00
parent bf3137a93f
commit 3c3b612e1d
4 changed files with 34 additions and 1 deletions

View file

@ -294,6 +294,24 @@
}
}
.status {
position: fixed;
bottom: 0;
transition: var(--b3-transition);
font-size: 12px;
color: var(--b3-theme-on-surface);
padding: 4px;
white-space: nowrap;
width: 100%;
box-sizing: border-box;
background-color: var(--b3-theme-surface);
@extend .fn__ellipsis;
&--hide {
bottom: -30px;
}
}
@media (max-width: 620px) {
.protyle-wysiwyg [data-node-id].sb[data-sb-layout="col"] {
flex-direction: column;

View file

@ -54,5 +54,6 @@
</div>
<div id="commonMenu" class="b3-menu fn__none"></div>
<div id="message" class="b3-snackbars"></div>
<div id="status" class="status status--hide"></div>
</body>
</html>

View file

@ -147,7 +147,18 @@ export const transactionError = (data: { code: number, data: string }) => {
});
};
let progressStatusTimeoutId: number
export const progressStatus = (data: IWebSocketData) => {
if (isMobile()) {
clearTimeout(progressStatusTimeoutId);
const statusElement = document.querySelector("#status")
statusElement.innerHTML = data.msg;
statusElement.classList.remove("status--hide")
progressStatusTimeoutId = window.setTimeout(() => {
statusElement.classList.add("status--hide");
}, 6000);
return;
}
document.querySelector("#status .status__msg").innerHTML = data.msg;
};

View file

@ -1,5 +1,5 @@
import {openMobileFileById} from "../editor";
import {progressLoading, transactionError} from "../../dialog/processSystem";
import {progressLoading, progressStatus, transactionError} from "../../dialog/processSystem";
export const onMessage = (data: IWebSocketData) => {
if (data) {
@ -23,6 +23,9 @@ export const onMessage = (data: IWebSocketData) => {
case"txerr":
transactionError(data);
break;
case"statusbar":
progressStatus(data);
break;
}
}
};