Made some formatting tweaks to the authentication settings view to unify section header styling.

Corrected improper markup introduced by recent PR for password complexity requirements.
This commit is contained in:
Matt Scott 2023-03-17 15:50:08 -04:00
parent 4a6d31cfa4
commit a25dda8ac1

View File

@ -78,89 +78,99 @@
<h3 class="card-title">Basic Settings</h3> <h3 class="card-title">Basic Settings</h3>
</div> </div>
<!-- /.card-header --> <!-- /.card-header -->
<fieldset> <div class="card-body">
<div class="card-body"> <fieldset>
<div class="form-group">
<input type="checkbox" id="local_db_enabled" </fieldset>
name="local_db_enabled" <div class="form-group">
class="checkbox" <input type="checkbox" id="local_db_enabled"
{% if SETTING.get('local_db_enabled') %}checked{% endif %}> name="local_db_enabled"
<label for="local_db_enabled">Local DB class="checkbox"
Authentication</label> {% if SETTING.get('local_db_enabled') %}checked{% endif %}>
</div> <label for="local_db_enabled">Local DB
<div class="form-group"> Authentication</label>
<input type="checkbox" id="signup_enabled"
name="signup_enabled"
class="checkbox"
{% if SETTING.get('signup_enabled') %}checked{% endif %}>
<label for="signup_enabled">Allow users to sign
up</label>
</div>
</div> </div>
</fieldset> <div class="form-group">
<fieldset> <input type="checkbox" id="signup_enabled"
<legend>PASSWORD REQUIREMENTS</legend> name="signup_enabled"
<div class="card-body"> class="checkbox"
{% if SETTING.get('signup_enabled') %}checked{% endif %}>
<label for="signup_enabled">Allow users to sign
up</label>
</div>
<fieldset>
<legend>Password Requirements</legend>
<div class="form-group"> <div class="form-group">
<input type="checkbox" id="pwd_enforce_characters" <input type="checkbox" id="pwd_enforce_characters"
name="pwd_enforce_characters" class="checkbox" name="pwd_enforce_characters"
{% if SETTING.get('pwd_enforce_characters') %}checked{% endif %}> class="checkbox"
{% if SETTING.get('pwd_enforce_characters') %}checked{% endif %}>
<label for="pwd_enforce_characters"> <label for="pwd_enforce_characters">
Enforce Character Requirements Enforce Character Requirements
</label> </label>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="pwd_min_len">Minimum Password Length</label> <label for="pwd_min_len">Minimum Password
Length</label>
<input type="text" class="form-control" <input type="text" class="form-control"
name="pwd_min_len" id="pwd_min_len" name="pwd_min_len" id="pwd_min_len"
data-error="Please enter a minimum password length" data-error="Please enter a minimum password length"
value="{{ SETTING.get('pwd_min_len') }}"> value="{{ SETTING.get('pwd_min_len') }}">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="pwd_min_lowercase">Minimum Lowercase Characters</label> <label for="pwd_min_lowercase">Minimum Lowercase
Characters</label>
<input type="text" class="form-control" <input type="text" class="form-control"
name="pwd_min_lowercase" id="pwd_min_lowercase" name="pwd_min_lowercase"
data-error="Please enter the minimum number of lowercase letters required" id="pwd_min_lowercase"
value="{{ SETTING.get('pwd_min_lowercase') }}"> data-error="Please enter the minimum number of lowercase letters required"
value="{{ SETTING.get('pwd_min_lowercase') }}">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="pwd_min_uppercase">Minimum Uppercase Characters</label> <label for="pwd_min_uppercase">Minimum Uppercase
Characters</label>
<input type="text" class="form-control" <input type="text" class="form-control"
name="pwd_min_uppercase" id="pwd_min_uppercase" name="pwd_min_uppercase"
data-error="Please enter the minimum number of uppercase letters required" id="pwd_min_uppercase"
value="{{ SETTING.get('pwd_min_uppercase') }}"> data-error="Please enter the minimum number of uppercase letters required"
value="{{ SETTING.get('pwd_min_uppercase') }}">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="pwd_min_digits">Minimum Digit Characters</label> <label for="pwd_min_digits">Minimum Digit
Characters</label>
<input type="text" class="form-control" <input type="text" class="form-control"
name="pwd_min_digits" id="pwd_min_digits" name="pwd_min_digits" id="pwd_min_digits"
data-error="Please enter the minimum number of digits required" data-error="Please enter the minimum number of digits required"
value="{{ SETTING.get('pwd_min_digits') }}"> value="{{ SETTING.get('pwd_min_digits') }}">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="pwd_min_special">Minimum Special Characters</label> <label for="pwd_min_special">Minimum Special
Characters</label>
<input type="text" class="form-control" <input type="text" class="form-control"
name="pwd_min_special" id="pwd_min_special" name="pwd_min_special" id="pwd_min_special"
data-error="Please enter the minimum number of special characters required" data-error="Please enter the minimum number of special characters required"
value="{{ SETTING.get('pwd_min_special') }}"> value="{{ SETTING.get('pwd_min_special') }}">
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="checkbox" id="pwd_enforce_complexity" <input type="checkbox" id="pwd_enforce_complexity"
name="pwd_enforce_complexity" class="checkbox" name="pwd_enforce_complexity"
{% if SETTING.get('pwd_enforce_complexity') %}checked{% endif %}> class="checkbox"
{% if SETTING.get('pwd_enforce_complexity') %}checked{% endif %}>
<label for="pwd_enforce_complexity"> <label for="pwd_enforce_complexity">
Enforce Complexity Requirement Enforce Complexity Requirement
</label> </label>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="pwd_min_complexity">Minimum Complexity (zxcvbn)</label> <label for="pwd_min_complexity">Minimum Complexity
(zxcvbn)</label>
<input type="text" class="form-control" <input type="text" class="form-control"
name="pwd_min_complexity" id="pwd_min_complexity" name="pwd_min_complexity"
data-error="Please enter the minimum password complexity required" id="pwd_min_complexity"
value="{{ SETTING.get('pwd_min_complexity') }}"> data-error="Please enter the minimum password complexity required"
value="{{ SETTING.get('pwd_min_complexity') }}">
</div> </div>
</div> </fieldset>
</fieldset> </div>
<!-- /.card-body --> <!-- /.card-body -->
<div class="card-footer"> <div class="card-footer">
<button type="submit" class="btn btn-primary" <button type="submit" class="btn btn-primary"
@ -186,39 +196,57 @@
<dt>Local DB Authentication</dt> <dt>Local DB Authentication</dt>
<dd>Enable/disable local database authentication.</dd> <dd>Enable/disable local database authentication.</dd>
<dt>Allow Users to Signup</dt> <dt>Allow Users to Signup</dt>
<dd>Allow users to signup. This requires local database authentication <dd>Allow users to signup. This requires local database
to be enabled.</dd> authentication
<legend>PASSWORD REQUIREMENTS</legend> to be enabled.
This section allows you to customize your local DB password requirements </dd>
and ensure that when users change their password or signup they are <h4>Password Requirements</h4>
picking strong passwords. <dd>This section allows you to customize your local DB password
<br/> requirements
Setting any entry field to a blank value will revert it back to default. and ensure that when users change their password or signup
they are
picking strong passwords.</dd>
<dd>Setting any entry field to a blank value will revert it back
to default.</dd>
<dt>Enforce Character Requirements</dt> <dt>Enforce Character Requirements</dt>
<dd>This option will enforce the character type requirements for <dd>This option will enforce the character type requirements
for
passwords. passwords.
<ul> <ul>
<li>Minimum Lowercase Characters - Minimum number of lowercase <li>Minimum Lowercase Characters - Minimum number of
characters required to appear in the password.</li> lowercase
<li>Minimum Uppercase Characters - Minimum number of uppercase characters required to appear in the password.
characters required to appear in the password.</li> </li>
<li>Minimum Digit Characters - Minimum number of digits <li>Minimum Uppercase Characters - Minimum number of
required to appear in the password. Digits include uppercase
1234567890.</li> characters required to appear in the password.
<li>Minimum Special Characters - Minimum number of special </li>
characters required to appear in the password. Special <li>Minimum Digit Characters - Minimum number of
digits
required to appear in the password. Digits
include
1234567890.
</li>
<li>Minimum Special Characters - Minimum number of
special
characters required to appear in the password.
Special
characters include characters include
`!@#$%^&amp;*()_-=+[]\{}|;:",.&gt;&lt;/?.</li> `!@#$%^&amp;*()_-=+[]\{}|;:",.&gt;&lt;/?.
</li>
</ul> </ul>
</dd> </dd>
<dt>Enforce Complexity Requirement</dt> <dt>Enforce Complexity Requirement</dt>
<dd>Enable the enforcement of complex passwords. We currently use <dd>Enable the enforcement of complex passwords. We
<a href="https://github.com/dropbox/zxcvbn">zxcvbn</a> for currently use
<a href="https://github.com/dropbox/zxcvbn">zxcvbn</a>
for
determining this. determining this.
<ul> <ul>
<li>Minimum Complexity - The default value of the log factor <li>Minimum Complexity - The default value of the
is 11 as it is considered secure. More information about log factor
is 11 as it is considered secure. More
information about
the this can be found at the this can be found at
<a href="https://www.usenix.org/system/files/conference/usenixsecurity16/sec16_paper_wheeler.pdf">here</a> <a href="https://www.usenix.org/system/files/conference/usenixsecurity16/sec16_paper_wheeler.pdf">here</a>
</li> </li>
@ -289,7 +317,7 @@
</div> </div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>ADMINISTRATOR INFO</legend> <legend>Administrator Info</legend>
<div class="form-group"> <div class="form-group">
<label for="ldap_uri">LDAP URI</label> <label for="ldap_uri">LDAP URI</label>
<input type="text" class="form-control" <input type="text" class="form-control"
@ -347,7 +375,7 @@
</div> </div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>FILTERS</legend> <legend>Filters</legend>
<div class="form-group"> <div class="form-group">
<label for="ldap_filter_basic">Basic filter</label> <label for="ldap_filter_basic">Basic filter</label>
<input type="text" class="form-control" <input type="text" class="form-control"
@ -395,7 +423,7 @@
</div> </div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>GROUP SECURITY</legend> <legend>Group Security</legend>
<div class="form-group"> <div class="form-group">
<label>Status</label> <label>Status</label>
<div class="radio"> <div class="radio">
@ -738,7 +766,8 @@
<span class="help-block with-errors"></span> <span class="help-block with-errors"></span>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="google_oauth_metadata_url">Metadata URL</label> <label for="google_oauth_metadata_url">Metadata
URL</label>
<input type="text" class="form-control" <input type="text" class="form-control"
name="google_oauth_metadata_url" name="google_oauth_metadata_url"
id="google_oauth_metadata_url" id="google_oauth_metadata_url"
@ -896,7 +925,8 @@
<span class="help-block with-errors"></span> <span class="help-block with-errors"></span>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="github_oauth_metadata_url">Metadata URL</label> <label for="github_oauth_metadata_url">Metadata
URL</label>
<input type="text" class="form-control" <input type="text" class="form-control"
name="github_oauth_metadata_url" name="github_oauth_metadata_url"
id="github_oauth_metadata_url" id="github_oauth_metadata_url"
@ -1035,7 +1065,8 @@
<span class="help-block with-errors"></span> <span class="help-block with-errors"></span>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="azure_oauth_metadata_url">Metadata URL</label> <label for="azure_oauth_metadata_url">Metadata
URL</label>
<input type="text" class="form-control" <input type="text" class="form-control"
name="azure_oauth_metadata_url" name="azure_oauth_metadata_url"
id="azure_oauth_metadata_url" id="azure_oauth_metadata_url"
@ -1078,7 +1109,7 @@
</div> </div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>GROUP SECURITY</legend> <legend>Group Security</legend>
<div class="form-group"> <div class="form-group">
<label>Status</label> <label>Status</label>
<div class="radio"> <div class="radio">
@ -1129,7 +1160,7 @@
</div> </div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>AZURE GROUP ACCOUNT SYNC/CREATION</legend> <legend>Azure Group Account Sync / Creation</legend>
<div class="form-group"> <div class="form-group">
<label <label
for="azure_group_accounts_enabled">Status</label> for="azure_group_accounts_enabled">Status</label>