File: login.html

package info (click to toggle)
cockpit 354-1
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid
  • size: 308,956 kB
  • sloc: javascript: 775,606; python: 40,351; ansic: 35,655; cpp: 11,117; sh: 3,511; makefile: 580; xml: 261
file content (192 lines) | stat: -rw-r--r-- 12,633 bytes parent folder | download | duplicates (4)
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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!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-v6-c-alert pf-m-info pf-m-inline dialog-error" aria-label="inline info alert" hidden="true">
    <div class="pf-v6-c-alert__icon">
      <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>
    </div>
    <span id="banner-message" class="pf-v6-c-alert__description"></span>
  </div>

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

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

      <div id="error-group" class="pf-v6-c-alert pf-m-danger pf-m-plain pf-m-inline dialog-error noscript" aria-label="inline danger alert">
        <div class="pf-v6-c-alert__icon">
          <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>
        </div>
        <p class="pf-v6-c-alert__title">
          <span id="login-error-title" class="pf-v6-screen-reader"></span>
        </p>
        <div class="pf-v6-c-alert__description">
          <p id="login-error-message">
            <span class="noscript" translate="yes">Please enable JavaScript to use the Web Console.</span>
          </p>
        </div>
      </div>

      <div class="unsupported-browser" id="unsupported-browser" hidden="true">
        <h2 class="unsupported-browser-heading" translate="yes">A modern browser is required for security, reliability, and performance.</h2>
        <div class="browser-recommendations">
          <div class="browser-download">
            <h3 translate="yes">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="yes">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>
        <details id="login-override">
          <summary class="pf-v6-c-expandable-section">
            <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="bypass-browser-check" translate="yes">Bypass browser check</span>
          </summary>
          <div id="login-override-content"></div>
        </details>
      </div>

      <div id="info-group" class="pf-v6-c-alert pf-m-info pf-m-inline dialog-error" aria-label="inline info alert" hidden="true">
        <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-v6-c-alert__title"></h2>
      </div>

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

          <div id="hostkey-group" class="form-group" hidden="true">
            <h1 id="hostkey-title"></h1>
            <div id="hostkey-warning-group" class="pf-v6-c-alert pf-m-warning pf-m-inline dialog-error" aria-label="inline warning alert" hidden="true">
              <div class="pf-v6-c-alert__icon">
                <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>
              </div>
              <span translate="yes" class="pf-v6-c-alert__description">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.</span>
            </div>
            <p id="hostkey-message-1"></p>
            <p translate="yes">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="yes">The resulting fingerprint is fine to share via public methods, including email.</p>
            <p translate="yes">If the fingerprint matches, click "Accept key and log in". Otherwise, do not log in and contact your administrator.</p>
          </div>

          <p id="login-note" class="login-note"></p>

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

          <div id="password-group" class="form-group">
            <label for="login-password-input" class="control-label" translate="yes">Password</label>
            <div class="password-with-toggle">
              <input type="password" class="form-control" id="login-password-input" autocomplete="current-password" />
              <button type="button" id="login-password-toggle" class="pf-v6-c-button pf-m-control login-password-toggle" aria-label="Show password">
                <svg fill="currentColor" class="password-show" aria-hidden="true" viewBox="0 0 576 512" role="img" width="1em" height="1em">
                  <path d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"/>
                </svg>
                <svg fill="currentColor" class="password-hide" aria-hidden="true" viewBox="0 0 640 512" role="img" width="1em" height="1em">
                  <path d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z"/>
                </svg>
              </button>
            </div>
          </div>

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

          <div id="option-group">
            <a href="#" id="show-other-login-options" class="pf-v6-c-expandable-section__toggle">
              <!-- Icon from FontAwesome 4.7.0; https://fontawesome.com/v4/license/ -->
              <svg width="1em" height="1em" fill="currentColor" aria-hidden="true" class="pf-v6-c-expandable-section__toggle-icon caret caret-right" viewBox="0 0 256 512"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/></svg><span id="show-other-login-options-text" translate="yes">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="true">
            <label title="Log in to another system. Leave blank to log in to the local system." for="server-field" id="server-field-label" class="control-label" translate="yes">Connect to</label>
            <div class="server-box">
              <input type="text" class="form-control" id="server-field" placeholder=" " />
              <span class="input-clear" id="server-clear" aria-hidden="true">
                <svg fill="currentColor" viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg>
              </span>
            </div>
          </div>

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

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

      <div id="login-fatal" hidden="true">
        <div id="login-fatal-message"></div>
        <a id="login-again" class="pf-v6-c-button pf-m-primary" href="#" translate="yes" hidden="true">Try again</a>
      </div>
    </div>
    <div class="container-footer details" id="login-details" hidden="true">
        <p>
          <label class="control-label"><span translate="yes">Server</span>: <span id="server-name"></span></label>
        </p>
    </div>
  </div>

  <div class="container" id="recent-hosts" hidden="true">
    <h1 translate="yes">Recent hosts</h1>
    <div class="server-box" id="recent-hosts-list">
      <!-- Here show up recent hosts -->
    </div>
  </div>

  <script type="text/javascript">
    /* Hide everything classed as "noscript" */
    document.querySelectorAll('.noscript').forEach(function(element){
      element.hidden = true;
    });
  </script>
</body>
</html>