mirror of https://github.com/moparisthebest/mail
48 lines
2.4 KiB
HTML
48 lines
2.4 KiB
HTML
<div class="lightbox-body" ng-controller="PrivateKeyUploadCtrl">
|
|
<header>
|
|
<h2>Setup Key Sync</h2>
|
|
<button class="close" wo-touch="state.privateKeyUpload.toggle(false)" data-action="lightbox-close">
|
|
<svg><use xlink:href="#icon-close" /><title>Close</title></svg>
|
|
</button>
|
|
</header>
|
|
|
|
<div class="content">
|
|
<div class="dialog view-privatekey-upload">
|
|
|
|
<div class="step" ng-show="step === 1">
|
|
<p>Your keychain code can be used to securely backup and sync your PGP key between devices. This feature is experimental and not recommended for production use. <a href="https://blog.whiteout.io/2014/07/07/secure-pgp-key-sync-a-proposal/" target="_blank">Learn more</a>.</p>
|
|
|
|
<h2>{{displayedCode}}</h2>
|
|
|
|
<p>Please write down your keychain code and keep it in a safe place. Whiteout Networks cannot recover a lost code.</p>
|
|
</div>
|
|
|
|
<div class="step" ng-show="step === 2">
|
|
<p>Please confirm the keychain code you have written down.</p>
|
|
<input type="text" class="input-text" size="4" maxlength="4" ng-model="code0" focus-me="step === 2" focus-next ng-paste="handlePaste($event)"> -
|
|
<input type="text" class="input-text" size="4" maxlength="4" ng-model="code1" focus-next> -
|
|
<input type="text" class="input-text" size="4" maxlength="4" ng-model="code2" focus-next> -
|
|
<input type="text" class="input-text" size="4" maxlength="4" ng-model="code3" focus-next> -
|
|
<input type="text" class="input-text" size="4" maxlength="4" ng-model="code4" focus-next> -
|
|
<input type="text" class="input-text" size="4" maxlength="4" ng-model="code5">
|
|
</div>
|
|
|
|
<div class="step" ng-show="step === 3">
|
|
<p>Please enter a memorable name for this device e.g. "MacBook Work".</p>
|
|
<input type="text" class="input-text" ng-model="deviceName" placeholder="Device name" focus-me="step === 3">
|
|
</div>
|
|
|
|
<div class="step" ng-show="step === 4">
|
|
<div class="working">
|
|
<span class="spinner"></span>
|
|
</div><!--/.working-->
|
|
</div>
|
|
|
|
<div class="control">
|
|
<button ng-show="step > 1 && step < 4" class="btn btn--secondary" wo-touch="goBack()">Go back</button>
|
|
<button ng-show="step < 4" class="btn" wo-touch="goForward()">Continue</button>
|
|
</div>
|
|
|
|
</div><!-- /.view-privatekey-upload -->
|
|
</div><!-- /.content -->
|
|
</div><!-- /.lightbox-body --> |