From 1cd19f73f1ebba3f1d2b281e4a3788f663ac5538 Mon Sep 17 00:00:00 2001
From: Menci <HuangHaoRui301@Gmail.com>
Date: Sat, 14 Jan 2017 19:43:40 +0800
Subject: [PATCH] Left / right arrow keys to switch pages in problem set

---
 views/page.ejs        | 4 ++--
 views/problem_set.ejs | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/views/page.ejs b/views/page.ejs
index 61bc24e..c3c89bf 100644
--- a/views/page.ejs
+++ b/views/page.ejs
@@ -1,7 +1,7 @@
 <% if (paginate.pageCnt) { %>
 <div class="ui center aligned grid">
     <div class="ui buttons">
-        <a class="ui<% if (paginate.currPage === 1) { %> disabled<% } %> button" href="<%= syzoj.utils.makeUrl(req, Object.assign(req.query, { page: paginate.currPage - 1 })) %>">
+        <a class="ui<% if (paginate.currPage === 1) { %> disabled<% } %> button" <% if (paginate.currPage !== 1) { %>href="<%= syzoj.utils.makeUrl(req, Object.assign(req.query, { page: paginate.currPage - 1 })) %>" <% } %>id="page_prev">
             <i class="left chevron icon"></i>
         </a>
         <%
@@ -27,7 +27,7 @@
         %>
         <li><span>...</span></li>
         <% } %>
-        <a class="ui<% if (paginate.currPage === paginate.pageCnt) { %> disabled<% } %> button" href="<%= syzoj.utils.makeUrl(req, Object.assign(req.query, { page: paginate.currPage + 1 })) %>">
+        <a class="ui<% if (paginate.currPage === paginate.pageCnt) { %> disabled<% } %> button" <% if (paginate.currPage !== paginate.pageCnt) { %>href="<%= syzoj.utils.makeUrl(req, Object.assign(req.query, { page: paginate.currPage + 1 })) %>" <% } %>id="page_next">
             <i class="right chevron icon"></i>
         </a>
     </div>
diff --git a/views/problem_set.ejs b/views/problem_set.ejs
index e622c72..96a9406 100644
--- a/views/problem_set.ejs
+++ b/views/problem_set.ejs
@@ -49,5 +49,11 @@
     </tbody>
   </table><br>
   <% include page  %>
+<script>
+document.addEventListener('keydown', function (event) {
+  if (event.keyCode === 39) document.getElementById('page_next').click();
+  else if (event.keyCode === 37) document.getElementById('page_prev').click();
+});
+</script>
 </div>
 <% include footer %>