Merge branch '18874-merge-wb2'
[arvados.git] / services / workbench2 / public / webshell / index.html
1 <!DOCTYPE html>
2     <head>
3     <title></title>
4     <link rel="stylesheet" href="styles.css" type="text/css">
5     <style type="text/css">
6       body {
7         margin: 0px;
8       }
9       #notoken {
10         position: absolute;
11         top: 0;
12         left: 0;
13         right: 0;
14         bottom: 0;
15         text-align: center;
16         vertical-align: middle;
17         line-height: 100vh;
18         z-index: 100;
19         font-family: sans;
20       }
21     </style>
22     <script type="text/javascript"><!--
23       (function() {
24         // We would like to hide overflowing lines as this can lead to
25         // visually jarring results if the browser substitutes oversized
26         // Unicode characters from different fonts. Unfortunately, a bug
27         // in Firefox prevents it from allowing multi-line text
28         // selections whenever we change the "overflow" style. So, only
29         // do so for non-Netscape browsers.
30         if (typeof navigator.appName == 'undefined' ||
31             navigator.appName != 'Netscape') {
32           document.write('<style type="text/css">' +
33                          '#vt100 #console div, #vt100 #alt_console div {' +
34                          '  overflow: hidden;' +
35                          '}' +
36                          '</style>');
37         }
38       })();
39       var sh;
40       var urlParams = new URLSearchParams(window.location.search);
41       var token = urlParams.get('token');
42       var user = urlParams.get('login');
43       var host = urlParams.get('host');
44       var timeout = urlParams.get('timeout');
45       urlParams = null;
46
47       var idleTimeoutMs = timeout * 1000;
48
49       function updateIdleTimer() {
50         var currentTime = Date.now();
51         var lastTime = localStorage.getItem('lastActiveTimestamp');
52         if (currentTime - lastTime > 1000) {
53           localStorage.setItem('lastActiveTimestamp', currentTime);
54         }
55       }
56
57       function checkIdleTimer() {
58         var currentTime = Date.now();
59         var lastTime = localStorage.getItem('lastActiveTimestamp');
60         if (currentTime - lastTime > idleTimeoutMs) {
61           //logout
62           sh.reset();
63           sh.sessionClosed("Session timed out after " + timeout + " seconds.");
64           document.body.onmousemove = undefined;
65           document.body.onkeydown = undefined;
66         } else {
67           setTimeout(checkIdleTimer, 1000);
68         }
69       }
70
71       function login() {
72         sh = new ShellInABox(host);
73
74         var findText = function(txt) {
75           var a = document.querySelectorAll("span.ansi0");
76           for (var i = 0; i < a.length; i++) {
77             if (a[i].textContent.indexOf(txt) > -1) {
78               return true;
79             }
80           }
81           return false;
82         }
83
84         var trySendToken = function() {
85           // change this text when PAM is reconfigured to present a
86           // password prompt that we can wait for.
87           if (findText("assword:")) {
88              sh.keysPressed(token + "\n");
89              sh.vt100('(sent authentication token)\n');
90              token = null;
91              if (timeout > 0) {
92                updateIdleTimer();
93                document.body.onmousemove = updateIdleTimer;
94                document.body.onkeydown = updateIdleTimer;
95                setTimeout(checkIdleTimer, 1000);
96              }
97           } else {
98             setTimeout(trySendToken, 200);
99           }
100         };
101
102         var trySendLogin = function() {
103           if (findText("login:")) {
104             sh.keysPressed(user + "\n");
105             // Make this wait shorter when PAM is reconfigured to
106             // present a password prompt that we can wait for.
107             setTimeout(trySendToken, 200);
108           } else {
109             setTimeout(trySendLogin, 200);
110           }
111         };
112
113         trySendLogin();
114       }
115
116       function init() {
117         if (token) {
118           history.replaceState(null, "", `/webshell/?host=${encodeURIComponent(host)}&timeout=${timeout}&login=${encodeURIComponent(user)}`);
119         } else if (localStorage.getItem('apiToken')) {
120           token = localStorage.getItem('apiToken');
121         } else {
122           document.getElementById("notoken").style.display = "block";
123           return;
124         }
125         login();
126       }
127     // -->
128 </script>
129     <script type="text/javascript" src="shell_in_a_box.js"></script>
130   </head>
131   <!-- Load ShellInABox from a timer as Konqueror sometimes fails to
132        correctly deal with the enclosing frameset (if any), if we do not
133        do this
134    -->
135 <body onload="setTimeout(init, 1000)"
136     scroll="no"><noscript>JavaScript must be enabled for ShellInABox</noscript>
137     <div id="notoken" style="display: none;">
138       Error: No token found. Please return to <a href="/virtual-machines-user">Virtual Machines</a> and try again.
139     </div>
140 </body>
141 </html>