Function showTypedConfirmModal

public/js/adminPanel.js:5530–5588

({ title, message, confirmText, placeholder })

}

function showTypedConfirmModal({ title, message, confirmText, placeholder }) {
  return new Promise(resolve => {
    let modal = document.getElementById("typedConfirmModal");
    if (!modal) {
      modal = document.createElement("div");
      modal.id = "typedConfirmModal";
      modal.className = "modal";
      modal.style.zIndex = "4000";
      modal.style.display = "none";
      modal.innerHTML = `
        <div class="modal-content" style="max-width:520px;">
          <div id="typedConfirmTitle" style="font-weight:600; margin-bottom:6px;"></div>
          <div id="typedConfirmMessage" style="white-space:pre-wrap; margin-bottom:10px;"></div>
          <input id="typedConfirmInput" class="form-control" type="text" autocomplete="off" />
          <div class="modal-actions" style="margin-top:12px;">
            <button id="typedConfirmYesBtn" class="btn btn-danger" disabled>Confirm</button>
            <button id="typedConfirmNoBtn" class="btn btn-secondary">Cancel</button>
          </div>
        </div>
      `;
      document.body.appendChild(modal);
    }

    const titleEl = document.getElementById("typedConfirmTitle");
    const msgEl = document.getElementById("typedConfirmMessage");
    const input = document.getElementById("typedConfirmInput");
    const yes = document.getElementById("typedConfirmYesBtn");
    const no = document.getElementById("typedConfirmNoBtn");

    if (!titleEl || !msgEl || !input || !yes || !no) {
      resolve(false);
      return;
    }

    titleEl.textContent = title || "Confirm";
    msgEl.textContent = message || "";
    input.value = "";
    input.placeholder = placeholder || "";
    yes.disabled = true;
    modal.style.display = "block";
    input.focus();

    const onInput = () => {
      yes.disabled = (input.value !== confirmText);
    };
    const cleanup = () => {
      modal.style.display = "none";
      input.removeEventListener("input", onInput);
      yes.removeEventListener("click", onYes);
      no.removeEventListener("click", onNo);
    };
    const onYes = () => { cleanup(); resolve(true); };
    const onNo = () => { cleanup(); resolve(false); };

    input.addEventListener("input", onInput);
    yes.addEventListener("click", onYes);
    no.addEventListener("click", onNo);
  });