Hide export button when export area is too large, closes #30

diff --git a/app/assets/javascripts/index/export.js b/app/assets/javascripts/index/export.js
index 23c50323647a16313da162971dd4410215ff82b4..199f226f5e18b1e5713c610f870ad7e0798f73ed 100644 (file)
--- a/app/assets/javascripts/index/export.js
+++ b/app/assets/javascripts/index/export.js
@@ -46,6 +46,7 @@ OSM.Export = function(map) {
 
   function validateControls() {
     $("#export_osm_too_large").toggle(getBounds().getSize() > OSM.MAX_REQUEST_AREA);
+    $("#export_commit").toggle(getBounds().getSize() < OSM.MAX_REQUEST_AREA);
   }
 
   page.pushstate = page.popstate = function(path) {

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index dc38ec6c341d35aebdd2e7095e57e2bc7fc47b57..448ba9e2b3a0637e0d8b6700f87d5e5911dc6746 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1192,7 +1192,7 @@ a.donate {
 
 /* Rules for export information which appears in the popout sidebar */
 
-.export_bounds {
+.export_bounds, .export_button {
   text-align: center;
 }
 

diff --git a/app/views/site/export.html.erb b/app/views/site/export.html.erb
index f071c0b4329f689432a7962ae3dca3c93bb09a79..94a9a295de10513833efc39428089ea8472efa59 100644 (file)
--- a/app/views/site/export.html.erb
+++ b/app/views/site/export.html.erb
@@ -20,7 +20,7 @@
   <div id="export_osm">
     <h4><span class="small-title"><%= t'export.start.licence' %></span><%= raw t'export.start.export_details' %></h4>
 
-    <div  id="export_osm_too_large">
+    <div id="export_osm_too_large">
       <div class="export_details">
         <h4><span class="small-title red"><%= t'export.start.too_large.heading' %></span><%= t'export.start.too_large.body' %></h4>
         <dl class="inner12">
@@ -40,7 +40,7 @@
     </div>
   </div>
 
-  <div class="inner12">
+  <div class="export_button inner12">
     <%= submit_tag t('export.start.export_button'), :id => "export_commit" %>
   </div>
 <% end %>