github.com/cozy/cozy-stack@v0.0.0-20240603063001-31110fa4cae1/assets/templates/authorize_move.html (about) 1 <!DOCTYPE html> 2 <html lang="{{.Locale}}"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="refresh" content="3600"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="theme-color" content="#fff"> 8 <title>{{.TemplateTitle}}</title> 9 <link rel="stylesheet" href="{{asset .Domain "/fonts/fonts.css" .ContextName}}"> 10 <link rel="stylesheet" href="{{asset .Domain "/css/cozy-bs.min.css" .ContextName}}"> 11 <link rel="stylesheet" href="{{asset .Domain "/styles/theme.css" .ContextName}}"> 12 <link rel="stylesheet" href="{{asset .Domain "/styles/cirrus.css" .ContextName}}"> 13 {{.Favicon}} 14 <link rel="preload" href="/assets/icons/check.svg" as="image"> 15 </head> 16 <body class="cirrus theme-inverted"> 17 <form id="login-form" method="POST" action="/auth/authorize/move" class="d-contents" data-iterations="{{.Iterations}}" data-salt="{{.Salt}}"> 18 <input id="state" type="hidden" name="state" value="{{.State}}" /> 19 <input id="client_id" type="hidden" name="client_id" value="{{.ClientID}}" /> 20 <input id="redirect" type="hidden" name="redirect" value="{{.RedirectURI}}" /> 21 <input id="csrf_token" type="hidden" name="csrf_token" value="{{.CSRF}}" /> 22 <input id="trusted-device-token" type="hidden" name="trusted-device-token" value="" /> 23 <main class="wrapper"> 24 25 <header class="wrapper-top"> 26 {{if not .BottomNavBar}} 27 <p class="banner caption small-md fst-italic"> 28 <span class="icon icon-answer"></span> 29 <strong>{{t "Login Password best practice"}}</strong> 30 {{t "Login Password tip"}} 31 </p> 32 {{end}} 33 <a href="https://cozy.io/" class="btn p-2 d-sm-none"> 34 <img src="{{asset .Domain "/images/logo-dark.svg"}}" alt="Cozy Cloud" class="logo" /> 35 </a> 36 </header> 37 38 <div class="d-flex flex-column align-items-center"> 39 <img src="/public/avatar" alt="" class="avatar my-3 border border-primary border-2 rounded-circle" /> 40 <h1 class="h4 h2-md mb-0 text-center">{{.Title}}</h1> 41 <p class="mb-4 mb-md-5 text-muted">{{.Domain}}</p> 42 <div id="login-field" class="input-group form-floating has-validation w-100"> 43 <input type="password" class="form-control form-control-md-lg" id="password" name="passphrase" autofocus autocomplete="current-password" spellcheck="false" /> 44 <label for="password">{{t "Login Password field"}}</label> 45 <button id="password-visibility-button" class="btn btn-outline-info" 46 type="button" 47 name="password-visibility" 48 data-show="{{t "Login Password show"}}" 49 data-hide="{{t "Login Password hide"}}" 50 title="{{t "Login Password show"}}"> 51 <span id="password-visibility-icon" class="icon icon-eye-closed"></span> 52 </button> 53 </div> 54 </div> 55 56 <footer class="w-100"> 57 <button id="login-submit" class="btn btn-primary btn-md-lg w-100 my-4 mt-md-5" type="submit"> 58 {{t "Login Submit"}} 59 </button> 60 {{if .BottomNavBar}} 61 <p class="banner caption small-md fst-italic fullbleed"> 62 <span class="icon icon-answer reverse-y align-bottom"></span> 63 <strong>{{t "Login Password best practice"}}</strong> 64 {{t "Login Password tip"}} 65 </p> 66 {{end}} 67 </footer> 68 69 </main> 70 </form> 71 <script src="{{asset .Domain "/scripts/cirrus.js"}}"></script> 72 {{if .CryptoPolyfill}}<script src="{{asset .Domain "/js/asmcrypto.js"}}"></script>{{end}} 73 <script src="{{asset .Domain "/scripts/password-helpers.js"}}"></script> 74 <script src="{{asset .Domain "/scripts/password-visibility.js"}}"></script> 75 <script src="{{asset .Domain "/scripts/login.js"}}"></script> 76 </body> 77 </html>