pr review comment

Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
This commit is contained in:
Erik Jan de Wit 2024-07-09 12:26:58 +02:00 committed by Stan Silvert
parent 00fc01ab06
commit 236f22a472

View file

@ -6,40 +6,46 @@
${msg("recovery-code-config-header")} ${msg("recovery-code-config-header")}
<#elseif section = "form"> <#elseif section = "form">
<!-- warning --> <!-- warning -->
<div class="pf-c-alert pf-m-warning pf-m-inline ${properties.kcRecoveryCodesWarning!}" aria-label="Warning alert"> <div class="pf-v5-c-alert pf-m-warning pf-m-inline pf-v5-u-mb-md ${properties.kcRecoveryCodesWarning!}" aria-label="Warning alert">
<div class="pf-c-alert__icon"> <div class="pf-v5-c-alert__icon">
<i class="pficon-warning-triangle-o" aria-hidden="true"></i> <i class="fas fa-fw fa-bell" aria-hidden="true"></i>
</div> </div>
<h4 class="pf-c-alert__title"> <h4 class="pf-v5-c-alert__title">
<span class="pf-screen-reader">Warning alert:</span> <span class="pf-screen-reader">Warning alert:</span>
${msg("recovery-code-config-warning-title")} ${msg("recovery-code-config-warning-title")}
</h4> </h4>
<div class="pf-c-alert__description"> <div class="pf-v5-c-alert__description">
<p>${msg("recovery-code-config-warning-message")}</p> <p>${msg("recovery-code-config-warning-message")}</p>
</div> </div>
</div> </div>
<ol id="kc-recovery-codes-list" class="${properties.kcRecoveryCodesList!}"> <div class="pf-v5-c-panel pf-m-raised">
<div class="pf-v5-c-panel__main">
<div class="pf-v5-c-panel__main-body">
<ol id="kc-recovery-codes-list" class="pf-v5-c-list ${properties.kcRecoveryCodesList!}" role="list">
<#list recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesList as code> <#list recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesList as code>
<li><span>${code?counter}:</span> ${code[0..3]}-${code[4..7]}-${code[8..]}</li> <li>${code[0..3]}-${code[4..7]}-${code[8..]}</li>
</#list> </#list>
</ol> </ol>
</div>
</div>
</div>
<!-- actions --> <!-- actions -->
<div class="${properties.kcRecoveryCodesActions!}"> <div class="${properties.kcRecoveryCodesActions!}">
<button id="printRecoveryCodes" class="pf-c-button pf-m-link" type="button"> <button id="printRecoveryCodes" class="pf-v5-c-button pf-m-link" type="button">
<i class="pficon-print"></i> ${msg("recovery-codes-print")} <i class="fas fa-print"></i> ${msg("recovery-codes-print")}
</button> </button>
<button id="downloadRecoveryCodes" class="pf-c-button pf-m-link" type="button"> <button id="downloadRecoveryCodes" class="pf-v5-c-button pf-m-link" type="button">
<i class="pficon-save"></i> ${msg("recovery-codes-download")} <i class="fas fa-download"></i> ${msg("recovery-codes-download")}
</button> </button>
<button id="copyRecoveryCodes" class="pf-c-button pf-m-link" type="button"> <button id="copyRecoveryCodes" class="pf-v5-c-button pf-m-link" type="button">
<i class="pficon-blueprint"></i> ${msg("recovery-codes-copy")} <i class="fas fa-copy"></i> ${msg("recovery-codes-copy")}
</button> </button>
</div> </div>
<!-- confirmation checkbox --> <!-- confirmation checkbox -->
<div class="${properties.kcFormOptionsClass!}"> <div class="${properties.kcFormOptionsClass!} pf-v5-u-mt-md">
<input class="${properties.kcCheckInputClass!}" type="checkbox" id="kcRecoveryCodesConfirmationCheck" name="kcRecoveryCodesConfirmationCheck" <input class="${properties.kcCheckInputClass!}" type="checkbox" id="kcRecoveryCodesConfirmationCheck" name="kcRecoveryCodesConfirmationCheck"
onchange="document.getElementById('saveRecoveryAuthnCodesBtn').disabled = !this.checked;" onchange="document.getElementById('saveRecoveryAuthnCodesBtn').disabled = !this.checked;"
/> />
@ -59,7 +65,7 @@
disabled disabled
/> />
<button type="submit" <button type="submit"
class="${properties.kcButtonClass!} ${properties.kcButtonDefaultClass!} ${properties.kcButtonLargeClass!} ${properties.kcButtonLargeClass!}" class="${properties.kcButtonClass!} ${properties.kcButtonDefaultClass!} ${properties.kcButtonLargeClass!} pf-m-link
id="cancelRecoveryAuthnCodesBtn" name="cancel-aia" value="true" />${msg("recovery-codes-action-cancel")} id="cancelRecoveryAuthnCodesBtn" name="cancel-aia" value="true" />${msg("recovery-codes-action-cancel")}
</button> </button>
<#else> <#else>