From 136a6458c8c9e6df2573d25c0462f13d23587c16 Mon Sep 17 00:00:00 2001 From: QuickMythril <quickmythril@protonmail.com> Date: Tue, 28 Jan 2025 04:50:54 -0500 Subject: [PATCH] add button to show/hide minter admin list in ARA board --- assets/js/ARBoard.js | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/assets/js/ARBoard.js b/assets/js/ARBoard.js index e9c90b0..09fdc98 100644 --- a/assets/js/ARBoard.js +++ b/assets/js/ARBoard.js @@ -147,6 +147,19 @@ const toggleProposeButton = () => { proposeButton.style.display === 'flex' ? 'none' : 'flex' } +const toggleAdminTable = () => { + const tableContainer = document.getElementById("adminTableContainer") + const toggleBtn = document.getElementById("toggleAdminTableButton") + + if (tableContainer.style.display === "none") { + tableContainer.style.display = "block" + toggleBtn.textContent = "Hide Minter Admins" + } else { + tableContainer.style.display = "none" + toggleBtn.textContent = "Show Minter Admins" + } +} + const fetchAllARTxData = async () => { const addAdmTx = "ADD_GROUP_ADMIN" const remAdmTx = "REMOVE_GROUP_ADMIN" @@ -279,6 +292,22 @@ const displayExistingMinterAdmins = async () => { } // 3) Build the table const tableHtml = ` + <div style="text-align: center; margin-bottom: 1em;"> + <button + id="toggleAdminTableButton" + onclick="toggleAdminTable()" + style=" + padding: 10px; + background: #444; + color: #fff; + border-radius: 5px; + cursor: pointer; + " + > + Show Minter Admins + </button> + </div> + <div id="adminTableContainer" style="display: none;"> <table style="width: 100%; border-collapse: collapse;"> <thead> <tr style="background:rgb(21, 36, 18); color:rgb(183, 208, 173); font-size: 1.5rem;"> @@ -291,6 +320,7 @@ const displayExistingMinterAdmins = async () => { ${rowsHtml} </tbody> </table> + <div> ` adminListContainer.innerHTML = ` <h3 style="color:rgb(212, 212, 212);">Existing Minter Admins: ${totalAdmins}</h3>