ui: use hidden state for secret kind fields

This commit is contained in:
a.tolmachev
2026-05-02 14:55:33 +00:00
parent 0e67879051
commit 46585fb445
2 changed files with 5 additions and 5 deletions
+2 -2
View File
@@ -202,7 +202,7 @@
<input class="field-input" id="secret-string-value" data-testid="secret-value-input" type="text" autocomplete="off">
</div>
<div class="field-row" data-kind-field="basic" style="display:none;">
<div class="field-row" data-kind-field="basic" hidden>
<div class="field-group">
<label class="field-label" data-i18n="secrets.modal.username">Username</label>
<input class="field-input" id="secret-username" data-testid="secret-username-input" type="text" autocomplete="off">
@@ -213,7 +213,7 @@
</div>
</div>
<div class="field-group" data-kind-field="json" style="display:none;">
<div class="field-group" data-kind-field="json" hidden>
<label class="field-label" data-i18n="secrets.modal.json_payload">JSON payload</label>
<textarea class="field-textarea code-textarea" id="secret-json-value" data-testid="secret-json-input" rows="8" spellcheck="false"></textarea>
<div class="field-hint" data-i18n="secrets.modal.json_hint">Useful for generic secret payloads. The value must be valid JSON.</div>
+3 -3
View File
@@ -166,13 +166,13 @@ function initSecretsPage() {
function updateKindFields() {
var kind = modalKind.value;
document.querySelectorAll('[data-kind-field="string"]').forEach(function (element) {
element.style.display = kind === 'token' || kind === 'header' ? '' : 'none';
element.hidden = !(kind === 'token' || kind === 'header');
});
document.querySelectorAll('[data-kind-field="basic"]').forEach(function (element) {
element.style.display = kind === 'username_password' ? '' : 'none';
element.hidden = kind !== 'username_password';
});
document.querySelectorAll('[data-kind-field="json"]').forEach(function (element) {
element.style.display = kind === 'generic' ? '' : 'none';
element.hidden = kind !== 'generic';
});
if (kind === 'token') {