mirror of https://github.com/moparisthebest/mail
51 lines
2.6 KiB
HTML
51 lines
2.6 KiB
HTML
<div class="view-login view-login-initial" 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">
|
|
<p><b>Set passphrase.</b> The passphrase protects your keypair. If you forget your passphrase you will not be able to recover your messages.</p>
|
|
<form>
|
|
<div>
|
|
<label class="input-error-message" ng-class="{'passphrase-label-ok': passphraseRating >= 2}">{{passphraseMsg}}</label><br>
|
|
<input class="input-text" ng-class="{'input-text-error': passphraseRating < 2}" type="password" ng-model="state.passphrase" ng-change="checkPassphraseQuality()" placeholder="Enter passphrase" tabindex="1" focus-me="true">
|
|
<input class="input-text" type="password" ng-model="state.confirmation" ng-class="{'input-text-error': state.confirmation && state.confirmation !== state.passphrase}" placeholder="Confirm passphrase" tabindex="2">
|
|
<span class="popover-info" data-icon-append="" popover="#passphrase-info"></span>
|
|
</div>
|
|
<div>
|
|
<button type="submit" ng-click="confirmPassphrase()" class="btn" ng-disabled="passphraseRating < 2 || state.passphrase !== state.confirmation" tabindex="3">Generate keypair</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div ng-switch-when="2">
|
|
<p><b>Generating keypair.</b> Please stand by. This can take a while...</p>
|
|
</div>
|
|
|
|
<div ng-switch-when="4">
|
|
<p><b>Keypair generated.</b> Your personal keypair has been generated. You can export it (e.g. to a USB flash drive) to setup Whiteout Mail on another computer or as a backup.</p>
|
|
<button ng-click="exportKeypair()" class="btn" tabindex="4">Export now</button>
|
|
<button ng-click="proceed()" class="btn btn-alt" tabindex="5">Do it later</button>
|
|
</div>
|
|
|
|
</div><!--/content-->
|
|
</div>
|
|
|
|
<!-- lightbox -->
|
|
<div class="lightbox-overlay" ng-class="{'show': state.dialog.open}">
|
|
<div class="lightbox lightbox-effect view-dialog" ng-include="'tpl/dialog.html'"></div>
|
|
</div>
|
|
|
|
<!-- popovers -->
|
|
<div id="passphrase-info" class="popover right" ng-controller="PopoverCtrl">
|
|
<div class="arrow"></div>
|
|
<div class="popover-title"><b>What is this?</b></div>
|
|
<div class="popover-content">
|
|
<p>A passphrase is like a password but longer.</p>
|
|
<p>If your device is lost or stolen the passphrase protects the contents of your mailbox.</p>
|
|
<p>The passphrase should consist of multiple words that are easy to remember.</p>
|
|
<p>You cannot change your passphrase at a later time.</p>
|
|
</div>
|
|
</div><!--/.popover--> |