diff options
| author | Jan Tuomi <jan.tuomi@eficode.com> | 2020-04-26 19:54:24 +0300 |
|---|---|---|
| committer | Jan Tuomi <jan.tuomi@eficode.com> | 2020-04-26 19:54:24 +0300 |
| commit | 2687ad8b7337c4bd9517430ad08ec1bbc8f4f4ba (patch) | |
| tree | bad1a6ec868101ef5d3b979ebe3c202057e99c3b /frontend/src/index.html | |
| parent | 7e057c8a56b51bdd7e95b3919d013ac0edd481e9 (diff) | |
Add some style and fix bugs
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> |