passman/templates/views/partials/forms/edit_credential/password.html

<div class="row">
	<div class="col-xs-12 col-md-5 col-lg-5">

		<label>Password</label>
		<div>
			<password-gen ng-model="storedCredential.password"
						  settings="pwSettings" callback="pwGenerated"></password-gen>
			<ng-password-meter
					password="storedCredential.password"></ng-password-meter>
		</div>
		<label>Repeat password</label>
		<div>
			<input type="password" ng-model="storedCredential.password_repeat">
		</div>
		<label>Expire date</label>
		<div>
			<span datetime-picker ng-model="storedCredential.expire_time" class="link"
				  future-only ng-show="storedCredential.expire_time == 0"

				  close-on-select="false"
			> No expire date set</span>
			<span datetime-picker ng-model="storedCredential.expire_time"  class="link"
				  future-only ng-show="storedCredential.expire_time != 0"

				  close-on-select="false"> {{ storedCredential.expire_time | date:'dd-MM-yyyy @ HH:mm:ss'}}</span>

		</div>
		<label>Renew interval</label>
		<div>
			<input type="number" ng-model="renewIntervalValue" min="0" ng-change="updateInterval(renewIntervalValue, renewIntervalModifier)">
			<select ng-model="renewIntervalModifier" ng-change="updateInterval(renewIntervalValue, renewIntervalModifier)">
				<option value="0">Disabled</option>
				<option value="86400">Day(s)</option>
				<option value="604800">Week(s)</option>
				<option value="2592000">Month(s)</option>
				<option value="31622400">Year(s)</option>
			</select>
		</div>
	</div>
	<div class="col-xs-12 col-md-7 col-lg-7">
		Password generation settings

		<div class="row">
		<div class="password_settings">
			<div class="col-xs-12 col-sm-5 col-lg-4">
				<label>
					<span class="label">Password length</span><br />
					<input type="number" ng-model="pwSettings.length" min="1">

				</label>
				<label>
					<span class="label">Minimum amount of digits</span><br />
					<input type="number" ng-model="pwSettings.minimumDigitCount" min="0">

				</label>
			</div>
			<div class="col-xs-12 col-sm-6 col-lg-6">
				<label>
					<input type="checkbox"
						   ng-model="pwSettings.useUppercase">
					<span class="label sm">Use uppercase letters</span>
				</label>
				<label>
				<input
						ng-model="pwSettings.useLowercase" type="checkbox"
						id="lower">
					<span class="label sm">Use lowercase letters</span>
				</label>
				<label>
				<input ng-model="pwSettings.useDigits" type="checkbox"
					   id="digits">
					<span class="label sm">Use numbers</span>
				</label>
				<label>
				<input type="checkbox" id="special"
					   ng-model="pwSettings.useSpecialChars">
					<span class="label sm">Use special characters</span>
				</label>
				<label>
				<input type="checkbox" id="ambig"
					   ng-model="pwSettings.avoidAmbiguousCharacters">
					<span class="label sm">Avoid ambiguous characters</span>
				</label>
				<label>
					<input type="checkbox" ng-model="pwSettings.requireEveryCharType"
						   id="reqevery">
					<span class="label sm">Require every character type</span>
				</label>
			</div>
		</div>
	</div>
	</div>
</div>