- 1 <!-- Encryption Passphrase Modal -->
- 2 <div class="modal fade" id="encryptPassModal" tabindex="-1" aria-labelledby="encryptPassLabel" aria-hidden="true">
- 3 <div class="modal-dialog">
- 4 <div class="modal-content">
- 5 <div class="modal-header">
- 6 <h5 class="modal-title" id="encryptPassLabel">Set Encryption Passphrase</h5>
- 7 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- 8 </div>
- 9 <div class="modal-body">
- 10 <p>Enter a strong passphrase (and remember it):</p>
- 11 <input type="password" class="form-control" name="encrypt_pass" id="encryptPassInput" autocomplete="off">
- 12 <div class="mt-2">
- 13 <div class="progress" style="--height: 5px;">
- 14 <div id="passStrengthBar" class="progress-bar" role="progressbar" style="width: 0%;"></div>
- 15 </div>
- 16 <small id="passStrengthText" class="text-muted">Strength: Weak</small>
- 17 </div>
- 18 <small class="text-muted d-block mt-1">Min 12 characters; mix upper/lower, numbers, symbols.</small>
- 19 </div>
- 20 <div class="modal-footer">
- 21 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
- 22 <button type="button" class="btn btn-primary" id="encryptConfirm" disabled>Encrypt</button>
- 23 </div>
- 24 </div>
- 25 </div>
- 26 </div>
Raw Paste