diff options
| author | Bobby <[email protected]> | 2022-03-15 23:32:45 -0400 |
|---|---|---|
| committer | Bobby <[email protected]> | 2022-03-15 23:32:45 -0400 |
| commit | 6cf54a99296fca2206926cf65c69266dc42985a7 (patch) | |
| tree | 94f447526efa3bae94d65b0ce2b3627f69fa9572 | |
| parent | 861b8ffdd93d2cd00cfffcaf34ba6233c29ce07a (diff) | |
| download | luciferreeves.github.io-6cf54a99296fca2206926cf65c69266dc42985a7.tar.xz luciferreeves.github.io-6cf54a99296fca2206926cf65c69266dc42985a7.zip | |
handle login page status while loading
| -rw-r--r-- | public/views/admin.html | 27 | ||||
| -rw-r--r-- | public/views/dashboard.html | 43 | ||||
| -rw-r--r-- | static/assets/js/pages/admin.js | 6 |
3 files changed, 72 insertions, 4 deletions
diff --git a/public/views/admin.html b/public/views/admin.html index 1e1bc52..2e9e485 100644 --- a/public/views/admin.html +++ b/public/views/admin.html @@ -9,7 +9,7 @@ <meta name="author" content=""> <link href="/static/assets/css/bootstrap.css" rel="stylesheet"> <link href="/static/assets/css/bootstrap-responsive.css" rel="stylesheet"> - <link href="static/assets/css/custom.css" rel="stylesheet"> + <link href="/static/assets/css/custom.css" rel="stylesheet"> <link rel="shortcut icon" href="/static/images/favicon.png"> <style> button { @@ -37,8 +37,31 @@ </div> </div> </div> + <div id="login-info" class="container margin-top-375" style="margin-top: 3.75rem;"> + <p id="checkingLogin">CHECKING LOGIN INFO...</p> + </div> + <script> + const checkingLogin = document.getElementById("checkingLogin"); + + // Animate checkingLogin text ellipsis + const animateEllipsis = () => { + const ellipsis = "...."; + const ellipsisLength = ellipsis.length; + let i = 0; + const interval = setInterval(() => { + if (i === ellipsisLength) { + i = 0; + } + checkingLogin.innerHTML = 'CHECKING LOGIN INFO' + ellipsis.substring(0, i); + i++; + }, 500); + return interval; + }; + + animateEllipsis(); + </script> <!-- Hero Unit --> - <div class="container margin-top-375" style="margin-top: 3.75rem;"> + <div id="login-page" class="container margin-top-375 hidden" style="margin-top: 3.75rem;"> <header class="page-header"> <h1>Admin Page</h1> </header> diff --git a/public/views/dashboard.html b/public/views/dashboard.html index 7d47341..58ac028 100644 --- a/public/views/dashboard.html +++ b/public/views/dashboard.html @@ -5,12 +5,51 @@ <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link href="/static/assets/css/bootstrap.css" rel="stylesheet"> + <link href="/static/assets/css/bootstrap-responsive.css" rel="stylesheet"> + <link href="/static/assets/css/custom.css" rel="stylesheet"> + <link rel="shortcut icon" href="/static/images/favicon.png"> <title>Document</title> </head> <body> - <h1>Dashboard</h1> - <button id="logout">Logout</button> + <div class="navbar navbar-inverse navbar-fixed-top"> + <div class="navbar-inner"> + <div class="container"> + <button type="button" class="btn btn-navbar" data-toggle="collapse" + data-target=".nav-collapse"></button> + <a class="brand" href="../">That Computer Scientist</a> + <div class="nav-collapse collapse"> + <ul class="nav"> + <li><a href="../">Home</a></li> + <li><a href="../about">About</a></li> + <li><a href="../repos">Repositories</a></li> + <li class="active"><a href="./">Administration</a></li> + </ul> + </div> + </div> + </div> + </div> + <div class="container margin-top-375" style="margin-top: 3.75rem;"> + <div class="container"> + <div class="row"> + <div class="span3 bs-docs-sidebar"> + <ul class="nav nav-list bs-docs-sidenav affix-top"> + <li class="active"><a href="../admin/dashboard">All Posts</a></li> + <li><a href="#">Add Post</a></li> + <li><a href="#">Manage Comments</a></li> + <li><a href="#">Manage Users</a></li> + <li><a id="logout">Logout</a></li> + </ul> + </div> + <div class="span9"> + <header class="page-header"> + <h1>All Posts</h1> + </header> + </div> + </div> + </div> + </div> <script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-auth.js"></script> <script> diff --git a/static/assets/js/pages/admin.js b/static/assets/js/pages/admin.js index 5f88cfc..8dc8578 100644 --- a/static/assets/js/pages/admin.js +++ b/static/assets/js/pages/admin.js @@ -1,3 +1,6 @@ +const loginInfo = document.getElementById("login-info"); +const loginForm = document.getElementById("login-page"); + window.addEventListener("DOMContentLoaded", () => { const firebaseConfig = { apiKey: "AIzaSyBCmKUnEmm8hLR9ZcFWPYbYiplbP6yUzfU", @@ -23,6 +26,9 @@ window.addEventListener("DOMContentLoaded", () => { firebase.auth().onAuthStateChanged((user) => { if (user) { window.location.assign("/admin/dashboard"); + } else { + loginForm.classList.remove("hidden"); + loginInfo.classList.add("hidden"); } }); }); |