2013-11-11 07:28:05 -05:00
< div class = "view-login" ng-class = "{'waiting-cursor': state.ui === 2}" >
2013-10-21 12:50:19 -04:00
< div class = "logo-wrapper" >
< div class = "logo" > < / div >
< / div > <!-- /logo -->
2013-10-21 07:10:42 -04:00
2013-11-11 07:28:05 -05:00
< div class = "content" ng-switch on = "state.ui" >
2013-11-11 07:08:27 -05:00
< div ng-switch-when = "1" >
< h1 > Set passphrase< / h1 >
2013-11-18 11:44:59 -05:00
< p > The passphrase protects your keypair. If you forget your passphrase you will not be able to recover your messages.< / p >
2013-11-11 07:08:27 -05:00
< form >
< div >
2013-11-11 07:28:05 -05:00
< 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" >
2013-11-11 07:08:27 -05:00
< / div >
< div >
2013-11-11 07:28:05 -05:00
< button type = "submit" ng-click = "confirmPassphrase()" class = "btn" ng-disabled = "!state.passphrase || state.passphrase !== state.confirmation" tabindex = "3" > Generate keypair< / button >
2013-11-11 07:08:27 -05:00
< / 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 >
2013-11-18 11:44:59 -05:00
< p > 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 >
2013-11-11 07:08:27 -05:00
< button ng-click = "exportKeypair()" class = "btn" tabindex = "4" > Export now< / button >
2013-11-15 10:57:21 -05:00
< button ng-click = "proceed()" class = "btn" tabindex = "5" > Do it later< / button >
2013-11-11 07:08:27 -05:00
< / div >
2013-10-21 07:10:42 -04:00
2013-10-23 11:17:36 -04:00
< / div > <!-- /content -->
2013-11-14 14:44:57 -05:00
< / 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 >
2013-10-21 07:10:42 -04:00
< / div >