123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <div id="login">
- : include "jsalert.tx";
- <div>
- <img id="logo" src="/img/icon/favicon.svg" style="float:left" /><span style="font-family:courier;font-size:2rem;">CMS Login</span>
- </div>
- <div id="spacer" style="clear: both;"><br /></div>
- <form id="loginForm" method="POST" action="/auth">
- <input type="hidden" name="app" value="login" />
- <input type="hidden" name="to" value="<: $to :>" />
- Username<br />
- <div class="input-group">
- <label for="username">😎</span></label>
- <input required name="username" id="username" placeholder="AzureDiamond" value="" type="text" autofocus></input>
- </div>
- <br />
- Password<br />
- <div class="input-group">
- <label for="password">🔑</label>
- <input required name="password" id="password" placeholder="hunter2" value="" type="password"></input>
- </div>
- <br />
- <!--
- External authentication provider data.
- Provider = Driver to use
- Data = JSON encoded blob of data gotten back from auth source
- -->
- <input type="hidden" id="extAuthProvider" name="extAuthProvider" value=""></input>
- <input type="hidden" id="extAuthData" name="extAuthData" value=""></input>
- <input type="submit" id="maximumGo" value="<: $btnmsg :>"></input>
- </form>
- <br><br>
- <div id="matrixLogin" style="display:none;">
- <script defer src="/scripts/matrix-login.js"></script>
- <matrix-signin id="signin"></matrix-signin>
- <script>
- var hasusers = <: $hasusers :>;
- var loginBits = document.getElementById("matrixLogin");
- if(hasusers) {
- loginBits.style = "display:block";
- const signIn = document.querySelector('matrix-signin')
- signIn.addEventListener('success', ({ detail }) => {
- let form = document.getElementById("loginForm");
- form.querySelector("#extAuthProvider").value = "matrix";
- form.querySelector("#extAuthData").value = JSON.stringify(detail.user);
- form.submit();
- })
- } else {
- loginBits.remove();
- }
- </script>
- <matrix-signin-button target="signin">
- <span style="line-height: 2rem;">
- <img style="width: 24px; vertical-align: middle;" src="img/icon/matrix-element.svg"></img>
- Sign in with Matrix
- </span>
- </matrix-signin-button>
- </div>
- </div>
|