<div class="field-header">Change Username</div>
<div class="field-group">
<div class="field-wrapper">
<label>New Username:</label>
<input type="text" id="display_name" />
</div>
<button class="field-group-button" id="save_display_name">Save</button>
</div>
<div class="field-header">Change Password</div>
<div class="field-group">
<div class="field-wrapper">
<label>Current Password:</label>
<input type="password" id="current_password" />
</div>
<div class="field-wrapper">
<label>New Password:</label>
<input type="password" id="new_password" />
<progress class="password-strength-meter" max="4" value="0"></progress>
<div class="password-strength-message"></div>
</div>
<div class="field-wrapper">
<label>Confirm Password:</label>
<input type="password" id="confirm_password" />
</div>
<button class="field-group-button" id="save_new_password">Save</button>
</div>
<div class="field-header">Import and Export</div>
<div class="field-group">
<button class="field-group-button" id="import-button">Import</button>
<button class="field-group-button" id="export-button">Export</button>
</div>
<div class="field-header">Logs</div>
<div class="field-group">
<div class="field-wrapper">
<div id="logs_enabled_message">
Logs Enabled - Size: <span id="logs_size"></span>
</div>
If you are having issues, please do the following:
<div style="margin-left: 20px;">
<div id="logs_disabled_message">
<li>Click "Enable Logs"</li>
<li>Repeat the steps that caused the problem</li>
</div>
<li>Click "Export Logs"</li>
</div>
<button id="toggle_logs"></button>
<button id="export_logs">Export Logs</button>
</div>
</div>