Improve soundbox ops dashboard and registry editing

This commit is contained in:
Wira Basalamah
2026-06-08 15:56:12 +07:00
parent 836eb7db85
commit 67dc286c1a
18 changed files with 768 additions and 120 deletions

View File

@ -175,7 +175,7 @@
<div class="flex items-center gap-4 flex-1">
<div class="relative w-full max-w-md">
<span class="material-symbols-outlined absolute left-3 top-1/2 -translate-y-1/2 text-slate-400">search</span>
<input class="w-full pl-10 pr-4 py-2 bg-surface-container-low border-none rounded-full text-body-md focus:ring-2 focus:ring-primary/20" placeholder="Search merchants, devices, or IDs..." type="text"/>
<input id="merchant-detail-search" class="w-full pl-10 pr-4 py-2 bg-surface-container-low border-none rounded-full text-body-md focus:ring-2 focus:ring-primary/20" placeholder="Search merchants, devices, or IDs..." type="text"/>
</div>
</div>
<div class="flex items-center gap-6">
@ -570,6 +570,18 @@
}
};
// Keep existing button micro-interactions
document.getElementById("merchant-detail-search")?.addEventListener("keydown", (event) => {
const input = event.currentTarget;
if (event.key === "Escape" && input.value) {
input.value = "";
return;
}
if (event.key === "Enter" && input.value.trim()) {
window.location.href = `/ui/merchant-list-management?q=${encodeURIComponent(input.value.trim())}`;
}
});
// Keep existing button micro-interactions
document.querySelectorAll("button").forEach((btn) => {
btn.addEventListener("mousedown", () => {