diff --git a/frontend/src/styles/popups.scss b/frontend/src/styles/popups.scss index a6a572c68..6b2cc0b1f 100644 --- a/frontend/src/styles/popups.scss +++ b/frontend/src/styles/popups.scss @@ -90,7 +90,7 @@ .buttonsTop { display: grid; - grid-template-columns: 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1rem; } diff --git a/frontend/src/styles/z_media-queries.scss b/frontend/src/styles/z_media-queries.scss index 79a554094..865f3fb0f 100644 --- a/frontend/src/styles/z_media-queries.scss +++ b/frontend/src/styles/z_media-queries.scss @@ -63,6 +63,9 @@ // .pageSettings .section.themes .buttons { // grid-template-columns: 1fr 1fr 1fr; // } + #customTextPopupWrapper #customTextPopup .buttonsTop { + grid-template-columns: 1fr 1fr; + } } //1050px diff --git a/frontend/src/ts/popups/custom-text-popup.ts b/frontend/src/ts/popups/custom-text-popup.ts index 5fb3c0547..d9597d269 100644 --- a/frontend/src/ts/popups/custom-text-popup.ts +++ b/frontend/src/ts/popups/custom-text-popup.ts @@ -384,4 +384,30 @@ $(`#customTextPopupWrapper .longCustomTextWarning .button`).on("click", () => { $(`#customTextPopup .longCustomTextWarning`).addClass("hidden"); }); +$(`#fileInput`).on("change", () => { + const file = ($(`#fileInput`)[0] as HTMLInputElement).files?.[0]; + if (file) { + if (file.type !== "text/plain") { + Notifications.add("File is not a text file", -1, { + duration: 5, + }); + return; + } + + const reader = new FileReader(); + reader.readAsText(file, "UTF-8"); + + reader.onload = (readerEvent): void => { + const content = readerEvent.target?.result as string; + $(`${popup} textarea`).val(content); + $(`#fileInput`).val(""); + }; + reader.onerror = (): void => { + Notifications.add("Failed to read file", -1, { + duration: 5, + }); + }; + } +}); + Skeleton.save(skeletonId); diff --git a/frontend/static/html/popups.html b/frontend/static/html/popups.html index 1b9347ace..279b8612b 100644 --- a/frontend/static/html/popups.html +++ b/frontend/static/html/popups.html @@ -435,6 +435,11 @@ Show saved texts + +
Words filter