1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <script>
- document.addEventListener("DOMContentLoaded", function(event) {
- var loginFailure = <: $failure :>;
- if( loginFailure === -1 ) {
- document.querySelector('#jsalert').style.cssText = 'display:none;';
- } else if ( loginFailure === 1 ) {
- document.querySelector('#jsalert').classList.remove("alert-success");
- document.querySelector('#jsalert').classList.add("alert-danger");
- document.querySelector('#msgIcon').innerHTML = "❌";
- document.querySelector('#message').innerHTML = "<: $message :>";
- } else {
- document.querySelector('#jsalert').classList.remove("alert-danger");
- document.querySelector('#jsalert').classList.add("alert-success");
- document.querySelector('#msgIcon').innerHTML = "✓";
- document.querySelector('#message').innerHTML = "<: $message :>";
- //JS redir better ux than 302
- window.setTimeout(function() {
- window.location="<: $to :>";
- }, 500);
- }
- });
- </script>
- <style>
- #jsalert {
- margin: 1rem;
- border-radius: .75rem;
- border-color: rgba(255,0,0,.75);
- padding: 1rem;
- margin-top: 3rem;
- position: fixed;
- width:95%;
- }
- .alert-danger {
- background-color: rgba(100,0,0,.95);
- }
- .alert-success {
- background-color: rgba(0,255,0,.95);
- }
- </style>
- <div id="jsalert" class="alert-danger">
- <table>
- <tr>
- <td id="msgIcon">
- ⚠
- </td>
- <td id="message" style="padding-left: 1rem;">
- Please enable JavaScript on this domain.
- </td>
- </tr>
- </table>
- </div>
|