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>