File: login.html

package info (click to toggle)
cockpit 239-1
  • links: PTS, VCS
  • area: main
  • in suites: bullseye
  • size: 67,268 kB
  • sloc: javascript: 245,474; ansic: 72,273; python: 23,634; xml: 6,155; sh: 2,919; makefile: 923; sed: 5
file content (147 lines) | stat: -rw-r--r-- 8,139 bytes parent folder | download | duplicates (2)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html>

<head>
  <title>Loading...</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="noindex">
  <meta insert_dynamic_content_here>
  <script type="text/javascript">/*insert_translations_here*/</script>
  <script type="text/javascript" src="cockpit/static/login.js"></script>
  <link href="cockpit/static/login.css" type="text/css" rel="stylesheet">
  <link href="cockpit/static/branding.css" type="text/css" rel="stylesheet">
</head>

<body class="login-pf">
  <div id="banner" class="pf-c-alert pf-m-info pf-m-inline dialog-error" aria-label="inline danger alert" hidden>
    <svg fill="currentColor" viewBox="0 0 448 512" aria-hidden="true">
      <path d="M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z" />
    </svg>
    <span id="banner-message" class="pf-c-alert__title"></span>
  </div>

  <span id="badge"></span>

  <div class="container">
    <h1 id="brand" class="hide-before"></h1>

    <div id="error-group" class="pf-c-alert pf-m-danger pf-m-inline dialog-error noscript" aria-label="inline danger alert">
      <svg fill="currentColor" viewBox="0 0 512 512" aria-hidden="true">
        <path d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h28.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z" />
      </svg>
      <h2 id="login-error-message" class="pf-c-alert__title">
        <span class="noscript" translate>Please enable JavaScript to use the Web Console.</span>
      </h2>
    </div>

    <div id="info-group" class="pf-c-alert pf-m-info pf-m-inline dialog-error" aria-label="inline danger alert" hidden>
      <svg fill="currentColor" viewBox="0 0 512 512" aria-hidden="true">
        <path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z" />
      </svg>
      <h2 id="login-info-message" class="pf-c-alert__title"></h2>
    </div>

    <div id="login" class="login-area" hidden>
      <form onsubmit="return false">

        <div id="conversation-group" class="form-group" hidden>
          <div id="conversation-message"></div>
          <label id="conversation-prompt" for="conversation-input"></label>
          <input type="password" class="form-control" id="conversation-input">
        </div>

        <div id="hostkey-group" class="form-group" hidden>
          <h1 id="hostkey-title"></h1>
          <div id="hostkey-warning-group" class="pf-c-alert pf-m-warning pf-m-inline dialog-error" aria-label="inline warning alert" hidden>
            <svg fill="currentColor" viewBox="0 0 576 512" aria-hidden="true"><path d="M569.52 440.01c18.46 32-4.71 71.99-41.58 71.99H48.05c-36.93 0-60-40.05-41.57-71.99L246.42 24c18.47-32.01 64.72-31.96 83.16 0L569.52 440zM288 354a46 46 0 100 92 46 46 0 000-92zm-43.67-165.35l7.41 136A12 12 0 00263.74 336h48.54a12 12 0 0011.98-11.35l7.42-136A12 12 0 00319.7 176h-63.38a12 12 0 00-11.98 12.65z"/></svg>
            <h2 translate class="pf-c-alert__title">Changed keys are often the result of an operating system reinstallation. However, an unexpected change may indicate a third-party attempt to intercept your connection.</h2>
              </div>
          <p id="hostkey-message-1"></p>
          <p translate>To ensure that your connection is not intercepted by a malicious third-party, please verify the host key fingerprint:</p>
          <pre id="hostkey-fingerprint"></pre>
          <p id="hostkey-type"></p>
          <p id="hostkey-verify-help-1"></p>
          <pre id="hostkey-verify-help-cmds"></pre>
          <p translate>The resulting fingerprint is fine to share via public methods, including email.</p>
          <p translate>If the fingerprint matches, click "Accept key and log in". Otherwise, do not log in and contact your administrator.</p>
        </div>

        <div id="user-group" class="form-group">
          <label for="login-user-input" class="control-label" translate>User name</label>
          <input type="text" class="form-control" id="login-user-input" autocorrect="off" autocapitalize="none" autofocus>
        </div>

        <div id="password-group" class="form-group">
          <label for="login-password-input" class="control-label" translate>Password</label>
          <input type="password" class="form-control" id="login-password-input">
        </div>

        <div id="option-group">
          <a href="#" id="show-other-login-options">
            <svg height="16" width="16" viewBox="0 0 16 16" id="option-caret" class="caret caret-right" aria-hidden="true">
              <polygon fill="#ffffff" points="4,0 4,14 12,7"></polygon>
            </svg><span id="show-other-login-options-text" translate>Other options</span>
            <!-- Above: Span needs to be immediately next to SVG to prevent whitespace in the link -->
          </a>
        </div>

        <div id="server-group" class="form-group" hidden>
          <label title="Log in to another system. Leave blank to log in to the local system." for="server-field" class="control-label" translate>Connect to</label>
          <div class="server-box">
            <input type="text" class="form-control" id="server-field">
            <span class="cross" id="server-clear" aria-hidden="true">&#x274c;</span>
          </div>
        </div>

        <div class="form-group login-actions">
          <button class="pc-c-button pf-m-primary login-button" id="login-button" type="submit">
            <span class="spinner"></span>
            <span id="login-button-text" translate>Log in</span>
          </button>
          <a id="get-out-link" href="/" translate>Cancel</a>
        </div>
      </form>
    </div>

    <div id="login-wait-validating" hidden>
      <span class="help-block" translate>Validating authentication token</span>
      <span class="spinner col-xs-15"></span>
    </div>

    <div id="login-fatal" hidden>
      <div id="login-fatal-message"></div>
      <a id="login-again" translate hidden>Try again</a>
    </div>

    <div class="unsupported-browser" id="unsupported-browser" hidden>
      <h2 class="unsupported-browser-heading" translate>A modern browser is required for security, reliability, and performance.</h2>
      <div class="browser-recommendations">
        <div class="browser-download">
          <h3 translate>Download a new browser for free</h3>
          <ul>
            <li><a href="https://firefox.com/">Mozilla Firefox</a> / Linux, Windows, macOS</li>
            <li><a href="https://www.google.com/chrome/">Google Chrome</a> / Linux, Windows, macOS</li>
          </ul>
        </div>
        <div class="browser-bundled">
          <h3 translate>Or use a bundled browser</h3>
          <ul>
            <li><a href="https://www.microsoft.com/">Microsoft Edge</a> / Windows</li>
            <li><a href="https://www.apple.com/safari/">Apple Safari</a> / macOS</li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <div class="details" id="login-details" hidden>
    <p>
      <label class="control-label"><span translate>Server</span>: <b id="server-name"></b></label>
    </p>
    <p id="login-note" class="login-note"></p>
  </div>

</body>

</html>