Merge pull request #44 from embeepea/master

move editor/noter url values to config.yml, and change 'PH' icon to 'i'

example-config.yml

@@ -9,3 +9,6 @@ INITIAL_LAT: "40.74096"
 INITIAL_LON: "-73.99254"
 SITE_NAME: "Kartta Labs"
 CONTACT_EMAIL: "[email protected]"
+EDITOR_URL: "http://localhost:8000/e"
+NOTER_URL: "http://localhost:8000/nf"
+NOTER_API_URL: "http://localhost:8000/nb"

mbgl-map.css

@@ -109,10 +109,13 @@ canvas.mapboxgl-canvas.crosshair-cursor {
 }
 
 .button-photo {
+  width: 17px;
   border: 1px solid #aaa;
   padding: 5px;
   font-weight: bold;
-  font-size: 14px;
+  font-size: 26px;
+  text-align: center;
+  font-family: 'Zilla Slab';
   border-radius: 5px;
   background-color: white;
 }

mbgl-map.js

@@ -139,9 +139,9 @@ document.addEventListener("DOMContentLoaded", function(){
   map.addControl(new PhotoMapControl({
     layer: "buildings",
     outlineLayer: "buildings_outline",
-    editorUrl:   "https://re.city/e",
-    noterUrl: "https://re.city/nf",
-    noterApiUrl: "https://re.city/nb"
+    editorUrl: "{{ EDITOR_URL }}",
+    noterUrl: "{{ NOTER_URL }}",
+    noterApiUrl: "{{ NOTER_API_URL }}"
   }));
 
 

mbgl-photomap.js

@@ -20,7 +20,7 @@ class PhotoMapControl {
     this._container = document.createElement('div');
     this._container.className = "mapboxgl-ctrl button-photo";
     this._container.id = "button-photo";
-    this._container.textContent = 'PH';
+    this._container.textContent = 'i';
     this.sideBarContainer =  document.getElementById("map-wrapper");
     this.searchResults = document.getElementById("search-results");
     this.searchResultsList = document.getElementById("search-results-list");