learn-request-queue/views/main.eta

45 lines
1.6 KiB
Plaintext

<!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-addrequest"><a href="#" onclick="openAddRequestModal()">Add Request</a></div>
<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>
<div id="addRequestModalBackground">
<div id="addRequestModal">
<div id="addRequestModalClose"><a href="#" onclick="closeAddRequestModal()">&times;</a></div>
<h1>Add Request</h1>
URL: <input id="addRequestUrl"></input>
<button onclick="validateAndSubmitRequest()">Request</button><br>
Currently, only Youtube links are accepted.
</div>
</div>
</body>
</html>