.sn-component .panel#account-panel .header %h1.title Account %a.close-button{"ng-click" => "close()"} Close .content .panel-section.hero{"ng-if" => "!user && !formData.showLogin && !formData.showRegister && !formData.mfa"} %h1.title Sign in or register to enable sync and end-to-end encryption. .panel-row .panel-row .button-group.stretch .button.info.featured{"ng-click" => "formData.showLogin = true"} .label Sign In .button.info.featured{"ng-click" => "formData.showRegister = true"} .label Register %p Standard Notes is free on every platform, and comes standard with sync and encryption. .panel-section{"ng-if" => "formData.showLogin || formData.showRegister"} %h3.title.panel-row {{formData.showLogin ? "Sign In" : "Register"}} %form.panel-form{"ng-submit" => "submitAuthForm()"} %input{:placeholder => 'Email', "sn-autofocus" => 'true', "should-focus" => "true", :name => 'email', :required => true, :type => 'email', 'ng-model' => 'formData.email'} %input{:placeholder => 'Password', :name => 'password', :required => true, :type => 'password', 'ng-model' => 'formData.user_password'} %input{:placeholder => 'Confirm Password', "ng-if" => "formData.showRegister", :name => 'password', :required => true, :type => 'password', 'ng-model' => 'formData.password_conf'} %a.panel-row{"ng-click" => "formData.showAdvanced = !formData.showAdvanced"} Advanced Options .notification.info{"ng-if" => "formData.showRegister"} %h2.title No Password Reset. .text Because your notes are encrypted using your password, Standard Notes does not have a password reset option. You cannot forget your password. .notification.unpadded.default.advanced-options.panel-row{"ng-if" => "formData.showAdvanced"} .panel-column.stretch %h4.title.panel-row.padded-row Advanced Options %div.bordered-row.padded-row %label Sync Server Domain %input.form-control.mt-5{:name => 'server', :placeholder => 'Server URL', :required => true, :type => 'text', 'ng-model' => 'formData.url'} %label.padded-row{"ng-if" => "formData.showLogin"} %input{"type" => "checkbox", "ng-model" => "formData.strictSignin"} Use strict sign in %span %a{"href" => "https://standardnotes.org/help/security", "target" => "_blank"} (Learn more) .button-group.stretch.panel-row.form-submit %button.button.info.featured{"type" => "submit"} .label {{formData.showLogin ? "Sign In" : "Register"}} %label %input{"type" => "checkbox", "ng-model" => "formData.ephemeral", "ng-true-value" => "false", "ng-false-value" => "true"} Stay signed in %label{"ng-if" => "notesAndTagsCount() > 0"} %input{"type" => "checkbox", "ng-model" => "formData.mergeLocal", "ng-bind" => "true", "ng-change" => "mergeLocalChanged()"} Merge local data ({{notesAndTagsCount()}} notes and tags) %em.block.center-align.mt-10{"ng-if" => "formData.status", "style" => "font-size: 14px;"} {{formData.status}} .panel-section{"ng-if" => "formData.mfa"} %form{"ng-submit" => "submitMfaForm()"} %p {{formData.mfa.message}} %input.form-control.mt-10{:placeholder => "Enter Code", "sn-autofocus" => "true", "should-focus" => "true", :autofocus => "true", :name => 'mfa', :required => true, 'ng-model' => 'formData.userMfaCode'} .button-group.stretch.panel-row.form-submit %button.button.info.featured{"type" => "submit"} .label Sign In %div{"ng-if" => "!formData.showLogin && !formData.showRegister && !formData.mfa"} .panel-section{"ng-if" => "user"} .notification.danger{"ng-if" => "syncStatus.error"} %h2.title Sync Unreachable .text Hmm...we can't seem to sync your account. The reason: {{syncStatus.error.message}} %p %a{"href" => "https://standardnotes.org/help", "target" => "_blank"} Need help? .panel-row %h2.title.wrap {{user.email}} .horizontal-group{"delay-hide" => "true", "show" => "syncStatus.syncOpInProgress || syncStatus.needsMoreSync", "delay" => "1000"} .spinner.small.info .sublabel {{"Syncing" + (syncStatus.total > 0 ? ":" : "")}} %span{"ng-if" => "syncStatus.total > 0"} {{syncStatus.current}}/{{syncStatus.total}} .subtitle.subtle.normal {{server}} .panel-row %a.panel-row.condensed{"ng-click" => "openPasswordWizard('change-pw')"} Change Password %a.panel-row.justify-left.condensed.success{"ng-if" => "securityUpdateAvailable", "ng-click" => "openPasswordWizard('upgrade-security')"} .inline.circle.small.success.mr-8 .inline Security Update Available .panel-section %h3.title.panel-row Encryption %h5.subtitle.info.panel-row{"ng-if" => "encryptionEnabled()"} {{encryptionStatusForNotes()}} %p {{encryptionStatusString()}} .panel-section %h3.title.panel-row Passcode Lock %div{"ng-if" => "!hasPasscode()"} %div{"ng-if" => "canAddPasscode"} .panel-row{"ng-if" => "!formData.showPasscodeForm"} .button.info{"ng-click" => "addPasscodeClicked(); $event.stopPropagation();"} .label Add Passcode %p Add an app passcode to lock the app and encrypt on-device key storage. %div{"ng-if" => "!canAddPasscode"} %p Adding a passcode is not supported in temporary sessions. Please sign out, then sign back in with the "Stay signed in" option checked. %form{"ng-if" => "formData.showPasscodeForm", "ng-submit" => "submitPasscodeForm()"} %input.form-control{:type => 'password', "ng-model" => "formData.passcode", "placeholder" => "Passcode", "sn-autofocus" => "true", "should-focus" => "true"} %input.form-control{:type => 'password', "ng-model" => "formData.confirmPasscode", "placeholder" => "Confirm Passcode"} .button-group.stretch.panel-row.form-submit %button.button.info{"type" => "submit"} .label Set Passcode %a.panel-row{"ng-click" => "formData.showPasscodeForm = false"} Cancel %div{"ng-if" => "hasPasscode() && !formData.showPasscodeForm"} .panel-row %p Passcode lock is enabled. %span{"ng-if" => "isDesktopApplication()"} Your passcode will be required on new sessions after app quit. .panel-row.justify-left .horizontal-group %a.info{"ng-click" => "changePasscodePressed()"} Change Passcode %a.danger{"ng-click" => "removePasscodePressed()"} Remove Passcode .panel-section{"ng-if" => "!importData.loading"} %h3.title Data Backups %form.panel-form{"ng-if" => "encryptedBackupsAvailable()"} .input-group %label %input{"type" => "radio", "ng-model" => "archiveFormData.encrypted", "ng-value" => "true", "ng-change" => "archiveFormData.encrypted = true"} Encrypted %label %input{"type" => "radio", "ng-model" => "archiveFormData.encrypted", "ng-value" => "false", "ng-change" => "archiveFormData.encrypted = false"} Decrypted .button-group .button.info{"ng-click" => "downloadDataArchive()", "ng-class" => "{'mt-5' : !user}"} .label Download Backup %label.button.info %input{"type" => "file", "style" => "display: none;", "file-change" => "->", "handler" => "importFileSelected(files)"} .label Import From Backup %span{"ng-if" => "isDesktopApplication()"} Backups are automatically created on desktop and can be managed via the "Backups" top-level menu. #import-password-request{"ng-if" => "importData.requestPassword"} %form.panel-form.stretch{"ng-submit" => "submitImportPassword()"} %p Enter the account password associated with the import file. %input.form-control.mt-5{:type => 'password', "placeholder" => "Enter File Account Password", "ng-model" => "importData.password", "autofocus" => "true"} .button-group.stretch.panel-row.form-submit %button.button.info{"type" => "submit"} .label Decrypt & Import %p Importing from backup will not overwrite existing data, but instead create a duplicate of any differing data. %p If you'd like to import only a selection of items instead of the whole file, please use the Batch Manager extension. .panel-row .spinner.small.info{"ng-if" => "importData.loading"} .footer %a.right{"ng-if" => "formData.showLogin || formData.showRegister", "ng-click" => "formData.showLogin = false; formData.showRegister = false;"} Cancel %a.right{"ng-if" => "!formData.showLogin && !formData.showRegister", "ng-click" => "destroyLocalData()"} {{ user ? "Sign out and clear local data" : "Clear all local data" }}