Make chart in overview tab on key page smaller if page is small.

This fixes #60. If the chart gets to small it doesn't look good any more,
because labels will overlap. But it is better than before.

1 files changed, 14 insertions, 7 deletions

diff --git a/web/views/key.erb b/web/views/key.erb
index 49f0c94..b13aaf5 100644
--- a/web/views/key.erb
+++ b/web/views/key.erb
@@ -110,6 +110,17 @@
 <iframe id="josmiframe" name="josmiframe"></iframe>
 <% javascript do
     JS.raw(<<"JAVASCRIPT")
+function redraw_chart() {
+    jQuery('#canvas-values').html('');
+    var max_height = jQuery(window).height() - 300;
+    create_chart({
+        key: #{ @key.to_json },
+        width: 160,
+        height: Math.min(440, max_height),
+        max: #{ @count_all_values },
+        data: #{ @prevalent_values.to_json() }
+    });
+}
 function page_init2() {
     var filter = #{ @filter_type.to_json },
         key = #{ @key.to_json };
@@ -129,13 +140,9 @@ function page_init2() {
     });
 
     init_tabs([key, filter, #{ r18n.locale.code.to_json }]);
-    create_chart({
-        key: key,
-        width: 160,
-        height: 440,
-        max: #{ @count_all_values },
-        data: #{ @prevalent_values.to_json() }
-    });
+
+    redraw_chart();
+    jQuery(window).resize(redraw_chart);
 }
 JAVASCRIPT
 end