Mercurial > kallithea

changeset 6686:d5ec8035ff6e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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.
author domruf <dominikruf@gmail.com>
date Thu, 25 May 2017 19:49:50 +0200
parents 84b339875fbf
children 6f38405ed2f2
files kallithea/templates/changelog/changelog.html
diffstat 1 files changed, 10 insertions(+), 6 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/templates/changelog/changelog.html	Thu May 18 20:10:24 2017 +0200
+++ b/kallithea/templates/changelog/changelog.html	Thu May 25 19:49:50 2017 +0200
@@ -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')}