MercurialWebTheme

Changeset

26:32595dbcb16b
2010-10-31 Paul Boddie raw files shortlog changelog graph Trying out a table-based view of the log information. Added horizontal rules in the graph.
themes/mercurialweb/graph.tmpl (file) themes/mercurialweb/graphlabel.tmpl (file) themes/mercurialweb/graphnode.tmpl (file) themes/mercurialweb/static/style-mercurialweb.css (file)
     1.1 --- a/themes/mercurialweb/graph.tmpl	Mon Oct 25 01:20:36 2010 +0200
     1.2 +++ b/themes/mercurialweb/graph.tmpl	Sun Oct 31 16:55:46 2010 +0100
     1.3 @@ -31,13 +31,15 @@
     1.4  
     1.5  <div class="pager">{changenav%graphpagerlink}</div>
     1.6  
     1.7 -<div class="graph">
     1.8 -<ul class="graph" style="width:100%; height:{canvasheight}px; padding-left:{canvaswidth}px;">
     1.9 +<div class="graph" style="padding-left:{canvaswidth}px;">
    1.10 +<table class="graph" style="width:100%; height:{canvasheight}px;">
    1.11 +  <tbody>
    1.12  {svgdata%graphlabel}
    1.13 -</ul>
    1.14 +  </tbody>
    1.15 +</table>
    1.16  <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
    1.17 - style="width:100%; height:{canvasheight}px; position:absolute; top:0; left:0; z-index:-1;">
    1.18 -<g transform="scale({bg_height}) translate(0.5 0.25)">
    1.19 + style="width:{canvaswidth}px; height:{canvasheight}px; position:absolute; top:0; left:0; z-index:-1;">
    1.20 +<g transform="scale({bg_height}) translate(0.5 0.5)">
    1.21  {svgdata%graphnode}
    1.22  </g>
    1.23  </svg>
     2.1 --- a/themes/mercurialweb/graphlabel.tmpl	Mon Oct 25 01:20:36 2010 +0200
     2.2 +++ b/themes/mercurialweb/graphlabel.tmpl	Sun Oct 31 16:55:46 2010 +0100
     2.3 @@ -1,1 +1,7 @@
     2.4 -<li class="graphlabel" style="height:{bg_height}px;"><a href="{url}rev/{node|short}{sessionvars%urlparameter}">{desc|strip|firstline|escape}</a> {user} {age} {branches%branchtag}{inbranch%inbranchtag}{tags%tagtag}</li>
     2.5 +<tr id="{node|short}" style="min-height:{bg_height}px; max-height:{bg_height}px;">
     2.6 +  <td class="graphlabel">{age}</td>
     2.7 +  <td class="graphlabel">{user}</td>
     2.8 +  <td class="graphlabel navigation"><a href="{url}file/{node|short}{sessionvars%urlparameter}">files</a></td>
     2.9 +  <td class="graphlabel"><a href="{url}rev/{node|short}{sessionvars%urlparameter}">{desc|strip|firstline|escape}</a></td>
    2.10 +  <td class="graphlabel">{branches%branchtag}{inbranch%inbranchtag}{tags%tagtag}</td>
    2.11 +</tr>
     3.1 --- a/themes/mercurialweb/graphnode.tmpl	Mon Oct 25 01:20:36 2010 +0200
     3.2 +++ b/themes/mercurialweb/graphnode.tmpl	Sun Oct 31 16:55:46 2010 +0100
     3.3 @@ -1,2 +1,3 @@
     3.4 +<line x1="{col}" y1="{row}" x2="{cols}" y2="{row}" class="graphmarker" />
     3.5  <circle cx="{col}" cy="{row}" r="0.25" class="graphcolour-{color}" />
     3.6  {edges%graphedge}
     4.1 --- a/themes/mercurialweb/static/style-mercurialweb.css	Mon Oct 25 01:20:36 2010 +0200
     4.2 +++ b/themes/mercurialweb/static/style-mercurialweb.css	Sun Oct 31 16:55:46 2010 +0100
     4.3 @@ -427,13 +427,18 @@
     4.4      position: relative;
     4.5  }
     4.6  
     4.7 -ul.graph {
     4.8 -    list-style: none;
     4.9 +table.graph {
    4.10 +    margin: 0;
    4.11      padding: 0;
    4.12 +    border-collapse: collapse;
    4.13  }
    4.14  
    4.15  .graphlabel {
    4.16 +    vertical-align: middle;
    4.17      white-space: nowrap;
    4.18 +    overflow: hidden;
    4.19 +    padding-top: 0;
    4.20 +    padding-bottom: 0;
    4.21  }
    4.22  
    4.23  .graphcolour-1 { fill: #d00; }
    4.24 @@ -443,9 +448,11 @@
    4.25  .graphcolour-5 { fill: #00d; }
    4.26  .graphcolour-6 { fill: #d0d; }
    4.27  
    4.28 -line.graphcolour-1 { stroke: #d00; stroke-width: 0.1; }
    4.29 -line.graphcolour-2 { stroke: #dd0; stroke-width: 0.1; }
    4.30 -line.graphcolour-3 { stroke: #0d0; stroke-width: 0.1; }
    4.31 -line.graphcolour-4 { stroke: #0dd; stroke-width: 0.1; }
    4.32 -line.graphcolour-5 { stroke: #00d; stroke-width: 0.1; }
    4.33 -line.graphcolour-6 { stroke: #d0d; stroke-width: 0.1; }
    4.34 +.graphmarker { stroke: #ddd; stroke-width: 0.02; }
    4.35 +
    4.36 +line.graphcolour-1 { stroke: #d00; stroke-width: 0.1; stroke-linecap: round; }
    4.37 +line.graphcolour-2 { stroke: #dd0; stroke-width: 0.1; stroke-linecap: round; }
    4.38 +line.graphcolour-3 { stroke: #0d0; stroke-width: 0.1; stroke-linecap: round; }
    4.39 +line.graphcolour-4 { stroke: #0dd; stroke-width: 0.1; stroke-linecap: round; }
    4.40 +line.graphcolour-5 { stroke: #00d; stroke-width: 0.1; stroke-linecap: round; }
    4.41 +line.graphcolour-6 { stroke: #d0d; stroke-width: 0.1; stroke-linecap: round; }