Add Kishari alphabet box

diff --git a/src/main/kotlin/info/mechyrdia/lore/parser_tags.kt b/src/main/kotlin/info/mechyrdia/lore/parser_tags.kt
index 4d4144c07d784b15ff964b4791a64a870ae1fdc8..7eeaaa25601cb79ee8ace05f92aaf9b16541a3cd 100644 (file)
--- a/src/main/kotlin/info/mechyrdia/lore/parser_tags.kt
+++ b/src/main/kotlin/info/mechyrdia/lore/parser_tags.kt
@@ -333,6 +333,15 @@ enum class TextParserFormattingTag(val type: TextParserTagType<Unit>) {
                                        |<textarea class="output-box lang-thedish" readonly></textarea>
                                        |</div>
                                """.trimMargin()
+                       } else if (content.equals("kishari", ignoreCase = true)) {
+                               """
+                                       |<div class="kishari-alphabet-box">
+                                       |<p>Latin Alphabet:</p>
+                                       |<textarea class="input-box" spellcheck="false"></textarea>
+                                       |<p>Kishari Alphabet:</p>
+                                       |<textarea class="output-box lang-kishari" readonly></textarea>
+                                       |</div>
+                               """.trimMargin()
                        } else if (content.equals("pokhval", ignoreCase = true) || content.equals("pokhwal", ignoreCase = true)) {
                                """
                                        |<div class="pokhwal-alphabet-box">

diff --git a/src/main/resources/static/init.js b/src/main/resources/static/init.js
index 4e0a82bfda470cc1e620b2d1b230f92678b16411..191512e3239ae56ea2e30982773ee491cfdd9886 100644 (file)
--- a/src/main/resources/static/init.js
+++ b/src/main/resources/static/init.js
@@ -43,6 +43,17 @@
                                outputBox.value = inputBox.value;
                        });
                }
+
+               // Kishari alphabet
+               const kishariAlphabetBoxes = document.getElementsByClassName("kishari-alphabet-box");
+               for (const kishariAlphabetBox of thedishAlphabetBoxes) {
+                       const inputBox = kishariAlphabetBox.getElementsByClassName("input-box")[0];
+                       const outputBox = kishariAlphabetBox.getElementsByClassName("output-box")[0];
+
+                       inputBox.addEventListener("input", () => {
+                               outputBox.value = inputBox.value;
+                       });
+               }
        });
 
        window.addEventListener("load", function () {