passman/templates/views/vaults.html

<div class="vault_wrapper">
	<div class="vaults"
		 ng-if="!list_selected_vault && !creating_vault">
		<div class="ui-select-container ui-select-bootstrap vaultlist">
			<ul>
				<li ng-click="newVault()">+ Create a new vault</li>
				<li ng-repeat="vault in vaults"
					ng-class="{'selected': vault == list_selected_vault }"
					ng-click="selectVault(vault)">
					<div>
						<span class="ui-select-choices-row-inner">
							<div class="ng-binding ng-scope">{{vault.name}}</div>
							<small class="ng-binding ng-scope">
								Created: {{vault.created * 1000 | date:'dd-MM-yyyy @ HH:mm:ss'}}
								|
								Last accessed:
								<span ng-if="vault.last_access > 0">{{vault.last_access * 1000 | date:'dd-MM-yyyy @ HH:mm:ss'}}</span>
								<span ng-if="vault.last_access === 0">Never</span>
							</small>
						</span>
					</div>
				</li>
				<li ng-if="vaults.length === 0">No vaults found, why not create
					one?
				</li>
			</ul>

		</div>
	</div>

	<div ng-if="creating_vault">
		<div class="login_form" ng-init="vault_name = '' ">
			Please give your new vault a name.
			<div>
				<input type="text" ng-model="vault_name" required>
			</div>
			<div>
				Vault password
				<input type="password" ng-model="vault_key" required>
				<ng-password-meter password="vault_key"></ng-password-meter>
			</div>
			<div>
				Repeat vault password
				<input type="password" ng-model="vault_key2" required>
			</div>
			<div ng-show="error" class="error">
				<ul>
					<li>{{error}}</li>
				</ul>
			</div>
			<div class="button_wrapper">
				<div class="button button-geen" ng-if="!creating_keys"
					 ng-click="createVault(vault_name, vault_key, vault_key2)">
					<span>Create vault</span>

				</div>
				<div class="button" ng-if="creating_keys">
					<span>
						<i class="fa fa-spinner fa-spin"></i>
						{{creating_keys}}
					</span>
				</div>
				<div class="button button-red" ng-click="clearState()">
					Cancel
				</div>
				<div class="hidden">
					{{sharing_keys}}
				</div>
			</div>
		</div>
	</div>

	<div ng-if="list_selected_vault != false">
		<div class="vaultlist">
			<ul>
				<li ng-click="clearState()">Go back to vaults</li>
			</ul>
		</div>
		<div class="login_form">
			<div ng-show="error" class="error">
				<ul>
					<li>{{error}}</li>
				</ul>
			</div>
			Please input the password for {{list_selected_vault.name}}

			<div class="pw-input">
				<input type="password" ng-model="vault_key">
				<small class="last_access">Last accessed:
					<span ng-if="list_selected_vault.last_access > 0">{{list_selected_vault.last_access * 1000 | date:'dd-MM-yyyy @ HH:mm:ss'}}</span>
					<span ng-if="list_selected_vault.last_access === 0">Never</span>
				</small>
			</div>
			<div>
				<div>
					<label>
						<input type="checkbox" ng-checked="default_vault"
							   ng-click="toggleDefaultVault()">
						Set this vault as default.
					</label>
				</div>
				<div>
					<label>
						<input type="checkbox"
							   ng-checked="remember_vault_password"
							   ng-click="toggleRememberPassword()">
						Login automatically to this vault.
					</label>
				</div>
			</div>
			<div class="button button-geen"
				 ng-click="loginToVault(list_selected_vault, vault_key)">
				Decrypt vault
			</div>
		</div>
	</div>

</div>