bsodfather/crank
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: use hidden state for api key modal sections

Browse Source
This commit is contained in:
a.tolmachev
2026-05-02 14:56:39 +00:00
parent 46585fb445
commit b938192f0d
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/ui/js/api-keys.js
+10 -10
View File
@@ -228,8 +228,8 @@ function renderTable(errorMessage) {
revokeKey(key.id);
});
} else {
actionsActive.style.display = 'none';
actionsRevoked.style.display = '';
actionsActive.hidden = true;
actionsRevoked.hidden = false;
actionsRevoked.querySelector('[title=\"Delete\"]').addEventListener('click', function() {
deleteKey(key.id);
});
@@ -242,10 +242,10 @@ function renderTable(errorMessage) {
var modal = document.getElementById('modal-create');
function openModal() {
document.getElementById('modal-form-body').style.display = '';
document.getElementById('modal-reveal-body').style.display = 'none';
document.getElementById('modal-footer-create').style.display = '';
document.getElementById('modal-footer-done').style.display = 'none';
document.getElementById('modal-form-body').hidden = false;
document.getElementById('modal-reveal-body').hidden = true;
document.getElementById('modal-footer-create').hidden = false;
document.getElementById('modal-footer-done').hidden = true;
document.getElementById('new-key-name').value = '';
selectedScopes = new Set(['read']);
renderScopes();
@@ -289,10 +289,10 @@ document.getElementById('modal-confirm-btn').addEventListener('click', async fun
var created = await createKey(name, Array.from(selectedScopes));
KEYS.unshift(created.record);
document.getElementById('reveal-key-value').textContent = created.rawKey;
document.getElementById('modal-form-body').style.display = 'none';
document.getElementById('modal-reveal-body').style.display = '';
document.getElementById('modal-footer-create').style.display = 'none';
document.getElementById('modal-footer-done').style.display = '';
document.getElementById('modal-form-body').hidden = true;
document.getElementById('modal-reveal-body').hidden = false;
document.getElementById('modal-footer-create').hidden = true;
document.getElementById('modal-footer-done').hidden = false;
renderTable();
if (window.CrankUi) {
window.CrankUi.success(