2016-09-18 00:27:36 +02:00
|
|
|
|
<div class="header">
|
|
|
|
|
<div class="left">
|
|
|
|
|
<a ng-click="close()" href="">Close</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right">
|
2016-10-18 14:10:40 +02:00
|
|
|
|
<a ng-click="select()" ng-show="showSelect" href="">{{ i18n.select }}</a>
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
2016-10-18 14:10:40 +02:00
|
|
|
|
<div class="title">{{ i18n.generatePassword }}</div>
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
2016-09-20 03:38:29 +02:00
|
|
|
|
<div class="generate-password-block" id="generated-password">
|
|
|
|
|
{{password}}
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
<div class="list" style="margin-top: 0;">
|
|
|
|
|
<div class="list-section" style="padding-top: 0;">
|
|
|
|
|
<div class="list-section-items">
|
2016-09-28 05:19:33 +02:00
|
|
|
|
<a class="list-section-item text-primary" href="" ng-click="regenerate(true)">
|
2016-10-18 14:10:40 +02:00
|
|
|
|
{{ i18n.regeneratePassword }}
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</a>
|
2016-09-18 04:57:51 +02:00
|
|
|
|
<a class="list-section-item text-primary" href="" ngclipboard ngclipboard-error="clipboardError(e)"
|
|
|
|
|
ngclipboard-success="clipboardSuccess(e)" data-clipboard-target="#generated-password">
|
2016-10-18 14:10:40 +02:00
|
|
|
|
{{ i18n.copyPassword }}
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-section">
|
|
|
|
|
<div class="list-section-header">
|
2016-10-18 14:10:40 +02:00
|
|
|
|
{{ i18n.options }}
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
<div class="list-section-items">
|
|
|
|
|
<div class="list-section-item list-section-item-slider">
|
2016-10-18 14:10:40 +02:00
|
|
|
|
<label for="length">{{ i18n.length }}</label>
|
2016-09-20 03:38:29 +02:00
|
|
|
|
<span class="slider-value">{{slider.value}}</span>
|
|
|
|
|
<rzslider rz-slider-model="slider.value"
|
|
|
|
|
rz-slider-options="slider.options"></rzslider>
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
<div class="list-section-item list-section-item-checkbox">
|
|
|
|
|
<label for="uppercase">A-Z</label>
|
2016-09-18 04:57:51 +02:00
|
|
|
|
<input id="uppercase" type="checkbox" ng-model="options.uppercase" ng-change="saveOptions(options)">
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
<div class="list-section-item list-section-item-checkbox">
|
|
|
|
|
<label for="lowercase">a-z</label>
|
2016-09-18 04:57:51 +02:00
|
|
|
|
<input id="lowercase" type="checkbox" ng-model="options.lowercase" ng-change="saveOptions(options)">
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
<div class="list-section-item list-section-item-checkbox">
|
|
|
|
|
<label for="numbers">0-9</label>
|
2016-09-18 04:57:51 +02:00
|
|
|
|
<input id="numbers" type="checkbox" ng-model="options.number" ng-change="saveOptions(options)">
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
<div class="list-section-item list-section-item-checkbox">
|
|
|
|
|
<label for="special">!@#$%^&*</label>
|
2016-09-18 04:57:51 +02:00
|
|
|
|
<input id="special" type="checkbox" ng-model="options.special" ng-change="saveOptions(options)">
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-section">
|
|
|
|
|
<div class="list-section-items">
|
|
|
|
|
<div class="list-section-item list-section-item-input">
|
2016-10-18 14:10:40 +02:00
|
|
|
|
<label for="min-numbers">{{ i18n.minNumbers }}</label>
|
2016-09-22 19:15:42 +02:00
|
|
|
|
<input id="min-numbers" type="number" min="0" max="5" ng-model="options.minNumber"
|
|
|
|
|
ng-change="saveOptions(options)">
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
<div class="list-section-item list-section-item-input">
|
2016-10-18 14:10:40 +02:00
|
|
|
|
<label for="min-special">{{ i18n.minSpecial</label>
|
2016-09-22 19:15:42 +02:00
|
|
|
|
<input id="min-special" type="number" min="0" max="5" ng-model="options.minSpecial"
|
|
|
|
|
ng-change="saveOptions(options)">
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-section">
|
|
|
|
|
<div class="list-section-items">
|
|
|
|
|
<div class="list-section-item list-section-item-checkbox">
|
2016-10-18 14:10:40 +02:00
|
|
|
|
<label for="ambiguous">{{ i18n.avoidAmbChar }}</label>
|
2016-09-18 04:57:51 +02:00
|
|
|
|
<input id="ambiguous" type="checkbox" ng-model="options.ambiguous" ng-change="saveOptions(options)">
|
2016-09-18 00:27:36 +02:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|