Add API key warning

Author: AshGDS

app/assets/javascripts/views/missions/main.js

@@ -11,6 +11,11 @@ window.addEventListener('DOMContentLoaded', function () {
 
   const apiKey = ''
 
+  if(!apiKey) {
+    let warning = document.querySelector("#api-warning")
+    warning.innerText = "Please supply the API Key from the Trello card, otherwise map image tiles will not populate."
+  }
+
   // Initialize the map.
   const mapOptions = {
     minZoom: 7,

app/views/missions/show.html.erb

@@ -8,6 +8,7 @@
   add_view_stylesheet("missions/leaflet")
   add_view_stylesheet("missions/main")
 %>
+<div id="api-warning"></div>
 
 <input type="checkbox" name="checkbox1" id="checkbox1" checked> Filter One<br/>
 <input type="checkbox" name="checkbox1" id="checkbox2" checked> Filter Two<br/>