mirror of
https://github.com/moparisthebest/mail
synced 2024-08-13 16:43:47 -04:00
cf1f60fbf9
* add spinners to all login pages * use inline error messages in all form instead of scope.onError * create newsletter service
55 lines
2.4 KiB
HTML
55 lines
2.4 KiB
HTML
<section class="page" ng-class="{'u-waiting-cursor': state.ui === 3}">
|
|
<div class="page__canvas">
|
|
<header class="page__header">
|
|
<img src="img/whiteout_logo.svg" alt="whiteout.io">
|
|
</header>
|
|
<main class="page__main">
|
|
<div ng-show="state.ui === 1">
|
|
<h2 class="typo-title">PGP key</h2>
|
|
<p class="typo-paragraph">
|
|
You can either import an existing PGP key or generate a new one.
|
|
Your private key remains on your device and is not sent to our servers.
|
|
</p>
|
|
|
|
<form class="form" name="form">
|
|
<p class="form__error-message" ng-show="errMsg">{{errMsg}}</p>
|
|
<div class="form__row">
|
|
<label class="input-checkbox">
|
|
<span class="checkbox">
|
|
<input type="checkbox" ng-model="agree">
|
|
<span class="input-checkbox__box"><svg role="presentation"><use xlink:href="#icon-check" /></svg></span>
|
|
</span>
|
|
I agree to the Whiteout Networks <a href="https://whiteout.io/terms.html" target="_blank">Terms of Service</a> and have read the <a href="https://whiteout.io/privacy-service.html" target="_blank">Privacy Policy</a>
|
|
</label>
|
|
</div>
|
|
<div class="form__row">
|
|
<label class="input-checkbox">
|
|
<span class="checkbox">
|
|
<input type="checkbox" ng-model="newsletter">
|
|
<span class="input-checkbox__box"><svg role="presentation"><use xlink:href="#icon-check" /></svg></span>
|
|
</span>
|
|
Stay up to date on Whiteout Networks products and important announcements.
|
|
</label>
|
|
</div>
|
|
<div class="form__row">
|
|
<button type="submit" ng-click="generateKey()" class="btn" tabindex="3">Generate new key</button>
|
|
</div>
|
|
<div class="form__row">
|
|
<button type="button" ng-click="importKey()" class="btn btn--secondary">Import existing key</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div ng-show="state.ui === 2">
|
|
<h2 class="typo-title">Generating key</h2>
|
|
<p class="typo-paragraph">
|
|
Please stand by. This can take a while…
|
|
</p>
|
|
<div class="spinner-block spinner-block--standalone">
|
|
<span class="spinner spinner--big"></span>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div ng-include="'tpl/page-footer.html'"></div>
|
|
</div>
|
|
</section> |