learn-request-queue/views/main.eta

51 lines
1.9 KiB
Plaintext
Raw Normal View History

2020-06-24 21:34:53 +00:00
<!DOCTYPE html>
<html>
<head>
<link rel=stylesheet href=style.css />
2020-07-04 06:22:28 +00:00
<title>Learn Request Queue</title>
<script src="main.js" defer></script>
2020-06-24 21:34:53 +00:00
</head>
<body>
2020-07-05 00:51:24 +00:00
<div id="topbar">
<div id="logo">Learn Request Queue</div>
<div id="nav-requests"><a href="/">Requests</a></div>
<%- if (it.userName) { // Logged in -%>
2020-07-05 22:20:22 +00:00
<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 -%>
2020-07-05 18:46:41 +00:00
<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>
<%- } %>
2020-07-05 00:51:24 +00:00
</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="modalBackground">
<div class="modal" id="messageModal">
<div class="modalClose"><a href="#" onclick="closeMessageModal()">&times;</a></div>
<span id="messageModalText"></span>
</div>
<div class="modal" id="addRequestModal">
<div class="modalClose"><a href="#" onclick="closeAddRequestModal()">&times;</a></div>
2020-07-05 22:20:22 +00:00
<h1>Add Request</h1>
<div class="error" id="addRequestError"></div>
2020-07-06 03:16:41 +00:00
<span id="addRequestInputContainer">
URL: <input id="addRequestUrl" placeholder="https://www.youtube.com/watch?v=dQw4w9WgXcQ"></input>
<button onclick="validateAndSubmitRequest()">Request</button><br>
</span>
2020-07-05 22:20:22 +00:00
Currently, only Youtube links are accepted.
</div>
</div>
2020-06-24 21:34:53 +00:00
</body>
</html>