mirror of
https://mau.dev/maunium/synapse.git
synced 2024-10-01 01:36:05 -04:00
944d524f18
* Clean up the CSS for the fallback login form I was finding this hard to work with, so simplify a bunch of things. Each flow is now a form inside a div of class login_flow. The login_flow class now has a fixed width, as that looks much better than each flow having a differnt width. * Support m.login.sso MSC1721 renames m.login.cas to m.login.sso. This implements the change (retaining support for m.login.cas for older clients). * changelog
46 lines
1.6 KiB
HTML
46 lines
1.6 KiB
HTML
<html>
|
|
<head>
|
|
<title> Login </title>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="js/jquery-2.1.3.min.js"></script>
|
|
<script src="js/login.js"></script>
|
|
</head>
|
|
<body onload="matrixLogin.onLoad()">
|
|
<center>
|
|
<br/>
|
|
<h1>Log in with one of the following methods</h1>
|
|
|
|
<span id="feedback" style="color: #f00"></span>
|
|
|
|
<div id="loading">
|
|
<img src="spinner.gif" />
|
|
</div>
|
|
|
|
<div id="sso_flow" class="login_flow" style="display:none">
|
|
Single-sign on:
|
|
<form id="sso_form" action="/_matrix/client/r0/login/sso/redirect" method="get">
|
|
<input id="sso_redirect_url" type="hidden" name="redirectUrl" value=""/>
|
|
<input type="submit" value="Log in"/>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="password_flow" class="login_flow" style="display:none">
|
|
Password Authentication:
|
|
<form onsubmit="matrixLogin.password_login(); return false;">
|
|
<input id="user_id" size="32" type="text" placeholder="Matrix ID (e.g. bob)" autocapitalize="off" autocorrect="off" />
|
|
<br/>
|
|
<input id="password" size="32" type="password" placeholder="Password"/>
|
|
<br/>
|
|
|
|
<input type="submit" value="Log in"/>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="no_login_types" type="button" class="login_flow" style="display:none">
|
|
Log in currently unavailable.
|
|
</div>
|
|
</center>
|
|
</body>
|
|
</html>
|