|
|
@@ -0,0 +1,102 @@ |
|
|
|
<!DOCTYPE html> |
|
|
|
<html> |
|
|
|
<head> |
|
|
|
<meta charset="utf-8"> |
|
|
|
<link rel="stylesheet" href="vendor/css/bootstrap.min.css"/> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
|
|
|
|
<div class="container m-t-1"> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-sm-6 offset-sm-3"> |
|
|
|
<form> |
|
|
|
<legend>LessPass options <span id="message" style="color: green;"></span></legend> |
|
|
|
|
|
|
|
<fieldset class="form-group"> |
|
|
|
<label for="passwordLength">Password Length</label> |
|
|
|
<input class="form-control" placeholder="Password length" id="passwordLength" type="number" |
|
|
|
value="12" min="6" max="64"> |
|
|
|
<small class="text-muted">default password length</small> |
|
|
|
</fieldset> |
|
|
|
<fieldset class="form-group"> |
|
|
|
<label for="passwordCounter">Counter</label> |
|
|
|
<input class="form-control" id="passwordCounter" type="number" value="1" min="1"> |
|
|
|
<small class="text-muted">counter to change password value</small> |
|
|
|
</fieldset> |
|
|
|
<label>Password Options</label> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-lg-5"> |
|
|
|
<label class="c-input c-checkbox"> |
|
|
|
<input type="checkbox" id="lowercase" value="lowercase" checked> |
|
|
|
<span class="c-indicator"></span> |
|
|
|
lowercase |
|
|
|
</label> |
|
|
|
</div> |
|
|
|
<div class="col-lg-7"> |
|
|
|
<label class="c-input c-checkbox"> |
|
|
|
<input type="checkbox" id="uppercase" value="uppercase" checked> |
|
|
|
<span class="c-indicator"></span> |
|
|
|
uppercase |
|
|
|
</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-lg-5"> |
|
|
|
<label class="c-input c-checkbox"> |
|
|
|
<input type="checkbox" id="numbers" value="numbers" |
|
|
|
checked> |
|
|
|
<span class="c-indicator"></span> |
|
|
|
numbers |
|
|
|
</label> |
|
|
|
</div> |
|
|
|
<div class="col-lg-7"> |
|
|
|
<label class="c-input c-checkbox"> |
|
|
|
<input type="checkbox" id="symbols" value="symbols" |
|
|
|
checked> |
|
|
|
<span class="c-indicator"></span> |
|
|
|
symbols |
|
|
|
</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<button type="submit" class="btn btn-primary">Save</button> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- |
|
|
|
<form class="pure-form pure-form-stacked"> |
|
|
|
<fieldset> |
|
|
|
<legend>LessPass default options <span id="message" style="font-size: 80%;color: green;"></span> |
|
|
|
</legend> |
|
|
|
<label>Password Options</label> |
|
|
|
<label for="lowercase" class="pure-checkbox"> |
|
|
|
<input id="lowercase" type="checkbox" checked> lowercase |
|
|
|
</label> |
|
|
|
<label for="uppercase" class="pure-checkbox"> |
|
|
|
<input id="uppercase" type="checkbox" checked> uppercase |
|
|
|
</label> |
|
|
|
<label for="numbers" class="pure-checkbox"> |
|
|
|
<input id="numbers" type="checkbox" checked> numbers |
|
|
|
</label> |
|
|
|
<label for="symbols" class="pure-checkbox"> |
|
|
|
<input id="symbols" type="checkbox" checked> symbols |
|
|
|
</label> |
|
|
|
|
|
|
|
<label for="passwordLength">Password Length</label> |
|
|
|
<input id="passwordLength" type="number" value="12" min="6" max="64"> |
|
|
|
|
|
|
|
<label for="passwordCounter">Counter</label> |
|
|
|
<input id="passwordCounter" type="number" value="1" min="1" max="100"> |
|
|
|
|
|
|
|
<button type="submit" class="pure-button pure-button-primary">Save options</button> |
|
|
|
</fieldset> |
|
|
|
</form> |
|
|
|
--> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<script src="options.js"></script> |
|
|
|
</body> |
|
|
|
</html> |
|
|
|
|