WebSVN – clockwerk-guacamole – Blame – Rev 1

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi"/>

29

<title>Guacamole 0.6.0</title>

30

</head>

<body>

<div id="login-ui" style="display: none">

35

<div id="login-dialog-middle">

36

37

<div id="login-dialog">

38

39

<p id="login-error"></p>

40

41

<form id="login-form" action="#" method="post">

42

43

<div id="login-fields">

<table>

<tr>

<th>Username</th>

<td><input type="text" name="username" id="username" autofocus="autofocus"/></td>

</tr>

<tr>

<th>Password</th>

<td><input type="password" name="password" id="password"/></td>

</tr>

</table>

<img class="logo" src="images/guacamole-logo-64.png" alt=""/>

</div>

<div id="buttons">

<input type="submit" name="login" id="login" value="Login"/>

</div>

</form>

</div>

</div>

</div>

69

<div id="connection-list-ui" style="display: none">

70

71

<div id="logout-panel">

72

<button id="logout">Logout</button>

</div>

<h1>

<img class="logo" src="images/guacamole-logo-64.png" alt=""/>

77

Available Connections

78

</h1>

79

80

<table class="connections">

81

<thead>

82

<tr>

83

<th class="protocol"> </th>

84

<th class="name">Name</th>

85

</tr>

86

</thead>

87

<tbody id="connections-tbody">

</tbody>

</table>

</div>

<div id="version-dialog">

Guacamole 0.6.0

</div>

<script type="text/javascript" src="scripts/connections.js"></script>

98

99

100

<script type="text/javascript"> /* <![CDATA[ */

101

102

// Constructs the URL for a client which connects to the connection

103

// with the given id.

104

function getClientURL(id) {

105

106

// Construct URL for client with given id

107

return "client.xhtml?id=" + encodeURIComponent(id);

}

// Resets the interface such that the login UI is displayed if

112

// the user is not authenticated (or authentication fails) and

113

// the connection list UI (or the client for the only available

114

// connection, if there is only one) is displayed if the user is

115

// authenticated.

116

function resetUI() {

117

118

// Get parameters from query string

119

var parameters = window.location.search.substring(1);

var configs;

try {

configs = getConfigList(parameters);

}

catch (e) {

// Show login UI if unable to get configs

128

loginUI.style.display = "";

129

connectionListUI.style.display = "none";

return;

}

// If only one connection, redirect to that.

136

if (configs.length == 1) {

137

window.location.href = getClientURL(configs[0].id);

return;

}

// Remove all rows from connections list

142

var tbody = document.getElementById("connections-tbody");

143

tbody.innerHTML = "";

144

145

// Add one row per connection

146

for (var i=0; i<configs.length; i++) {

147

148

// Create row and cells

149

var tr = document.createElement("tr");

150

var protocol = document.createElement("td");

151

var id = document.createElement("td");

152

153

var protocolIcon = document.createElement("div");

154

protocolIcon.className = "protocol icon " + configs[i].protocol;

155

156

// Set CSS

157

protocol.className = "protocol";

158

id.className = "name";

159

160

// Create link to client

161

var clientLink = document.createElement("a");

162

clientLink.setAttribute("href", getClientURL(configs[i].id));

163

164

// Set cell contents

165

protocol.appendChild(protocolIcon);

166

//protocol.textContent = configs[i].protocol;

167

clientLink.textContent = configs[i].id;

168

id.appendChild(clientLink);

169

170

// Add cells

171

tr.appendChild(protocol);

172

tr.appendChild(id);

173

174

// Add row

175

tbody.appendChild(tr);

}

// If configs could be retrieved, display list

180

loginUI.style.display = "none";

181

connectionListUI.style.display = "";

}

var loginForm = document.getElementById("login-form");

186

var loginUI = document.getElementById("login-ui");

187

var connectionListUI = document.getElementById("connection-list-ui");

188

var logout = document.getElementById("logout");

189

var username = document.getElementById("username");

190

var password = document.getElementById("password");

191

192

logout.onclick = function() {

193

window.location.href = "logout";

194

};

195

196

loginForm.onsubmit = function() {

197

198

// Get parameters from query string

199

var parameters = window.location.search.substring(1);

200

201

// Get username and password from form

202

var data =

203

"username=" + encodeURIComponent(username.value)

204

+ "&password=" + encodeURIComponent(password.value)

205

206

// Include query parameters in submission data

207

if (parameters) data += "&" + parameters;

try {

// Log in

var xhr = new XMLHttpRequest();

213

xhr.open("POST", "login", false);

214

xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

xhr.send(data);

// Handle failures

if (xhr.status != 200)

219

throw new Error("Invalid login");

220

221

// Ensure username/password fiels are blurred after submit

username.blur();

password.blur();

resetUI();

}

catch (e) {

var loginError = document.getElementById("login-error");

231

232

// Display error, reset and refocus password field

233

loginError.textContent = e.message;

234

password.value = "";

password.focus();

return false;

}

// On success, hide loginUI, get and show connection list.

return false;

}

// Turn off autocorrect and autocapitalization on usename

247

username.setAttribute("autocorrect", "off");

248

username.setAttribute("autocapitalize", "off");

resetUI();

/* ]]> */ </script>

</body>

</html>

clockwerk-guacamole – Blame information for rev 1