upstream/mercurial-mirror Files · mercurial/templates/spartan/graph.tmpl

hgweb: add a "URL breadcrumb" to the index and repository pages...

hgweb: add a "URL breadcrumb" to the index and repository pages The purpose of this change is to make it much easier to navigate up the repository tree when the hg web server is used to serve more than one repository. A "URL breadcrumb" is a path where each of the path items can be clicked to go to the corresponding path page. This lets you go up the folder hierarchy very quickly. For example, when showing the list of repositories in http://myserver/myteams/myprojects, the following "breadcrumb" will be shown: Mercurial > myteams > myprojects Clicking on "myprojects" reloads the page. Clicking on "myteams" goes up one folder. Clicking on the leftmost "Mercurial" goes to the server root. This "breadcrumb" also appears on all repository pages. For example on the summary page of the repository at http://myserver/myteams/myprojects/myrepo the following will be shown: Mercurial > myteams > myprojects > myrepo / summary This change has been applied to all templates that already had a link to the main repository page (i.e. gitweb, monoblue, paper and coal) plus to the index page of the spartan template. In order to make the breadcumb links stand out the some of the template styles have been customized.

Tim Delaney - - Load All Authors

File last commit:

r17580:ffe3630c stable


                r18258:bebb05a7

default

Download file

             graph.tmpl
        
                    78 lines
            
             | 2.3 KiB
            
                | application/x-cheetah
            
             |
                CheetahLexer
            
             / mercurial / templates / spartan / graph.tmpl
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      {header}

      <title>{repo|escape}: graph</title>

      <link rel="alternate" type="application/atom+xml"

         href="{url}atom-tags" title="Atom feed for {repo|escape}: tags">

      <link rel="alternate" type="application/rss+xml"

         href="{url}rss-tags" title="RSS feed for {repo|escape}: tags">

      <!--[if IE]><script type="text/javascript" src="{staticurl}excanvas.js"></script><![endif]-->

      </head>

      <body>

      <div class="buttons">

      <a href="{url}log{sessionvars%urlparameter}">changelog</a>

      <a href="{url}shortlog{sessionvars%urlparameter}">shortlog</a>

      <a href="{url}tags{sessionvars%urlparameter}">tags</a>

      <a href="{url}branches{sessionvars%urlparameter}">branches</a>

      <a href="{url}file/{node|short}/{sessionvars%urlparameter}">files</a>

      <a href="{url}help{sessionvars%urlparameter}">help</a>

      </div>

      <h2>graph</h2>

      <form action="{url}log">

      {sessionvars%hiddenformentry}

      <p>

      <label for="search1">search:</label>

      <input name="rev" id="search1" type="text" size="30">

      navigate: <small class="navigate">{changenav%navgraph}</small>

      </p>

      </form>

      <noscript>The revision graph only works with JavaScript-enabled browsers.</noscript>

      <div id="wrapper">

      <ul id="nodebgs"></ul>

      <canvas id="graph" width="480" height="{canvasheight}"></canvas>

      <ul id="graphnodes"></ul>

      </div>

      <script type="text/javascript">

      <!-- hide script content

      var data = {jsdata|json};

      var graph = new Graph();

      graph.scale({bg_height});

      graph.vertex = function(x, y, color, parity, cur) \{

      	this.ctx.beginPath();

      	color = this.setColor(color, 0.25, 0.75);

      	this.ctx.arc(x, y, radius, 0, Math.PI * 2, true);

      	this.ctx.fill();

      	var bg = '<li class="bg parity' + parity + '"></li>';

      	var left = (this.bg_height - this.box_size) + (this.columns + 1) * this.box_size;

      	var nstyle = 'padding-left: ' + left + 'px;';

      	var item = '<li style="' + nstyle + '"><span class="desc">';

      	item += '<a href="{url}rev/' + cur[0] + '{sessionvars%urlparameter}" title="' + cur[0] + '">' + cur[3] + '</a>';

      	item += '</span><span class="info">' + cur[5] + ', by ' + cur[4] + '</span></li>';

      	return [bg, item];

      }

      graph.render(data);

      // stop hiding script -->

      </script>

      <form action="{url}log">

      {sessionvars%hiddenformentry}

      <p>

      <label for="search1">search:</label>

      <input name="rev" id="search1" type="text" size="30">

      navigate: <small class="navigate">{changenav%navgraph}</small>

      </p>

      </form>

      {footer}

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				{header}
				<title>{repo\|escape}: graph</title>
				<link rel="alternate" type="application/atom+xml"
				href="{url}atom-tags" title="Atom feed for {repo\|escape}: tags">
				<link rel="alternate" type="application/rss+xml"
				href="{url}rss-tags" title="RSS feed for {repo\|escape}: tags">
				<!--[if IE]><script type="text/javascript" src="{staticurl}excanvas.js"></script><![endif]-->
				</head>
				<body>

				<div class="buttons">
				<a href="{url}log{sessionvars%urlparameter}">changelog</a>
				<a href="{url}shortlog{sessionvars%urlparameter}">shortlog</a>
				<a href="{url}tags{sessionvars%urlparameter}">tags</a>
				<a href="{url}branches{sessionvars%urlparameter}">branches</a>
				<a href="{url}file/{node\|short}/{sessionvars%urlparameter}">files</a>
				<a href="{url}help{sessionvars%urlparameter}">help</a>
				</div>

				<h2>graph</h2>

				<form action="{url}log">
				{sessionvars%hiddenformentry}
				<p>
				<label for="search1">search:</label>
				<input name="rev" id="search1" type="text" size="30">
				navigate: <small class="navigate">{changenav%navgraph}</small>
				</p>
				</form>

				<noscript>The revision graph only works with JavaScript-enabled browsers.</noscript>

				<div id="wrapper">
				<ul id="nodebgs"></ul>
				<canvas id="graph" width="480" height="{canvasheight}"></canvas>
				<ul id="graphnodes"></ul>
				</div>

				<script type="text/javascript">
				<!-- hide script content

				var data = {jsdata\|json};
				var graph = new Graph();
				graph.scale({bg_height});

				graph.vertex = function(x, y, color, parity, cur) \{

				this.ctx.beginPath();
				color = this.setColor(color, 0.25, 0.75);
				this.ctx.arc(x, y, radius, 0, Math.PI * 2, true);
				this.ctx.fill();

				var bg = '<li class="bg parity' + parity + '"></li>';
				var left = (this.bg_height - this.box_size) + (this.columns + 1) * this.box_size;
				var nstyle = 'padding-left: ' + left + 'px;';
				var item = '<li style="' + nstyle + '"><span class="desc">';
				item += '<a href="{url}rev/' + cur[0] + '{sessionvars%urlparameter}" title="' + cur[0] + '">' + cur[3] + '</a>';
				item += '</span><span class="info">' + cur[5] + ', by ' + cur[4] + '</span></li>';

				return [bg, item];

				}

				graph.render(data);

				// stop hiding script -->
				</script>

				<form action="{url}log">
				{sessionvars%hiddenformentry}
				<p>
				<label for="search1">search:</label>
				<input name="rev" id="search1" type="text" size="30">
				navigate: <small class="navigate">{changenav%navgraph}</small>
				</p>
				</form>

				{footer}