From b3e6a151423d3750f0f4894e80d68346d9f2d8d7 Mon Sep 17 00:00:00 2001
From: Tyler Hallada <tyler@hallada.net>
Date: Fri, 1 Dec 2017 10:58:07 -0500
Subject: [PATCH] Add map last updated date to page

---
 index.html         |  6 ++++--
 js/getMapUpdate.js | 10 ++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)
 create mode 100644 js/getMapUpdate.js

diff --git a/index.html b/index.html
index fbea989..02b2dde 100644
--- a/index.html
+++ b/index.html
@@ -75,7 +75,8 @@
               View the server map
             </a>
             <p class="small-text">
-              Map is updated every day around 3 am EST.
+              Map is updated every day around 3 am EST. Last updated:&nbsp;
+              <span id="map-last-updated" class="small-text"></span>
             </p>
 
             <h2>Server Log</h2>
@@ -90,9 +91,10 @@
             <p class="small-text">Updated every 10 seconds.</p>
         </div>
 
-		<script src="https://mcapi.us/scripts/minecraft.js"></script>
+        <script src="https://mcapi.us/scripts/minecraft.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.2/moment.min.js"></script>
         <script src="js/getStatus.js"></script>
         <script src="js/getLog.js"></script>
+        <script src="js/getMapUpdate.js"></script>
     </body>
 </html>
diff --git a/js/getMapUpdate.js b/js/getMapUpdate.js
new file mode 100644
index 0000000..f5fe635
--- /dev/null
+++ b/js/getMapUpdate.js
@@ -0,0 +1,10 @@
+var mapUpdateTime = document.getElementById('map-last-updated');
+
+function getHeaderTime () {
+  mapUpdateTime.textContent = moment(this.getResponseHeader("Last-Modified")).calendar();
+}
+
+var oReq = new XMLHttpRequest();
+oReq.open("HEAD", "/map/index.html");
+oReq.onload = getHeaderTime;
+oReq.send();