diff options
Diffstat (limited to 'frontend/src/index.html')
| -rw-r--r-- | frontend/src/index.html | 37 |
1 files changed, 21 insertions, 16 deletions
diff --git a/frontend/src/index.html b/frontend/src/index.html index 7ffb08f..0873f70 100644 --- a/frontend/src/index.html +++ b/frontend/src/index.html @@ -3,25 +3,30 @@ <head> <title>PostgREST demo</title> <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="stylesheet" href="./style.css"> </head> <body> - <div> - <button id="logout">Logout</button> + <div class="container"> + <div> + <span id="displayName"></span> + <button id="logout" style="display: none">Logout</button> + </div> + <div id="loginWidgets" style="display: none"> + <form id="loginForm"> + <label>Username + <input type="text" name="username" id="username"> + </label> + <label>Password + <input type="password" name="password" id="password"> + </label> + <button role="submit">Log in</button> + </form> + <button id="google-login">Login with Google</button> + </div> + <h1>TODOs</h1> + <button id="fetchTodosBtn">Fetch TODOs</button> + <div id="todos"></div> </div> - <div> - <form id="loginForm"> - <label>Username - <input type="text" name="username" id="username"> - </label> - <label>Password - <input type="password" name="password" id="password"> - </label> - <button role="submit">Log in</button> - </form> - <button id="google-login">Login with Google</button> - </div> - <button id="fetchTodosBtn">Fetch TODOs</button> - <div id="todos"></div> <script src="./main.js"></script> <script src="https://apis.google.com/js/platform.js?onload=gapiInit" async defer></script> </body> |