1
0
mirror of https://github.com/bitwarden/browser synced 2026-01-06 10:33:57 +00:00

setup and stub out password generator page

This commit is contained in:
Kyle Spearrin
2016-09-17 18:27:36 -04:00
parent 36b580d60a
commit d0ca428d90
9 changed files with 138 additions and 35 deletions

View File

@@ -0,0 +1,72 @@
<div class="header">
<div class="left">
<a ng-click="close()" href="">Close</a>
</div>
<div class="right">
<a ng-click="select()" href="">Select</a>
</div>
<div class="title">Generate Password</div>
</div>
<div class="content">
<div style="margin: 20px; font-size: 20px; text-align: center;">
<span id="generated-password">*&Houhdasdy87</span>
</div>
<div class="list" style="margin-top: 0;">
<div class="list-section" style="padding-top: 0;">
<div class="list-section-items">
<a class="list-section-item" href="#">
Regenerate Password
</a>
<a class="list-section-item" href="#">
Copy Password
</a>
</div>
</div>
<div class="list-section">
<div class="list-section-header">
Options
</div>
<div class="list-section-items">
<div class="list-section-item list-section-item-slider">
<label for="length">Length</label>
</div>
<div class="list-section-item list-section-item-checkbox">
<label for="uppercase">A-Z</label>
<input id="uppercase" type="checkbox">
</div>
<div class="list-section-item list-section-item-checkbox">
<label for="lowercase">a-z</label>
<input id="lowercase" type="checkbox">
</div>
<div class="list-section-item list-section-item-checkbox">
<label for="numbers">0-9</label>
<input id="numbers" type="checkbox">
</div>
<div class="list-section-item list-section-item-checkbox">
<label for="special">!@#$%^&*</label>
<input id="special" type="checkbox">
</div>
</div>
</div>
<div class="list-section">
<div class="list-section-items">
<div class="list-section-item list-section-item-input">
<label for="min-numbers">Minimum Numbers</label>
<input id="min-numbers" type="number" min="0" max="5">
</div>
<div class="list-section-item list-section-item-input">
<label for="min-special">Minimum Special</label>
<input id="min-special" type="number" min="0" max="5">
</div>
</div>
</div>
<div class="list-section">
<div class="list-section-items">
<div class="list-section-item list-section-item-checkbox">
<label for="ambiguous">Avoid Ambiguous Characters</label>
<input id="ambiguous" type="checkbox">
</div>
</div>
</div>
</div>
</div>