diff --git a/h5/hyapp/recharge-center/index.html b/h5/hyapp/recharge-center/index.html index 2187ab5..3b45175 100644 --- a/h5/hyapp/recharge-center/index.html +++ b/h5/hyapp/recharge-center/index.html @@ -4,7 +4,7 @@ Recharge Center - +
@@ -43,7 +43,7 @@ - +
@@ -238,6 +238,6 @@ - + diff --git a/h5/hyapp/recharge-center/script.js b/h5/hyapp/recharge-center/script.js index 8b3ba5f..99f9027 100644 --- a/h5/hyapp/recharge-center/script.js +++ b/h5/hyapp/recharge-center/script.js @@ -23,6 +23,8 @@ whatsapp_label: "WhatsApp:", add_whatsapp: "+ add whatsapp", add_whatsapp_title: "Add WhatsApp", + edit_whatsapp: "Edit", + edit_whatsapp_title: "Edit WhatsApp", whatsapp_placeholder: "Enter WhatsApp", whatsapp_required: "Please enter WhatsApp", whatsapp_too_long: "WhatsApp cannot exceed 64 characters", @@ -103,6 +105,8 @@ whatsapp_label: "WhatsApp:", add_whatsapp: "+ إضافة واتساب", add_whatsapp_title: "إضافة واتساب", + edit_whatsapp: "تعديل", + edit_whatsapp_title: "تعديل واتساب", whatsapp_placeholder: "أدخل واتساب", whatsapp_required: "يرجى إدخال واتساب", whatsapp_too_long: "لا يمكن أن يتجاوز واتساب 64 حرفا", @@ -183,6 +187,8 @@ whatsapp_label: "WhatsApp:", add_whatsapp: "+ WhatsApp ekle", add_whatsapp_title: "WhatsApp ekle", + edit_whatsapp: "Duzenle", + edit_whatsapp_title: "WhatsApp duzenle", whatsapp_placeholder: "WhatsApp gir", whatsapp_required: "Lutfen WhatsApp girin", whatsapp_too_long: "WhatsApp 64 karakteri gecemez", @@ -263,6 +269,8 @@ whatsapp_label: "WhatsApp:", add_whatsapp: "+ tambah whatsapp", add_whatsapp_title: "Tambah WhatsApp", + edit_whatsapp: "Ubah", + edit_whatsapp_title: "Ubah WhatsApp", whatsapp_placeholder: "Masukkan WhatsApp", whatsapp_required: "Masukkan WhatsApp", whatsapp_too_long: "WhatsApp tidak boleh lebih dari 64 karakter", @@ -835,10 +843,16 @@ if (text) { text.textContent = whatsapp; text.hidden = !whatsapp; + text.disabled = !whatsapp; + if (whatsapp) { + text.setAttribute("aria-label", `${message("edit_whatsapp")}: ${whatsapp}`); + } else { + text.removeAttribute("aria-label"); + } } if (button) { - button.hidden = Boolean(whatsapp); - button.textContent = message("add_whatsapp"); + button.hidden = false; + button.textContent = whatsapp ? message("edit_whatsapp") : message("add_whatsapp"); } } @@ -1020,9 +1034,11 @@ function renderWhatsappModal() { const modal = document.querySelector("#whatsappModal"); + const title = document.querySelector("#whatsappTitle"); const input = document.querySelector("#whatsappInput"); const button = document.querySelector("#saveWhatsappButton"); if (modal) modal.hidden = !state.whatsappOpen; + if (title) title.textContent = state.whatsapp ? message("edit_whatsapp_title") : message("add_whatsapp_title"); if (input && document.activeElement !== input) input.value = state.whatsappDraft; if (button) { button.disabled = state.whatsappSaving || !String(state.whatsappDraft || "").trim(); @@ -1988,7 +2004,9 @@ document.querySelector("[data-change-target]")?.addEventListener("click", changeTarget); document.querySelector("[data-help-open]")?.addEventListener("click", () => setModalOpen("#helpModal", true)); document.querySelector("[data-history-open]")?.addEventListener("click", () => openHistoryModal()); - document.querySelector("[data-whatsapp-open]")?.addEventListener("click", openWhatsappModal); + document.querySelectorAll("[data-whatsapp-open]").forEach((node) => { + node.addEventListener("click", openWhatsappModal); + }); document.querySelector("#whatsappInput")?.addEventListener("input", (event) => { state.whatsappDraft = String(event.target.value || ""); if (state.whatsappStatusText) setWhatsappStatus(""); diff --git a/h5/hyapp/recharge-center/style.css b/h5/hyapp/recharge-center/style.css index ef4a60d..f5b49c2 100644 --- a/h5/hyapp/recharge-center/style.css +++ b/h5/hyapp/recharge-center/style.css @@ -622,7 +622,8 @@ button { gap: 8px; } -.whatsapp-meta span { +.whatsapp-meta span, +.whatsapp-value-button { min-width: 0; overflow: hidden; text-overflow: ellipsis; @@ -655,11 +656,27 @@ button { .whatsapp-add-button { color: #0aa397; + cursor: pointer; font-size: 13px; font-weight: 950; line-height: 1.2; } +.whatsapp-value-button { + max-width: 160px; + color: var(--muted); + cursor: pointer; + font-size: 13px; + font-weight: 750; + line-height: 1.2; + text-align: left; +} + +.whatsapp-value-button:active, +.whatsapp-add-button:active { + color: #087f76; +} + .mini-action { min-width: 78px; min-height: 36px;