github.com/cozy/cozy-stack@v0.0.0-20240603063001-31110fa4cae1/assets/templates/passphrase_choose.html (about) 1 <!DOCTYPE html> 2 <html lang="{{.Locale}}"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="theme-color" content="#fff"> 7 <title>{{.TemplateTitle}}</title> 8 <link rel="stylesheet" href="{{asset .Domain "/fonts/fonts.css" .ContextName}}"> 9 <link rel="stylesheet" href="{{asset .Domain "/css/cozy-bs.min.css" .ContextName}}"> 10 <link rel="stylesheet" href="{{asset .Domain "/styles/theme.css" .ContextName}}"> 11 <link rel="stylesheet" href="{{asset .Domain "/styles/cirrus.css" .ContextName}}"> 12 {{.Favicon}} 13 <link rel="preload" href="/assets/icons/check.svg" as="image"> 14 </head> 15 <body class="cirrus theme-inverted"> 16 <form id="new-pass-form" method="POST" action="{{.Action}}" class="d-contents" data-salt="{{.Salt}}" data-hint-error="{{t "Passphrase Hint Error"}}" data-pass-error="{{t "Passphrase Pass Error"}}"> 17 <input type="hidden" id="from" name="from" value="{{.From}}" /> 18 <input type="hidden" id="iterations" name="iterations" value="{{.Iterations}}" /> 19 {{if .RegisterToken}} 20 <input type="hidden" id="register-token" name="register_token" value={{.RegisterToken}} /> 21 {{else}} 22 <input type="hidden" id="csrf_token" name="csrf_token" value="{{.CSRF}}" /> 23 <input type="hidden" id="reset-token" name="passphrase_reset_token" value="{{.ResetToken}}" /> 24 {{end}} 25 <main class="wrapper"> 26 27 <header class="wrapper-top"> 28 <a href="https://cozy.io/" class="btn p-2 d-sm-none"> 29 <img src="{{asset .Domain "/images/logo-dark.svg"}}" alt="Cozy Cloud" class="logo" /> 30 </a> 31 </header> 32 33 <div class="d-flex flex-column align-items-center"> 34 <h1 class="h4 h2-md mb-4 mb-md-5 text-center">{{t "Passphrase renew Title"}}</h1> 35 <div id="password-field" class="input-group form-floating has-validation mb-2 w-100"> 36 <input type="password" class="form-control form-control-md-lg" id="password" name="passphrase" autofocus autocomplete="new-password" spellcheck="false" /> 37 <label for="password">{{t "Passphrase renew Field"}}</label> 38 <button id="password-visibility-button" class="btn btn-outline-info" 39 type="button" 40 name="password-visibility" 41 data-show="{{t "Login Password show"}}" 42 data-hide="{{t "Login Password hide"}}" 43 title="{{t "Login Password show"}}"> 44 <span id="password-visibility-icon" class="icon icon-eye-closed"></span> 45 </button> 46 <div class="progress"> 47 <div id="password-strength" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> 48 </div> 49 </div> 50 <p id="password-tip" class="text-muted mb-3">{{t "Passphrase renew Help"}}</p> 51 52 <a href="#password-hint" class="expand mb-4 align-self-start text-decoration-none align-items-center" role="button" aria-expanded="false"> 53 <span class="icon icon-right me-2"></span> 54 {{t "Passphrase Onboarding Show hint form"}} 55 </a> 56 <div id="password-hint" class="collapse"> 57 <div id="hint-field" class="input-group form-floating has-validation w-100 mb-2"> 58 <input type="text" class="form-control form-control-md-lg" id="hint" name="hint" /> 59 <label for="hint">{{t "Passphrase Onboarding Hint Field"}}</label> 60 </div> 61 <p class="text-muted">{{t "Passphrase Onboarding Hint Help"}}</p> 62 </div> 63 </div> 64 65 <footer class="w-100"> 66 <button id="login-submit" class="btn btn-primary btn-md-lg w-100 my-3 mt-md-5" type="submit"> 67 {{t "Passphrase renew Submit"}} 68 </button> 69 </footer> 70 71 </main> 72 </form> 73 <script src="{{asset .Domain "/scripts/cirrus.js"}}"></script> 74 {{if .CryptoPolyfill}}<script src="{{asset .Domain "/js/asmcrypto.js"}}"></script>{{end}} 75 <script src="{{asset .Domain "/scripts/password-helpers.js"}}"></script> 76 <script src="{{asset .Domain "/scripts/password-visibility.js"}}"></script> 77 <script src="{{asset .Domain "/scripts/password-strength.js"}}"></script> 78 <script src="{{asset .Domain "/scripts/new-password.js"}}"></script> 79 </body> 80 </html>