Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-02-20 14:04:06 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨 状态栏实时统计文档信息 https://github.com/siyuan-note/siyuan/issues/6036

Browse source
This commit is contained in:
Liang Ding 2022-10-01 12:03:22 +08:00
parent ae8ce006ba
commit a772b47287
No known key found for this signature in database
GPG key ID: 136F30F901A2231D
6 changed files with 36 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/src/dialog/processSystem.ts
View file

@ -9,6 +9,7 @@ import {hideMessage, showMessage} from "./message";
import {Dialog} from "./index";
import {isMobile} from "../util/functions";
import {confirmDialog} from "./confirmDialog";
import {renderStatusbarCounter} from "../layout/status";
export const lockFile = (id: string) => {
const html = `<div class="b3-dialog__scrim"></div>
@ -187,6 +188,10 @@ export const progressStatus = (data: IWebSocketData) => {
document.querySelector("#status .status__msg").innerHTML = data.msg;
};
export const handleStatusbarCounter = (data: IWebSocketData) => {
renderStatusbarCounter(data.data.runeCount, data.data.wordCount);
};
export const progressLoading = (data: IWebSocketData) => {
let progressElement = document.getElementById("progress");
if (!progressElement) {

4
app/src/index.ts
View file

@ -12,7 +12,7 @@ import {addBaseURL, setNoteBook} from "./util/pathName";
import {openFileById} from "./editor/util";
import {
bootSync,
downloadProgress,
downloadProgress, handleStatusbarCounter,
progressLoading,
progressStatus,
setTitle,
@ -48,6 +48,8 @@ class App {
case"statusbar":
progressStatus(data);
break;
case"statusbarCounter":
handleStatusbarCounter(data)
case"downloadProgress":
downloadProgress(data.data);
break;

19
app/src/layout/status.ts
View file

@ -137,11 +137,7 @@ export const countSelectWord = (range: Range) => {
const selectText = range.toString();
if (selectText) {
fetchPost("/api/block/getContentWordCount", {"content": range.toString()}, (response) => {
document.querySelector("#status .status__counter").innerHTML = `<span class="ft__on-surface">${window.siyuan.languages.runeCount}</span>
&nbsp;${response.data.runeCount}
<span class="fn__space"></span>
<span class="ft__on-surface">${window.siyuan.languages.wordCount}</span>
&nbsp;${response.data.wordCount}<span class="fn__space"></span>`;
renderStatusbarCounter(response.data.runeCount, response.data.wordCount);
});
} else {
document.querySelector("#status .status__counter").innerHTML = "";
@ -156,11 +152,7 @@ export const countBlockWord = (ids: string[]) => {
}
if (ids.length > 0) {
fetchPost("/api/block/getBlocksWordCount", {ids}, (response) => {
document.querySelector("#status .status__counter").innerHTML = `<span class="ft__on-surface">${window.siyuan.languages.runeCount}</span>
&nbsp;${response.data.runeCount}
<span class="fn__space"></span>
<span class="ft__on-surface">${window.siyuan.languages.wordCount}</span>
&nbsp;${response.data.wordCount}<span class="fn__space"></span>`;
renderStatusbarCounter(response.data.runeCount, response.data.wordCount);
});
} else {
document.querySelector("#status .status__counter").innerHTML = "";
@ -168,3 +160,10 @@ export const countBlockWord = (ids: string[]) => {
/// #endif
};
export const renderStatusbarCounter = (runeCount: number, wordCount: number) => {
document.querySelector("#status .status__counter").innerHTML = `<span class="ft__on-surface">${window.siyuan.languages.runeCount}</span>
&nbsp;${runeCount}
<span class="fn__space"></span>
<span class="ft__on-surface">${window.siyuan.languages.wordCount}</span>
&nbsp;${wordCount}<span class="fn__space"></span>`;
}