fix: add Add Syllable Text feature

- Notify users when syllables have no syl - Add `Add Syllable Text` button - Add `ADD_TEXT` modal window refs: #1265, rism-digital/verovio#3918
DDMAL · Jan 24, 2025 · 2cbfb11 · 2cbfb11
1 parent 04d15ed
commit 2cbfb11
Show file tree

Hide file tree

Showing 6 changed files with 1,054 additions and 622 deletions.
diff --git a/src/SquareEdit/Contents.ts b/src/SquareEdit/Contents.ts
@@ -411,6 +411,18 @@ export const groupingMenu = {
 
 /* BGINNING OF MODAL WINDOW CONTENT SECTION */
 
+/**
+ * HTML for Add Syllable Text modal window
+ */
+export const addTextModal = `<div class="neon-modal-window-content" id="neon-modal-window-content-edit-text">
+        <label for="neon-modal-window-edit-text-input" id="neon-modal-window-edit-text-label">Enter Syllable Text:</label>
+        <input id="neon-modal-window-edit-text-input" type="text">
+        <div id="neon-modal-window-edit-text-btns">
+        <div class="neon-modal-window-btn" id="neon-modal-window-edit-text-cancel">Cancel</div>
+        <div class="neon-modal-window-btn" id="neon-modal-window-edit-text-add">Add</div>
+        </div>
+    </div>`;
+
 /**
  * HTML for Edit Syllable Text modal window
  */