2014-07-01 13:49:19 -04:00
< div class = "view-login view-login-set-credentials" >
< div class = "logo" >
< img src = "img/whiteout_logo.svg" alt = "whiteout.io" >
< / div > <!-- /logo -->
< div class = "content" >
2014-07-24 08:15:34 -04:00
< p ng-hide = "useOAuth" > < b > Login.< / b > Please enter your email address and password. The password is used to authenticate directly with your mail provider and is not sent to our servers.< / p >
< p ng-show = "useOAuth" > < b > Login.< / b > Please confirm your email address. Your account will authenticate directly with your mail provider. Your credentials are never sent to our servers.< / p >
2014-07-01 13:49:19 -04:00
< form name = "form" >
< div >
< label class = "input-error-message" ng-show = "connectionError" > Connection failed. Please check your credentials!< / label >
< label class = "input-error-message" ng-show = "form.$invalid || credentialsIncomplete" > Please fill out all required fields!< / label >
< br >
< input class = "input-text" type = "email" required ng-model = "emailAddress" placeholder = "Email address" focus-me = "true" tabindex = "1" spellcheck = "false" > < / input >
< input class = "input-text" type = "text" ng-model = "realname" placeholder = "Full name (optional)" tabindex = "2" > < / input >
< input ng-hide = "useOAuth" ng-required = "!useOAuth" class = "input-text" ng-class = "{'input-text-error': connectionError}" type = "password" ng-model = "password" placeholder = "Password" tabindex = "3" >
< / div > <!-- /credentials -->
< a href = "#" wo-touch = 'showDetails = !showDetails; $event.preventDefault()' > {{showDetails ? "Hide Options" : "Show Options"}}< / a >
< div class = 'details' ng-show = 'showDetails' >
< input ng-hide = "useOAuth" class = "input-text username" type = "text" ng-model = "username" placeholder = "User (optional)" > < / input >
< div class = "settings" >
< input required ng-disabled = "hasProviderPreset" class = "input-text" type = "text" ng-model = "imapHost" placeholder = "IMAP server" pattern = "^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$|^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\-]*[a-zA-Z0-9])\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9\-]*[A-Za-z0-9])$" > < / input >
< input required ng-disabled = "hasProviderPreset" class = "input-text" type = "number" ng-model = "imapPort" placeholder = "Port" min = "0" max = "65535" step = "1" pattern = "\d+" > < / input >
2014-07-31 14:14:02 -04:00
< input ng-disabled = "hasProviderPreset" class = "input-checkbox" type = "checkbox" ng-model = "imapSecure" id = "cb-imapSecure" checked >
< label for = "cb-imapSecure" > TLS< / label >
2014-07-01 13:49:19 -04:00
< / div > <!-- /.settings -->
< div class = "settings" >
< input required ng-disabled = "hasProviderPreset" class = "input-text" type = "text" ng-model = "smtpHost" placeholder = "SMTP server" pattern = "^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$|^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\-]*[a-zA-Z0-9])\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9\-]*[A-Za-z0-9])$" > < / input >
< input required ng-disabled = "hasProviderPreset" class = "input-text" type = "number" ng-model = "smtpPort" placeholder = "Port" min = "0" max = "65535" step = "1" pattern = "\d+" > < / input >
2014-07-31 14:14:02 -04:00
< input ng-disabled = "hasProviderPreset" class = "input-checkbox" type = "checkbox" ng-model = "smtpSecure" id = "cb-smtpSecure" checked >
< label for = "cb-smtpSecure" > TLS< / label >
2014-07-01 13:49:19 -04:00
< / div > <!-- /.settings -->
< / div > <!-- /.details -->
2014-07-31 13:08:21 -04:00
< div class = "working" ng-show = "busy" >
2014-07-01 13:49:19 -04:00
< span class = "spinner" > < / span >
< / div >
< div >
< button type = "submit" ng-disabled = "form.$invalid" ng-click = "test()" class = "btn" > Login< / button >
< / div >
< / form >
< / div > <!-- /.content -->
< / div >