dxs
/
learn-request-queue
1
0
Fork 0
Code Issues 12 Pull Requests Projects Releases 11 Wiki Activity
learn-request-queue/views/main.eta

194 lines
8.4 KiB
Plaintext
Raw Normal View History

Initial commit
2020-06-24 21:34:53 +00:00
<!DOCTYPE html>
<html>
<head>
Get page title and colors from database See #18
2021-02-22 03:13:47 +00:00
<link rel=stylesheet href=/style.css />
<link rel=stylesheet href=/colors.css />
Allow streamer to set vote point values
2021-02-23 05:53:03 +00:00
<title><%~ it.config.title.replace('{username}',it.streamerName) %></title>
Add streamer UI Closes #11
2020-11-01 20:07:16 +00:00
<script>
window.loggedIn = <%= it.loggedIn %>;
window.validStates = <%~ it.validStates %>;
window.isStreamer = <%= it.isStreamer %>;
</script>
Initial frontend
2020-07-04 06:22:28 +00:00
<script src="main.js" defer></script>
Initial commit
2020-06-24 21:34:53 +00:00
</head>
<body>
CSS refactoring and scaling
2020-09-13 18:12:52 +00:00
<div id="navbar">
Make streamer name and profile picture in navbar link to twitch page
2020-11-10 22:09:27 +00:00
<div id="nav-streamerpic"><a href="https://twitch.tv/<%= it.streamerName %>"><img src="<%= it.streamerProfilePicture %>" /></a></div>
Allow streamer to set vote point values
2021-02-23 05:53:03 +00:00
<div id="nav-title"><%~ it.config.title.replace('{username}',`<a href="https://twitch.tv/${it.streamerName}">${it.streamerName}</a>`) %></div>
UI redesign
2020-07-05 00:51:24 +00:00
<div id="nav-requests"><a href="/">Requests</a></div>
Redesign database and implement voting
2020-08-08 04:32:06 +00:00
<%- if (it.loggedIn) { -%>
Add 'Add Request' Modal
2020-07-05 22:20:22 +00:00
<div id="nav-addrequest"><a href="#" onclick="openAddRequestModal()">Add Request</a></div>
Customization! Add ability to control page title and color scheme. Also, partially implements manual triggering of cronjobs. Fixes #18
2021-02-22 06:25:23 +00:00
<%- if (it.isStreamer) { -%>
<div id="nav-streamersettings"><a href="#" onclick="openStreamerSettingsModal()">Streamer Settings</a></div>
<%- } %>
Finish implementing login - Templated main page to show user and profile image - Added logout - Handle user rejecting Twitch authorization flow
2020-07-05 21:15:30 +00:00
<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 -%>
Get client id and url prefix from config in main.eta
2020-07-07 05:02:19 +00:00
<div id="nav-login"><a href="https://id.twitch.tv/oauth2/authorize?client_id=<%=it.clientId%>&redirect_uri=<%=it.urlPrefix%>/callback&response_type=code">Login</a></div>
Finish implementing login - Templated main page to show user and profile image - Added logout - Handle user rejecting Twitch authorization flow
2020-07-05 21:15:30 +00:00
<%- } %>
UI redesign
2020-07-05 00:51:24 +00:00
</div>
<div id="main">
<div id="requests"></div><br>
Add pagination Note: Requests API endpoints /getRequests and /getRequestsAll have breaking changes (the response schema changed entirely). Fixes #26
2021-02-26 02:52:57 +00:00
<div id="tableSettings">
<span style="width:420px">
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>
</span>
<span>
<button id="pageBtnFirst" onclick="goToPage(1)">&lt;&lt;</button>
<button id="pageBtnPrev" onclick="goToPage(currentPage-1)">&lt;</button>
<select id="page" onchange="goToPage(this.value)">
<option value=1>1</option>
</select>
of <span id="totalPages">?</span>
<button id="pageBtnNext" onclick="goToPage(currentPage+1)">&gt;</button>
<button id="pageBtnLast" onclick="goToPage(totalPages)">&gt;&gt;</button>
</span>
<span style="width:420px">
<input type="checkbox" id="allRequests" onchange="updateTable()">View learned and rejected requests</input>
</span>
</div>
UI redesign
2020-07-05 00:51:24 +00:00
</div>
Add streamer UI Closes #11
2020-11-01 20:07:16 +00:00
<div id="modalBackground">
Implement addRequest in UI - addRequest modal - Error box inside addRequest modal - Generic message modal - URL validation - same code as server - Update /api/addRequest to get requester from session - Fix return of requests.addRequest() for already requested - Make requests.addRequest() return 201 when created
2020-07-07 04:24:04 +00:00
<div class="modal" id="messageModal">
Customization! Add ability to control page title and color scheme. Also, partially implements manual triggering of cronjobs. Fixes #18
2021-02-22 06:25:23 +00:00
<div class="modalClose"><a href="#" onclick="closeAllModals()">&times;</a></div>
Implement addRequest in UI - addRequest modal - Error box inside addRequest modal - Generic message modal - URL validation - same code as server - Update /api/addRequest to get requester from session - Fix return of requests.addRequest() for already requested - Make requests.addRequest() return 201 when created
2020-07-07 04:24:04 +00:00
<span id="messageModalText"></span>
</div>
<div class="modal" id="addRequestModal">
Customization! Add ability to control page title and color scheme. Also, partially implements manual triggering of cronjobs. Fixes #18
2021-02-22 06:25:23 +00:00
<div class="modalClose"><a href="#" onclick="closeAllModals()">&times;</a></div>
Add 'Add Request' Modal
2020-07-05 22:20:22 +00:00
<h1>Add Request</h1>
Implement addRequest in UI - addRequest modal - Error box inside addRequest modal - Generic message modal - URL validation - same code as server - Update /api/addRequest to get requester from session - Fix return of requests.addRequest() for already requested - Make requests.addRequest() return 201 when created
2020-07-07 04:24:04 +00:00
<div class="error" id="addRequestError"></div>
Make addRequest box resize nicely
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>
Add 'Add Request' Modal
2020-07-05 22:20:22 +00:00
Currently, only Youtube links are accepted.
</div>
Add streamer UI Closes #11
2020-11-01 20:07:16 +00:00
<div class="modal" id="updateRequestModal">
Customization! Add ability to control page title and color scheme. Also, partially implements manual triggering of cronjobs. Fixes #18
2021-02-22 06:25:23 +00:00
<div class="modalClose"><a href="#" onclick="closeAllModals()">&times;</a></div>
Add streamer UI Closes #11
2020-11-01 20:07:16 +00:00
<h2>Update Request</h2>
<div class="error" id="updateRequestError"></div>
<br>
<a id="updateRequestUrl"></a>
<br>
Current Score: <span id="updateRequestModalCurrentScore"></span>
<hr>
<div>
State:
<select id="updateRequestStateSelect" onchange="updateRequestState(
document.getElementById('updateRequestUrl').innerText,
this.value)">Submit</button>
)"></select>
</div>
<br>
<div>
Modify Score:
<input type="number" id="scoreModifierInput"></input>
<button onclick="updateRequestScoreModifier(
document.getElementById('updateRequestUrl').innerText,
document.getElementById('scoreModifierInput').value)">Submit</button>
<br>
Implement fetching of video titles Fixes #2
2020-11-10 06:43:16 +00:00
<span id="scoreModifierHelp" class="helptext">
Add streamer UI Closes #11
2020-11-01 20:07:16 +00:00
Enter a number to add to (or negative to subtract from) the score of
a request. Use this for things like donations and channel points
redemptions.
</span>
</div>
<br>
Implement fetching of video titles Fixes #2
2020-11-10 06:43:16 +00:00
<div>
Customization! Add ability to control page title and color scheme. Also, partially implements manual triggering of cronjobs. Fixes #18
2021-02-22 06:25:23 +00:00
<a href="#" onclick="updateRequestMetadata(
Implement fetching of video titles Fixes #2
2020-11-10 06:43:16 +00:00
document.getElementById('updateRequestUrl').innerText
)">Update Request Metadata</a>
<br>
<span id="updateMetadataHelp" class="helptext">
Use this to update metadata about a request (i.e. title) if it
is missing (shows URL instead of name) or is outdated.
</span>
</div>
<br>
Add streamer UI Closes #11
2020-11-01 20:07:16 +00:00
<div>
<a id="deleteRequestLink" href="#" onclick="openDeleteRequestModal(
document.getElementById('updateRequestUrl').innerText
)">Delete Request</a>
</div>
</div>
<div class="modal" id="deleteRequestModal">
<div class="modalClose"><a href="#" onclick="closeDeleteRequestModal()">&times;</a></div>
<h2>Delete Request</h2>
<span style="color: #f00">WARNING:</span>
Deleting a request will remove the request and all votes for it from the
database. This action is irreversible. It will NOT prevent the request
from being made again - use the Rejected state for that. Are you sure
you want to delete this request?
<br><br>
<button onclick="closeDeleteRequestModal()">No</button>
<button onclick="deleteRequest(document.getElementById('updateRequestUrl').innerText)">Yes</button>
</div>
Customization! Add ability to control page title and color scheme. Also, partially implements manual triggering of cronjobs. Fixes #18
2021-02-22 06:25:23 +00:00
<div class="modal" id="streamerSettingsModal">
<div class="modalClose"><a href="#" onclick="closeAllModals()">&times;</a></div>
<h2>Streamer Settings</h2>
<div class="error" id="streamerSettingsError"></div>
<br>
Allow streamer to set vote point values
2021-02-23 05:53:03 +00:00
<div id="streamerSettingsMain">
<div>
<h3 style='margin-bottom: 0.5em'>Vote Point Values</h3>
<p>
<div id="votepoints">
<div style="display: inline-block">User: <input type="number" id="userVotePoints" style="width: 3em" value="<%~ it.config.normaluservotepoints %>"></input></div>
<div style="display: inline-block">Follower: <input type="number" id="followerVotePoints" style="width: 3em" value="<%~ it.config.followervotepoints %>"></input></div>
<div style="display: inline-block">Subscriber: <input type="number" id="subscriberVotePoints" style="width: 3em" value="<%~ it.config.subscribervotepoints %>"></input></div>
</div>
<br>
<button onclick="updateVotePoints(
document.getElementById('userVotePoints').value,
document.getElementById('followerVotePoints').value,
document.getElementById('subscriberVotePoints').value
)">Submit</button>
<button onclick="updateVotePoints(10,50,100)">Reset</button>
</p>
</div>
<hr>
<div>
<h3 style='margin-bottom: 0.5em'>Customization</h3>
<p>
Page Title:
<input type="text" id="pageTitle" style="width: 15em" value="<%~ it.config.title %>"></input>
<button onclick="updatePageTitle(document.getElementById('pageTitle').value)">Submit</button>
<button onclick="updatePageTitle('{username}\'s Learn Request Queue')">Reset</button>
</p>
<p>
<h3>Colors:</h3>
<p>Click a color to change it</p>
<b>Background:</b><br>
Primary: <input type="color" id="color-bg-primary" value="<%= it.config.colors.bg.primary %>"></input><br>
Table: <input type="color" id="color-bg-table" value="<%= it.config.colors.bg.table %>"></input><br>
Navbar: <input type="color" id="color-bg-navbar" value="<%= it.config.colors.bg.navbar %>"></input><br>
Error: <input type="color" id="color-bg-error" value="<%= it.config.colors.bg.error %>"></input><br>
<br>
<b>Foreground:</b><br>
Primary: <input type="color" id="color-fg-primary" value="<%= it.config.colors.fg.primary %>"></input><br>
Link Hover: <input type="color" id="color-fg-ahover" value="<%= it.config.colors.fg.ahover %>"></input><br>
Title: <input type="color" id="color-fg-title" value="<%= it.config.colors.fg.title %>"></input><br>
<br>
<button onclick="updateColors(getColorObject())">Submit</button>
<button onclick="updateColors({bg:{error: '#ff0000',table: '#282828',navbar: '#666666',primary: '#444444'},fg: { title: '#eeeeee', ahover: '#ffffff', primary: '#dddddd'}})">Reset</button>
</p>
</div>
<hr>
<div>
<h3 style='margin-bottom: 0.5em'>Batch Jobs</h3>
<a href="#" onclick="cronRequest('processBans')">Force Refresh Banned Users (NYI)</a>
</div>
Customization! Add ability to control page title and color scheme. Also, partially implements manual triggering of cronjobs. Fixes #18
2021-02-22 06:25:23 +00:00
</div>
</div>
Add 'Add Request' Modal
2020-07-05 22:20:22 +00:00
</div>
Initial commit
2020-06-24 21:34:53 +00:00
</body>
</html>