mail/src/tpl/login-initial.html

36 lines
1.5 KiB
HTML

<div class="view-login" ng-class="{'waiting-cursor': state.ui === 2}">
<div class="logo-wrapper">
<div class="logo"></div>
</div><!--/logo-->
<div class="content" ng-switch on="state.ui">
<div ng-switch-when="1">
<h1>Set passphrase</h1>
<p>This is used to protect your keypair. If you forget your passphrase, there is no way to restore your data.</p>
<form>
<div>
<input type="password" ng-model="state.passphrase" placeholder="Enter passphrase" tabindex="1" focus-me="true">
<input type="password" ng-model="state.confirmation" ng-class="{error: state.confirmation !== state.passphrase}" placeholder="Confirm passphrase" tabindex="2">
</div>
<div>
<button type="submit" ng-click="confirmPassphrase()" class="btn" ng-disabled="!state.passphrase || state.passphrase !== state.confirmation" tabindex="3">Generate keypair</button>
</div>
</form>
</div>
<div ng-switch-when="2">
<h1>Generating keypair</h1>
<p>Please stand by. This can take a while...</p>
</div>
<div ng-switch-when="4">
<h1>Keypair generated</h1>
<p>Your personal keypair has been generated. You can export it (e.g. to a USB flash drive) to setup whiteout on another computer or as a backup.</p>
<button ng-click="exportKeypair()" class="btn" tabindex="4">Export now</button>
<button ng-click="forward()" class="btn" tabindex="5">Do it later</button>
</div>
</div><!--/content-->
</div>