# HG changeset patch
# User domruf <dominikruf@gmail.com>
# Date 2017-05-25 17:49:50
# Node ID d5ec8035ff6eab1b5e43b5dc1a82c4bbb2fc6a6a
# Parent  84b339875fbfac7c82936a0bd44a2ff68b14b0c8

changelog: re-render branch graph on page resize

When the browser size has been changed, the dots may no longer be correctly
aligned with the table rows. Currently, the graph will just overflow without
changing size, but that can soon change.

diff --git a/kallithea/templates/changelog/changelog.html b/kallithea/templates/changelog/changelog.html
--- a/kallithea/templates/changelog/changelog.html
+++ b/kallithea/templates/changelog/changelog.html
@@ -182,6 +182,9 @@
 
         <script type="text/javascript" src="${h.url('/js/graph.js', ver=c.kallithea_version)}"></script>
         <script type="text/javascript">
+            var jsdata = ${h.js(c.jsdata)};
+            var graph = new BranchRenderer('graph_canvas', 'graph_content', 'chg_');
+
             $(document).ready(function(){
                 var $checkboxes = $('.changeset_range');
 
@@ -264,14 +267,14 @@
                 checkbox_checker();
                 $checkboxes.click(function() {
                     checkbox_checker();
-                    r.render(jsdata);
+                    graph.render(jsdata);
                 });
                 $('#singlerange').click(checkbox_checker);
 
                 $('#rev_range_clear').click(function(e){
                     $checkboxes.prop('checked', false);
                     checkbox_checker();
-                    r.render(jsdata);
+                    graph.render(jsdata);
                 });
 
                 var $msgs = $('.message');
@@ -294,7 +297,7 @@
                     $('#C-'+cid).toggleClass('expanded');
 
                     //redraw the graph, r and jsdata are bound outside function
-                    r.render(jsdata);
+                    graph.render(jsdata);
                 });
 
                 // change branch filter
@@ -315,11 +318,12 @@
                     $("#changelog").hide();
                 });
 
-                var jsdata = ${h.js(c.jsdata)};
-                var r = new BranchRenderer('graph_canvas', 'graph_content', 'chg_');
-                r.render(jsdata);
+                graph.render(jsdata);
             });
 
+            $(window).resize(function(){
+                graph.render(jsdata);
+            });
         </script>
         %else:
             ${_('There are no changes yet')}