dxs/learn-request-queue
1
0
Fork 0
Code Issues 12 Pull requests Projects Releases 11 Wiki Activity

Finish implementing login

Browse source 
- Templated main page to show user and profile image
- Added logout
- Handle user rejecting Twitch authorization flow
This commit is contained in:
Dessa Simpson 2020-07-05 14:15:30 -07:00
parent df68c990fc
commit e8d7d6362b
5 changed files with 41 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

34
views/main.eta Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<link rel=stylesheet href=style.css />
<title>Learn Request Queue</title>
<script src="main.js" defer></script>
</head>
<body>
<div id="topbar">
<div id="logo">Learn Request Queue</div>
<div id="nav-requests"><a href="/">Requests</a></div>
<%- if (it.userName) { // Logged in -%>
<div id="nav-userpic"><img src="<%= it.userProfilePicture %>" /></div>
<div id="nav-username"><%= it.userName %></div>
<div id="nav-logout"><a href="/logout">Logout</a></div>
<%- } else { // Not logged in -%>
<div id="nav-login"><a href="https://id.twitch.tv/oauth2/authorize?client_id=di37tc1dr9rhvmpvzgn8rkmi7bdhkk&redirect_uri=https://localhost/callback&response_type=code">Login</a></div>
<%- } %>
</div>
<div id="main">
<div id="requests"></div><br>
Count:
<select id="count" value="10" onchange="updateTable()">
<option>5</option>
<option selected="selected">10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
<input type="checkbox" id="allRequests" onchange="updateTable()">View requests in any state</input>
</div>
</body>
</html>