made graphg ticker, and fixes a paging bug caused grapgh disaligment

pylons_app/controllers/changelog.py

@@ -72,7 +72,7 b' class ChangelogController(BaseController'
         if not repo.revisions:return dumps([]), 0
         
         max_rev = repo.revisions[-1]
-        offset = 1 if p == 1 else  ((p - 1) * revcount)
+        offset = 1 if p == 1 else  ((p - 1) * revcount + 1)
         rev_start = repo.revisions[(-1 * offset)]
         
         revcount = min(max_rev, revcount)

pylons_app/public/css/monoblue_custom.css

@@ -742,9 +742,6 b' p.files {'
 }
 
 /** end of changeset **/ /** canvas **/
-#graph_nodes {
-	margin-top: 8px;
-}
 
 #graph {
 	overflow: hidden;
@@ -753,6 +750,8 b' p.files {'
 #graph_nodes {
 	width: 160px;
 	float: left;
+	margin-left:-50px;
+	margin-top: 5px;
 }
 
 #graph_content {
@@ -774,7 +773,8 b' p.files {'
 	border-bottom: 1px solid #CCCCCC;
 	border-left: 1px solid #CCCCCC;
 	border-right: 1px solid #CCCCCC;
-	height: 120px;
+	min-height: 80px;
+	overflow: hidden;
 }
 
 #graph_content .container .left {

pylons_app/public/js/graph.js

@@ -1,5 +1,6 b''
 // branch_renderer.js - Rendering of branch DAGs on the client side
 //
+// Copyright 2010 Marcin Kuzminski <marcin AT python-works DOT com>
 // Copyright 2008 Jesper Noehr <jesper AT noehr DOT org>
 // Copyright 2008 Dirkjan Ochtman <dirkjan AT ochtman DOT nl>
 // Copyright 2006 Alexander Schremmer <alex AT alexanderweb DOT de>
@@ -32,7 +33,8 b' function BranchRenderer() {'
 	this.ctx.fillStyle = 'rgb(0, 0, 0)';
 	this.cur = [0, 0];
 	this.max_column = 1;
-	this.line_width = 3;
+	this.line_width = 2.5;
+	this.dot_radius = 5.5;
 	this.bg = [0, 4];
 	this.cell = [2, 0];
 	this.revlink = '';
@@ -60,7 +62,7 b' function BranchRenderer() {'
 		var idx = 1;
 		var rela = document.getElementById('graph');
 		var pad = 160;
-		var scale = 20;
+		var scale = 22;
 		
 		for (var i in data) {
 			this.scale(scale);
@@ -102,20 +104,21 b' function BranchRenderer() {'
 				
 				y = row.offsetTop-rela.offsetTop+4;
 				x = pad-((this.cell[0] + this.box_size * start - 1) + this.bg_height-2);
+				this.ctx.lineWidth=this.line_width;
 				this.ctx.beginPath();
 				this.ctx.moveTo(x, y);
 				
 				//i don't know why it's +1 just fixes some drawing graph.
 				y += row.clientHeight+1;
 				x = pad-((1 + this.box_size * end) + this.bg_height-2);
-				this.ctx.lineTo(x,y+extra);
+				this.ctx.lineTo(x,y+extra,3);
 				this.ctx.stroke();
 			}
 			
 			column = node[0]
 			color = node[1]
 			
-			radius = 4;
+			radius = this.dot_radius;
 			y = row.offsetTop-rela.offsetTop+4;
 			x = pad-(Math.round(this.cell[0] * scale/2 * column + radius) + 15 - (column*4));
 		

pylons_app/templates/changelog/changelog.html

@@ -42,17 +42,17 b''
 		<div id="chg_${cnt+1}" class="container">
 			<div class="left">
 				<div class="date">${_('commit')} ${cs.revision}: ${cs.raw_id}@${cs.date}</div>
+					<span class="logtags">
+						<span class="branchtag">${cs.branch}</span>
+						%for tag in cs.tags:
+							<span class="tagtag">${tag}</span>
+						%endfor
+					</span>					
 				<div class="author">${cs.author}</div>
 				<div class="message">
 					${h.link_to(h.wrap_paragraphs(cs.message),
 					h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}
 				</div>
-					<span class="logtags">
-						<span class="branchtag">${cs.branch}</span>
-						%for tag in cs.tags:
-							<span class="tagtag">${tag}</span>
-						%endfor
-					</span>
 			</div>	
 			<div class="right">
 						<div class="changes">