Add editor/embed support for map_background_color

nixta · Mar 18, 2014 · 280ae32 · 280ae32
1 parent 622acbf
commit 280ae32
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 0 deletions.
diff --git a/source/embed/index.html b/source/embed/index.html
@@ -116,6 +116,9 @@
         if(d.storymap.map_as_image) {
             options.map_as_image = d.storymap.map_as_image;       
         }
+        if(d.storymap.map_background_color) {
+            options.map_background_color = d.storymap.map_background_color;
+        }
         if(d.storymap.language) {
             options.language = d.storymap.language;
         }

diff --git a/website/templates/_modals.html b/website/templates/_modals.html
@@ -113,6 +113,12 @@ <h5>Options</h5>
                 </div>
             </div>
 <!-- zoomify -->
+            <div class="control-group zoomify-control-group">
+                <label class="control-label">Map Background Color</label>
+                <div class="controls">
+                    <input id="map_background_color" type="text" placeholder="#ffffff">
+                </div>
+            </div>
             <div class="control-group zoomify-control-group">
                 <label class="control-label">Zoomify URL</label>
                 <div class="controls">

diff --git a/website/templates/edit.html b/website/templates/edit.html
@@ -74,6 +74,7 @@
         language: "en",
         map_type: "stamen:toner-lite",
         map_subdomains: "",
+        map_background_color: '#ffffff',
         // just one...
         slide: {
             date: "",
@@ -413,6 +414,9 @@
     if(_storymap_data.storymap.hasOwnProperty('map_as_image')) {
         options.map_as_image = _storymap_data.storymap.map_as_image;
     }
+    if(_storymap_data.storymap.hasOwnProperty('map_background_color')) {
+        options.map_background_color = _storymap_data.storymap.map_background_color;
+    }
     if(_storymap_data.storymap.language) {
         options.language = _storymap_data.storymap.language;
     }
@@ -477,6 +481,25 @@
 
     $('input:radio[name="map_as_image"][value="'+get_map_as_image()+'"]').prop('checked', true);
 
+    document.getElementById('map').style.backgroundColor = 
+        _storymap_data.storymap.map_background_color || _default_data.storymap.map_background_color;
+
+    $('#map_background_color').minicolors({
+        control: 'hue',
+        opacity: false,
+        theme: 'bootstrap',
+        hide: function() {
+            var color = $(this).val();
+            if(color != _storymap_data.storymap.map_background_color) {
+                _storymap_data.storymap.map_background_color = color;
+                storymap_dirty(1);   
+
+                document.getElementById('map').style.backgroundColor = 
+                    color || _default_data.storymap.map_background_color;         
+            }
+        }
+    });    
+
     font_update();
 
     // Slides 1,...,n