converted time data to local timezone (#6)

* converted time data to local timezone

* Convert time on client-side instead of server-side

* Fixed pagination bug

Author: TheTrio

routes/index.js

@@ -7,6 +7,7 @@ router.get("/", async (req, res) => {
         let contests = await Contest.find({}, { rankings: 0 }).sort({
             startTime: "desc",
         });
+
         res.render("index", {
             contests: contests,
             title: "Leetcode Rating Predictor",

views/index.ejs

@@ -39,7 +39,7 @@
                 <% } else { %>
                 <td>Virtual</td>
                 <% } %>
-                <td><%= contest.startTime %></td>
+                <td class="startTime"><%= contest.startTime %></td>
                 <td><%= (contest.endTime - contest.startTime)/60000 %> minutes</td>
               </tr>
               <% } %>
@@ -54,9 +54,22 @@
 <script src="https://cdn.jsdelivr.net/npm/simple-datatables@latest" type="text/javascript"></script>
 <script>
 
-new simpleDatatables.DataTable("#contest-table", {
+const dataTable = new simpleDatatables.DataTable("#contest-table", {
 	searchable: true,
 	fixedHeight: true,
   sortable:false,
 });
+
+const contests = document.getElementsByClassName('startTime')
+for (let contest of contests) {
+  let startTime = new Date(contest.textContent)
+  contest.textContent = startTime.toLocaleString()
+}
+dataTable.on('datatable.page', function(page) {
+  const contests = document.getElementsByClassName('startTime')
+  for (let contest of contests) {
+    let startTime = new Date(contest.textContent)
+    contest.textContent = startTime.toLocaleString()
+  }
+})
 </script>