ui: use hidden state for secret kind fields
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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') {
|
||||
|
||||
Reference in New Issue
Block a user