mirror of
https://github.com/getnamingo/registry.git
synced 2025-05-16 17:46:59 +02:00
More UI fixes in CP
This commit is contained in:
Pinga
parent
d5679b68f4
commit
3dedff7c83
1 changed files with 185 additions and 198 deletions
|
|
@ -24,210 +24,197 @@
|
|||
<div class="page-body">
|
||||
<div class="container-xl">
|
||||
{% include 'partials/flash.twig' %}
|
||||
<div class="card-tabs">
|
||||
<ul class="nav nav-tabs" data-bs-toggle="tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-details" class="nav-link active" data-bs-toggle="tab">{{ __('Details') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-2fa" class="nav-link" data-bs-toggle="tab">2FA</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-webauthn" class="nav-link" data-bs-toggle="tab">WebAuthn</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-log" class="nav-link" data-bs-toggle="tab">{{ __('Log') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="card tab-pane active show" id="tabs-details">
|
||||
<div class="row row-cards">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<ul class="nav nav-tabs card-header-tabs" data-bs-toggle="tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-details" class="nav-link active" data-bs-toggle="tab">{{ __('Details') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-2fa" class="nav-link" data-bs-toggle="tab">2FA</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-webauthn" class="nav-link" data-bs-toggle="tab">WebAuthn</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-log" class="nav-link" data-bs-toggle="tab">{{ __('Log') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">{{ __('Details') }}</h3>
|
||||
<form action="{{route('change.password')}}" name="register" method="post">
|
||||
{{ csrf.field | raw }}
|
||||
<div class="datagrid">
|
||||
<div class="datagrid-item">
|
||||
<div class="datagrid-title">{{ __('User Name') }}</div>
|
||||
<div class="datagrid-content">{{ username }}</div>
|
||||
</div>
|
||||
<div class="datagrid-item">
|
||||
<div class="datagrid-title">{{ __('Email') }}</div>
|
||||
<div class="datagrid-content">{{ email }}</div>
|
||||
</div>
|
||||
<div class="datagrid-item">
|
||||
<div class="datagrid-title">{{ __('Status') }}</div>
|
||||
<div class="datagrid-content">
|
||||
<span class="status status-azure">
|
||||
{{ status }}
|
||||
</span>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active show" id="tabs-details">
|
||||
<h3 class="card-title">{{ __('Details') }}</h3>
|
||||
<form action="{{route('change.password')}}" name="register" method="post">
|
||||
{{ csrf.field | raw }}
|
||||
<div class="datagrid">
|
||||
<div class="datagrid-item">
|
||||
<div class="datagrid-title">{{ __('User Name') }}</div>
|
||||
<div class="datagrid-content">{{ username }}</div>
|
||||
</div>
|
||||
<div class="datagrid-item">
|
||||
<div class="datagrid-title">{{ __('Email') }}</div>
|
||||
<div class="datagrid-content">{{ email }}</div>
|
||||
</div>
|
||||
<div class="datagrid-item">
|
||||
<div class="datagrid-title">{{ __('Status') }}</div>
|
||||
<div class="datagrid-content">
|
||||
<span class="status status-azure">
|
||||
{{ status }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="datagrid-item">
|
||||
<div class="datagrid-title">{{ __('Role') }}</div>
|
||||
<div class="datagrid-content">
|
||||
<span class="status status-{% if role == 'Administrator' %}purple{% elseif role == 'Registrar' %}indigo{% elseif role == 'Registrar Assistant' %}azure{% endif %}">
|
||||
{{ role }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="card-title mt-4">{{ __('Change Password') }}</h3>
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-md">
|
||||
<div class="form-label required">{{ __('Old Password') }}</div>
|
||||
<input type="password" class="form-control{{ errors.old_password ? ' is-invalid' : '' }}" name="old_password" placeholder="{{ __('Enter old password') }}" required>
|
||||
{% if errors.old_password %}
|
||||
<small class="form-hint">{{ errors.old_password | first }}</small>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div class="form-label required">{{ __('New Password') }}</div>
|
||||
<input type="password" class="form-control{{ errors.new_password ? ' is-invalid' : '' }}" name="new_password" placeholder="{{ __('Enter new password') }}" required>
|
||||
{% if errors.new_password %}
|
||||
<small class="form-hint">{{ errors.new_password | first }}</small>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"></path><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"></path></svg> {{ __('Update') }}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="tab-pane" id="tabs-2fa">
|
||||
{% if secret is defined %}
|
||||
<h3 class="card-title">{{ __('Two-Factor Authentication') }} (2FA)</h3>
|
||||
<form action="{{route('activate2fa')}}" name="2fa" method="post">
|
||||
{{ csrf.field | raw }}
|
||||
<h4>1. {{ __('Download Google Authenticator app') }}</h4>
|
||||
<div class="d-flex flex-wrap justify-content-start gap-3 pb-3">
|
||||
<a target="_blank" href="https://apps.apple.com/us/app/google-authenticator/id388497605"
|
||||
class="btn btn-dark btn-pill px-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M9 7c-3 0 -4 3 -4 5.5c0 3 2 7.5 4 7.5c1.088 -.046 1.679 -.5 3 -.5c1.312 0 1.5 .5 3 .5s4 -3 4 -5c-.028 -.01 -2.472 -.403 -2.5 -3c-.019 -2.17 2.416 -2.954 2.5 -3c-1.023 -1.492 -2.951 -1.963 -3.5 -2c-1.433 -.111 -2.83 1 -3.5 1c-.68 0 -1.9 -1 -3 -1z"></path>
|
||||
<path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2"></path>
|
||||
</svg> App Store
|
||||
</a>
|
||||
<a target="_blank" href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2"
|
||||
class="btn btn-success btn-pill px-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M4 3.71v16.58a0.7 .7 0 0 0 1.05 .606l14.622 -8.42a0.55 .55 0 0 0 0 -.953l-14.622 -8.419a0.7 .7 0 0 0 -1.05 .607z"></path>
|
||||
<line x1="15" y1="9" x2="4.5" y2="20.5"></line>
|
||||
<line x1="4.5" y1="3.5" x2="15" y2="15"></line>
|
||||
</svg> Google Play
|
||||
</a>
|
||||
<a target="_blank" href="https://apps.kde.org/keysmith/"
|
||||
class="btn btn-info btn-pill px-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2">
|
||||
<path style="fill:currentColor;fill-opacity:1;stroke:none" d="M 7 3 C 6.446 3 6 3.446 6 4 C 6 4.554 6.446 5 7 5 C 7.554 5 8 4.554 8 4 C 8 3.446 7.554 3 7 3 z M 14 3 L 12 5 L 15 8 L 12 11 L 14 13 L 17 10 L 19 8 L 14 3 z M 4.5 9 C 3.669 9 3 9.669 3 10.5 C 3 11.331 3.669 12 4.5 12 C 5.331 12 6 11.331 6 10.5 C 6 9.669 5.331 9 4.5 9 z M 9 15 C 7.892 15 7 15.892 7 17 C 7 18.108 7.892 19 9 19 C 10.108 19 11 18.108 11 17 C 11 15.892 10.108 15 9 15 z "/>
|
||||
</svg> Plasma Mobile
|
||||
</a>
|
||||
</div>
|
||||
<h4>2. {{ __('Scan the QR code with your authentication app') }}</h4>
|
||||
<div class="mb-3">
|
||||
<img src="{{ qrcodeDataUri }}" alt="2FA QR Code" class="img-fluid">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<p class="font-weight-bold mb-1">{{ __('Manual Entry Secret') }}</p>
|
||||
<p class="user-select-all tracking-wide mb-0"><kbd>{{ secret }}</kbd></p>
|
||||
<small class="form-text text-muted">
|
||||
{{ __('If you\'re unable to scan the QR code, enter this secret manually into your authentication app. The secret is case-sensitive and should be entered exactly as shown.') }}
|
||||
</small>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="verificationCode" class="form-label required">3. {{ __('Verification Code') }}</label>
|
||||
<input type="number" class="form-control" id="verificationCode" name="verificationCode" placeholder="{{ __('Enter code') }}" required="required">
|
||||
<small class="form-text text-muted">
|
||||
{{ __('Enter the code generated by your authentication app. This code verifies that your 2FA setup is working correctly. Once entered, click') }} {{ __('Save 2FA Settings') }} {{ __('to activate two-factor authentication for your account.') }}
|
||||
</small>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">{{ __('Save 2FA Settings') }}</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<h3 class="card-title">{{ __('Two-Factor Authentication') }} (2FA)</h3>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="badge bg-green text-green-fg me-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><path d="M12 11m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12l0 2.5" /></svg></span>
|
||||
<div>
|
||||
<h5 class="card-title mb-1">{{ __('Your account is secured with an additional layer of protection.') }}</h5>
|
||||
<p class="text-muted mb-2">{{ __('2FA is currently') }} <strong>{{ __('enabled') }}</strong> {{ __('for your account. If you encounter any issues or need to disable 2FA, please contact our support team for assistance.') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="tab-pane" id="tabs-webauthn">
|
||||
{% if weba is defined %}
|
||||
<h3 class="card-title">{{ __('WebAuthn Authentication') }}</h3>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="badge bg-green text-green-fg me-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><path d="M12 11m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12l0 2.5" /></svg></span>
|
||||
<div>
|
||||
<h5 class="card-title mb-1">{{ __('Your account is secured with an additional layer of protection.') }}</h5>
|
||||
<p class="text-muted mb-2">{{ __('WebAuthn is currently') }} <strong>{{ __('enabled') }}</strong> {{ __('for your account. If you encounter any issues or need to disable WebAuthn, please contact our support team for assistance.') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary mt-4" id="connectWebAuthnButton">{{ __('Connect WebAuthn Device') }}</button>
|
||||
<div class="table-responsive mt-4">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{ __('Device/Browser Info') }}</th>
|
||||
<th>{{ __('Registration Date') }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for device in weba %}
|
||||
<tr>
|
||||
<td>{{ device.user_agent }}</td>
|
||||
<td>{{ device.created_at }}</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr>
|
||||
<td colspan="3">{{ __('No devices found.') }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% else %}
|
||||
{% if isWebaEnabled %}
|
||||
<h3 class="card-title">{{ __('WebAuthn Authentication') }}</h3>
|
||||
<p>{{ __('Secure your account with WebAuthn. Click the button below to register your device for passwordless sign-in.') }}</p>
|
||||
<button type="button" class="btn btn-primary" id="connectWebAuthnButton">{{ __('Connect WebAuthn Device') }}</button>
|
||||
{% else %}
|
||||
<h3 class="card-title">{{ __('WebAuthn Authentication') }}<span class="badge bg-red text-red-fg ms-2">{{ __('Disabled') }}</span></h3>
|
||||
<p>{{ __('WebAuthn is currently disabled for this installation. To enable WebAuthn authentication, please contact the registry administrator.') }}</p>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="tab-pane" id="tabs-log">
|
||||
<h3 class="card-title">{{ __('User Audit Log') }}</h3>
|
||||
<p>{{ __('Track and review all user activities in your account below. Monitor logins, profile changes, and other key actions to ensure security and transparency.') }}</p>
|
||||
<div class="table-responsive mt-4">
|
||||
<div id="auditTable"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="datagrid-item">
|
||||
<div class="datagrid-title">{{ __('Role') }}</div>
|
||||
<div class="datagrid-content">
|
||||
<span class="status status-{% if role == 'Administrator' %}purple{% elseif role == 'Registrar' %}indigo{% elseif role == 'Registrar Assistant' %}azure{% endif %}">
|
||||
{{ role }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="card-title mt-4">{{ __('Change Password') }}</h3>
|
||||
<div class="row g-3">
|
||||
<div class="col-md">
|
||||
<div class="form-label required">{{ __('Old Password') }}</div>
|
||||
<input type="password" class="form-control{{ errors.old_password ? ' is-invalid' : '' }}" name="old_password" placeholder="{{ __('Enter old password') }}" required>
|
||||
{% if errors.old_password %}
|
||||
<small class="form-hint">{{ errors.old_password | first }}</small>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div class="form-label required">{{ __('New Password') }}</div>
|
||||
<input type="password" class="form-control{{ errors.new_password ? ' is-invalid' : '' }}" name="new_password" placeholder="{{ __('Enter new password') }}" required>
|
||||
{% if errors.new_password %}
|
||||
<small class="form-hint">{{ errors.new_password | first }}</small>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer bg-transparent mt-auto">
|
||||
<div class="btn-list justify-content-end">
|
||||
<a href="{{route('home')}}" class="btn">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1"></path></svg> {{ __('Back') }}
|
||||
</a>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"></path><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"></path></svg> {{ __('Update') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="card tab-pane" id="tabs-2fa">
|
||||
{% if secret is defined %}
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">{{ __('Two-Factor Authentication') }} (2FA)</h3>
|
||||
<form action="{{route('activate2fa')}}" name="2fa" method="post">
|
||||
{{ csrf.field | raw }}
|
||||
<h4>1. {{ __('Download Google Authenticator app') }}</h4>
|
||||
<div class="d-flex flex-wrap justify-content-start gap-3 pb-3">
|
||||
<a target="_blank" href="https://apps.apple.com/us/app/google-authenticator/id388497605"
|
||||
class="btn btn-dark btn-pill px-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M9 7c-3 0 -4 3 -4 5.5c0 3 2 7.5 4 7.5c1.088 -.046 1.679 -.5 3 -.5c1.312 0 1.5 .5 3 .5s4 -3 4 -5c-.028 -.01 -2.472 -.403 -2.5 -3c-.019 -2.17 2.416 -2.954 2.5 -3c-1.023 -1.492 -2.951 -1.963 -3.5 -2c-1.433 -.111 -2.83 1 -3.5 1c-.68 0 -1.9 -1 -3 -1z"></path>
|
||||
<path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2"></path>
|
||||
</svg> App Store
|
||||
</a>
|
||||
<a target="_blank" href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2"
|
||||
class="btn btn-success btn-pill px-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M4 3.71v16.58a0.7 .7 0 0 0 1.05 .606l14.622 -8.42a0.55 .55 0 0 0 0 -.953l-14.622 -8.419a0.7 .7 0 0 0 -1.05 .607z"></path>
|
||||
<line x1="15" y1="9" x2="4.5" y2="20.5"></line>
|
||||
<line x1="4.5" y1="3.5" x2="15" y2="15"></line>
|
||||
</svg> Google Play
|
||||
</a>
|
||||
<a target="_blank" href="https://apps.kde.org/keysmith/"
|
||||
class="btn btn-info btn-pill px-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2">
|
||||
<path style="fill:currentColor;fill-opacity:1;stroke:none" d="M 7 3 C 6.446 3 6 3.446 6 4 C 6 4.554 6.446 5 7 5 C 7.554 5 8 4.554 8 4 C 8 3.446 7.554 3 7 3 z M 14 3 L 12 5 L 15 8 L 12 11 L 14 13 L 17 10 L 19 8 L 14 3 z M 4.5 9 C 3.669 9 3 9.669 3 10.5 C 3 11.331 3.669 12 4.5 12 C 5.331 12 6 11.331 6 10.5 C 6 9.669 5.331 9 4.5 9 z M 9 15 C 7.892 15 7 15.892 7 17 C 7 18.108 7.892 19 9 19 C 10.108 19 11 18.108 11 17 C 11 15.892 10.108 15 9 15 z "/>
|
||||
</svg> Plasma Mobile
|
||||
</a>
|
||||
</div>
|
||||
<h4>2. {{ __('Scan the QR code with your authentication app') }}</h4>
|
||||
<div class="mb-3">
|
||||
<img src="{{ qrcodeDataUri }}" alt="2FA QR Code" class="img-fluid">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<p class="font-weight-bold mb-1">{{ __('Manual Entry Secret') }}</p>
|
||||
<p class="user-select-all tracking-wide mb-0"><kbd>{{ secret }}</kbd></p>
|
||||
<small class="form-text text-muted">
|
||||
{{ __('If you\'re unable to scan the QR code, enter this secret manually into your authentication app. The secret is case-sensitive and should be entered exactly as shown.') }}
|
||||
</small>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="verificationCode" class="form-label required">3. {{ __('Verification Code') }}</label>
|
||||
<input type="number" class="form-control" id="verificationCode" name="verificationCode" placeholder="{{ __('Enter code') }}" required="required">
|
||||
<small class="form-text text-muted">
|
||||
{{ __('Enter the code generated by your authentication app. This code verifies that your 2FA setup is working correctly. Once entered, click') }} {{ __('Save 2FA Settings') }} {{ __('to activate two-factor authentication for your account.') }}
|
||||
</small>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">{{ __('Save 2FA Settings') }}</button>
|
||||
</form>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">{{ __('Two-Factor Authentication') }} (2FA)</h3>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="badge bg-green text-green-fg me-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><path d="M12 11m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12l0 2.5" /></svg></span>
|
||||
<div>
|
||||
<h5 class="card-title mb-1">{{ __('Your account is secured with an additional layer of protection.') }}</h5>
|
||||
<p class="text-muted mb-2">{{ __('2FA is currently') }} <strong>{{ __('enabled') }}</strong> {{ __('for your account. If you encounter any issues or need to disable 2FA, please contact our support team for assistance.') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="card tab-pane" id="tabs-webauthn">
|
||||
{% if weba is defined %}
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">{{ __('WebAuthn Authentication') }}</h3>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="badge bg-green text-green-fg me-3"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><path d="M12 11m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12l0 2.5" /></svg></span>
|
||||
<div>
|
||||
<h5 class="card-title mb-1">{{ __('Your account is secured with an additional layer of protection.') }}</h5>
|
||||
<p class="text-muted mb-2">{{ __('WebAuthn is currently') }} <strong>{{ __('enabled') }}</strong> {{ __('for your account. If you encounter any issues or need to disable WebAuthn, please contact our support team for assistance.') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary mt-4" id="connectWebAuthnButton">{{ __('Connect WebAuthn Device') }}</button>
|
||||
<div class="table-responsive mt-4">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{ __('Device/Browser Info') }}</th>
|
||||
<th>{{ __('Registration Date') }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for device in weba %}
|
||||
<tr>
|
||||
<td>{{ device.user_agent }}</td>
|
||||
<td>{{ device.created_at }}</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr>
|
||||
<td colspan="3">{{ __('No devices found.') }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
{% if isWebaEnabled %}
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">{{ __('WebAuthn Authentication') }}</h3>
|
||||
<p>{{ __('Secure your account with WebAuthn. Click the button below to register your device for passwordless sign-in.') }}</p>
|
||||
<button type="button" class="btn btn-primary" id="connectWebAuthnButton">{{ __('Connect WebAuthn Device') }}</button>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">{{ __('WebAuthn Authentication') }}<span class="badge bg-red text-red-fg ms-2">{{ __('Disabled') }}</span></h3>
|
||||
<p>{{ __('WebAuthn is currently disabled for this installation. To enable WebAuthn authentication, please contact the registry administrator.') }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="card tab-pane" id="tabs-log">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">{{ __('User Audit Log') }}</h3>
|
||||
<p>{{ __('Track and review all user activities in your account below. Monitor logins, profile changes, and other key actions to ensure security and transparency.') }}</p>
|
||||
<div class="table-responsive mt-4">
|
||||
<div id="auditTable"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'partials/footer.twig' %}
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue