Show when data was last modified

www/bridges.html

@@ -35,6 +35,10 @@
     </p>
 
     <div id="bridge_reachability" style="margin-top:1em; width:98%;"></div>
+
+    <p class="last-modified">
+        Last Modified: <span id="last-modified"></span>
+    </p>
 </div>
 <script type="text/javascript" src="js/bridges.js"></script>
 </body>

www/css/index.css

@@ -32,3 +32,7 @@ button {
 #vanilla_tor, #tor-metrics, p {
     margin: 0 auto 0 auto;
 }
+
+.last-modified {
+    margin-top: 4em;
+}

www/index.html

@@ -41,6 +41,10 @@
     <p style="margin-top:2em;">
         <a href="bridges.html">What about blocked bridges?</a>
     </p>
+
+    <p class="last-modified">
+        Last Modified: <span id="last-modified"></span>
+    </p>
 </div>
 <script type="text/javascript" src="js/index.js"></script>
 </body>

www/js/bridges.js

@@ -53,7 +53,8 @@ var bridgeFilter = {field:"type", type:"in", value:["TB", "B"]}
 var ctrlFilter = {field:"ctrl", type:">=", value:80}
 
 $.getJSON("countries-bridges.json")
-.done(function( json ) {
+.done(function( json, textStatus, jqXHR ) {
+  $("#last-modified").html(jqXHR.getResponseHeader("Last-Modified"));
   $("#bridge_reachability").tabulator("setData", json);
   applyFilter();
 })

www/js/index.js

@@ -20,7 +20,8 @@ $("#vanilla_tor").tabulator({
 });
 
 $.getJSON("countries.json")
-.done(function( json ) {
+.done(function( json, textStatus, jqXHR ) {
+  $("#last-modified").html(jqXHR.getResponseHeader("Last-Modified"));
   $("#vanilla_tor").tabulator("setData", json);
   showOoniBlocking();
 })