mirror/pasty
1
0
Fork 0
mirror of https://github.com/lus/pasty.git synced 2023-08-10 21:13:09 +03:00
Code Issues Projects Releases Wiki Activity

Implement live line number rendering

Browse Source
This commit is contained in:
Lukas Schulte Pelkum 2021-07-28 13:21:08 +02:00
parent 6172ad463b
commit d4e3430feb
No known key found for this signature in database
GPG Key ID: 408DA7CA81DB885C
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/assets/js/modules/state.js
View File

@ -68,6 +68,10 @@ export async function initialize() {
// Update the state of the buttons to match the current state // Update the state of the buttons to match the current state
updateButtonState(); updateButtonState();
INPUT_ELEMENT.addEventListener("input", () => {
updateLineNumbers(INPUT_ELEMENT.value);
});
} }
// Loads the API information // Loads the API information
@ -89,8 +93,15 @@ function updateCode() {
CODE_ELEMENT.innerHTML = LANGUAGE CODE_ELEMENT.innerHTML = LANGUAGE
? hljs.highlight(LANGUAGE, CODE).value ? hljs.highlight(LANGUAGE, CODE).value
: hljs.highlightAuto(CODE).value; : hljs.highlightAuto(CODE).value;
updateLineNumbers(CODE);
}
LINE_NUMBERS_ELEMENT.innerHTML = CODE.split(/\n/).map((_, index) => `<span>${index + 1}</span>`).join(""); function updateLineNumbers(content) {
if (content == "") {
LINE_NUMBERS_ELEMENT.innerHTML = "<span>></span>";
return;
}
LINE_NUMBERS_ELEMENT.innerHTML = content.split(/\n/).map((_, index) => `<span>${index + 1}</span>`).join("");
} }
// Updates the button state according to the current state // Updates the button state according to the current state
@ -122,6 +133,7 @@ function toggleEditMode() {
EDIT_MODE = false; EDIT_MODE = false;
INPUT_ELEMENT.classList.add("hidden"); INPUT_ELEMENT.classList.add("hidden");
CODE_ELEMENT.classList.remove("hidden"); CODE_ELEMENT.classList.remove("hidden");
updateLineNumbers(CODE);
Animation.animate(BUTTONS_EDIT_ELEMENT, "animate__fadeOutDown", "0.3s", () => { Animation.animate(BUTTONS_EDIT_ELEMENT, "animate__fadeOutDown", "0.3s", () => {
BUTTONS_EDIT_ELEMENT.classList.add("hidden"); BUTTONS_EDIT_ELEMENT.classList.add("hidden");
BUTTONS_DEFAULT_ELEMENT.classList.remove("hidden"); BUTTONS_DEFAULT_ELEMENT.classList.remove("hidden");