upstream/mercurial-mirror Commit - r35547:5afe0ca5

paper: make actual changeset entries have backgrounds on /graph...

av6 -

r35547:5afe0ca5 default

parent child

mercurial/templates/paper/graph.tmpl

0 +1 -8

             {header}
             <title>{repo|escape}: revision graph</title>
             <link rel="alternate" type="application/atom+xml"
                href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}: log" />
             <link rel="alternate" type="application/rss+xml"
                href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}: log" />
             <!--[if IE]><script type="text/javascript" src="{staticurl|urlescape}excanvas.js"></script><![endif]-->
             </head>
             <body>
             <div class="container">
             <div class="menu">
             <div class="logo">
             <a href="{logourl}">
             <img src="{staticurl|urlescape}{logoimg}" alt="mercurial" /></a>
             </div>
             <ul>
             <li><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">log</a></li>
             <li class="active">graph</li>
             <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a></li>
             <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a></li>
             <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a></li>
             </ul>
             <ul>
             <li><a href="{url|urlescape}rev/{symrev}{sessionvars%urlparameter}">changeset</a></li>
             <li><a href="{url|urlescape}file/{symrev}{path|urlescape}{sessionvars%urlparameter}">browse</a></li>
             </ul>
             <ul>
              <li><a href="{url|urlescape}help{sessionvars%urlparameter}">help</a></li>
             </ul>
             <div class="atom-logo">
             <a href="{url|urlescape}atom-log" title="subscribe to atom feed">
             <img class="atom-logo" src="{staticurl|urlescape}feed-icon-14x14.png" alt="atom feed" />
             </a>
             </div>
             </div>
             <div class="main">
             <h2 class="breadcrumb"><a href="/">Mercurial</a> {pathdef%breadcrumb}</h2>
             <h3>graph</h3>
             {searchform}
             <div class="navigate">
             <a href="{url|urlescape}graph/{symrev}{lessvars%urlparameter}">less</a>
             <a href="{url|urlescape}graph/{symrev}{morevars%urlparameter}">more</a>
             | rev {rev}: {changenav%navgraph}
             </div>
             <noscript><p>The revision graph only works with JavaScript-enabled browsers.</p></noscript>
             <div id="wrapper">
-            <ul id="nodebgs" class="stripes2"></ul>
             <canvas id="graph"></canvas>
-            <ul id="graphnodes">{nodes%graphentry}</ul>
+            <ul id="graphnodes" class="stripes2">{nodes%graphentry}</ul>
             </div>
             <script type="text/javascript"{if(nonce, ' nonce="{nonce}"')}>
             var data = {jsdata|json};
             var graph = new Graph();
             graph.scale({bg_height});
-            graph.vertex = function(x, y, radius, color, parity, cur) \{
-            	Graph.prototype.vertex.apply(this, arguments);
-            	return ['<li class="bg"></li>', ''];
             graph.render(data);
             </script>
             <div class="navigate">
             <a href="{url|urlescape}graph/{symrev}{lessvars%urlparameter}">less</a>
             <a href="{url|urlescape}graph/{symrev}{morevars%urlparameter}">more</a>
             | rev {rev}: {changenav%navgraph}
             </div>
             <script type="text/javascript"{if(nonce, ' nonce="{nonce}"')}>
                 ajaxScrollInit(
                         '{url|urlescape}graph/%next%{graphvars%urlparameter}',
                         '{nextentry%"{node}"}', <!-- NEXTHASH
                         function (htmlText, previousVal) \{
                             var m = htmlText.match(/'(\w+)', <!-- NEXTHASH/);
                             return m ? m[1] : null;
                         },
                         '#wrapper',
                         '<div class="%class%" style="text-align: center;">%text%</div>',
                         'graph'
                 );
             </script>
             </div>
             </div>
             {footer}

mercurial/templates/paper/graphentry.tmpl

0 +2 0

             <li data-node="{node|short}">
+             <div class="fg">
               <span class="desc">
                <a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{desc|strip|firstline|escape|nonempty}</a>
               </span>
               {alltags}
               <div class="info"><span class="age">{date|rfc822date}</span>, by {author|person}</div>
+             </div>
             </li>

mercurial/templates/static/style-paper.css

0 +7 -10

             body {
               margin: 0;
               padding: 0;
               background: white;
               color: black;
               font-family: sans-serif;
             }
             .container {
               padding-left: 115px;
             }
             .main {
               position: relative;
               background: white;
               padding: 2em 2em 2em 0;
             }
             #.main {
               width: 98%;
             }
             .overflow {
               width: 100%;
               overflow: auto;
             }
             .menu {
               width: 90px;
               margin: 0;
               font-size: 80%;
               text-align: left;
               position: absolute;
               top: 20px;
               left: 20px;
               right: auto;
             }
             .menu ul {
               list-style: none;
               padding: 0;
               margin: 10px 0 0 0;
               border-left: 2px solid #999;
             }
             .menu li {
               margin-bottom: 3px;
               padding: 2px 4px;
               background: white;
               color: black;
               font-weight: normal;
             }
             .menu li.active {
               font-weight: bold;
             }
             .menu img {
               width: 75px;
               height: 90px;
               border: 0;
             }
             div.atom-logo {
               margin-top: 10px;
             }
             .atom-logo img{
               width: 14px;
               height: 14px;
               border: 0;
             }
             .menu a { color: black; display: block; }
             .search {
               position: absolute;
               top: .7em;
               right: 2em;
             }
             form.search div#hint {
               display: none;
               position: absolute;
               top: 40px;
               right: 0px;
               width: 190px;
               padding: 5px;
               background: #ffc;
               font-size: 70%;
               border: 1px solid yellow;
               border-radius: 5px;
             }
             form.search:hover div#hint { display: block; }
             a { text-decoration:none; }
             .age { white-space:nowrap; }
             .date { white-space:nowrap; }
             .indexlinks { white-space:nowrap; }
             .parity0,
             .stripes4 > :nth-child(4n+1),
             .stripes2 > :nth-child(2n+1) { background-color: #f0f0f0; }
             .parity1,
             .stripes4 > :nth-child(4n+3),
             .stripes2 > :nth-child(2n+2) { background-color: white; }
             .plusline { color: green; }
             .minusline { color: #dc143c; } /* crimson */
             .atline { color: purple; }
             .diffstat-table {
               margin-top: 1em;
             }
             .diffstat-file {
               white-space: nowrap;
               font-size: 90%;
             }
             .diffstat-total {
               white-space: nowrap;
               font-size: 90%;
             }
             .diffstat-graph {
               width: 100%;
             }
             .diffstat-add {
               background-color: green;
               float: left;
             }
             .diffstat-remove {
               background-color: red;
               float: left;
             }
             .navigate {
               text-align: right;
               font-size: 60%;
               margin: 1em 0;
             }
             .phase {
               color: #999;
               font-size: 70%;
               border-bottom: 1px dotted #999;
               font-weight: normal;
               margin-left: .5em;
               vertical-align: baseline;
             }
             .obsolete {
               color: #999;
               font-size: 70%;
               border-bottom: 1px dashed #999;
               font-weight: normal;
               margin-left: .5em;
               vertical-align: baseline;
             }
             .instability {
               color: #000;
               font-size: 70%;
               border-bottom: 1px solid #000;
               font-weight: normal;
               margin-left: .5em;
               vertical-align: baseline;
             }
             .tag {
               color: #999;
               font-size: 70%;
               font-weight: normal;
               margin-left: .5em;
               vertical-align: baseline;
             }
             .branchhead {
               color: #000;
               font-size: 80%;
               font-weight: normal;
               margin-left: .5em;
               vertical-align: baseline;
             }
             ul#graphnodes .branchhead {
               font-size: 75%;
             }
             .branchname {
               color: #000;
               font-size: 60%;
               font-weight: normal;
               margin-left: .5em;
               vertical-align: baseline;
             }
             /* Common */
             pre { margin: 0; }
             h2 { font-size: 120%; border-bottom: 1px solid #999; }
             h2 a { color: #000; }
             h3 {
               margin-top: +.7em;
               font-size: 100%;
             }
             /* log and tags tables */
             .bigtable {
               border-bottom: 1px solid #999;
               border-collapse: collapse;
               font-size: 90%;
               width: 100%;
               font-weight: normal;
               text-align: left;
             }
             .bigtable td {
               padding: 1px 4px;
               vertical-align: top;
             }
             .bigtable th {
               padding: 1px 4px;
               border-bottom: 1px solid #999;
             }
             .bigtable tr { border: none; }
             .bigtable .age { width: 7em; }
             .bigtable .author { width: 15em; }
             .bigtable .description { }
             .bigtable .description .base { font-size: 70%; float: right; line-height: 1.66; }
             .bigtable .node { width: 5em; font-family: monospace;}
             .bigtable .permissions { width: 8em; text-align: left;}
             .bigtable .size { width: 5em; text-align: right; }
             .bigtable .annotate { text-align: right; }
             .bigtable td.annotate { font-size: smaller; }
             .bigtable td.source { font-size: inherit; }
             tr.thisrev a { color:#999999; text-decoration: none; }
             tr.thisrev td.source { color:#009900; }
             td.annotate {
               white-space: nowrap;
             }
             div.annotate-info {
               z-index: 5;
               display: none;
               position: absolute;
               background-color: #FFFFFF;
               border: 1px solid #999;
               text-align: left;
               color: #000000;
               padding: 5px;
             }
             div.annotate-info a { color: #0000FF; }
             td.annotate:hover div.annotate-info { display: inline; }
             #diffopts-form {
               font-size: smaller;
               color: #424242;
               padding-bottom: 10px;
               display: none;
             }
             .source, .sourcefirst {
               font-family: monospace;
               white-space: pre;
               padding: 1px 4px;
               font-size: 90%;
             }
             .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
             .source a { color: #999; font-size: smaller; font-family: monospace;}
             .bottomline { border-bottom: 1px solid #999; }
             .sourcelines {
               font-size: 90%;
               position: relative;
               counter-reset: lineno;
             }
             .wrap > span {
                 white-space: pre-wrap;
             }
             .linewraptoggle {
                 float: right;
             }
             .diffblocks { counter-reset: lineno; }
             .diffblocks > div { counter-increment: lineno; }
             .sourcelines > span {
               display: inline-block;
               box-sizing: border-box;
               width: 100%;
               padding: 1px 0px 1px 5em;
               counter-increment: lineno;
             }
             .sourcelines > span:before {
               -moz-user-select: -moz-none;
               -khtml-user-select: none;
               -webkit-user-select: none;
               -ms-user-select: none;
               user-select: none;
               display: inline-block;
               margin-left: -6em;
               width: 4em;
               font-size: smaller;
               color: #999;
               text-align: right;
               content: counters(lineno, ".");
               float: left;
             }
             .sourcelines > span:target, tr:target td {
               background-color: #bfdfff;
             }
             /* Followlines */
             tbody.sourcelines > tr.followlines-selected,
             pre.sourcelines > span.followlines-selected {
               background-color: #99C7E9;
             }
             div#followlines {
               background-color: #FFF;
               border: 1px solid #999;
               padding: 5px;
               position: fixed;
             }
             div.followlines-cancel {
               text-align: right;
             }
             div.followlines-cancel > button {
               line-height: 80%;
               padding: 0;
               border: 0;
               border-radius: 2px;
               background-color: inherit;
               font-weight: bold;
             }
             div.followlines-cancel > button:hover {
               color: #FFFFFF;
               background-color: #CF1F1F;
             }
             div.followlines-link {
               margin: 2px;
               margin-top: 4px;
               font-family: sans-serif;
             }
             .btn-followlines {
               display: none;
               cursor: pointer;
               box-sizing: content-box;
               font-size: 12px;
               width: 13px;
               height: 13px;
               border-radius: 3px;
               margin: 0px;
               margin-top: -2px;
               padding: 0px;
               background-color: #E5FDE5;
               border: 1px solid #9BC19B;
               font-family: monospace;
               text-align: center;
               line-height: 5px;
             }
             tr .btn-followlines {
               position: absolute;
             }
             span .btn-followlines {
               float: left;
             }
             span.followlines-select .btn-followlines {
               margin-left: -1.5em;
             }
             .btn-followlines:hover {
               transform: scale(1.2, 1.2);
             }
             .btn-followlines .followlines-plus {
               color: green;
             }
             .btn-followlines .followlines-minus {
               color: red;
             }
             .btn-followlines-end {
               background-color: #ffdcdc;
             }
             .sourcelines tr:hover .btn-followlines,
             .sourcelines span.followlines-select:hover > .btn-followlines {
               display: inline;
             }
             .btn-followlines-hidden,
             .sourcelines tr:hover .btn-followlines-hidden {
               display: none;
             }
             .sourcelines > a {
                 display: inline-block;
                 position: absolute;
                 left: 0px;
                 width: 4em;
                 height: 1em;
             }
             .fileline { font-family: monospace; }
             .fileline img { border: 0; }
             .tagEntry .closed { color: #99f; }
             /* Changeset entry */
             #changesetEntry {
               border-collapse: collapse;
               font-size: 90%;
               width: 100%;
               margin-bottom: 1em;
             }
             #changesetEntry th {
               padding: 1px 4px;
               width: 4em;
               text-align: right;
               font-weight: normal;
               color: #999;
               vertical-align: top;
             }
             div.description {
               border-left: 2px solid #999;
               margin: 1em 0 1em 0;
               padding: .3em;
               white-space: pre;
               font-family: monospace;
             }
             /* Graph */
             div#wrapper {
             	position: relative;
             	border-top: 1px solid black;
             	border-bottom: 1px solid black;
             	margin: 0;
             	padding: 0;
             }
             canvas {
             	position: absolute;
             	z-index: 5;
             	top: -0.7em;
             	margin: 0;
             }
             ul#graphnodes {
-            	position: absolute;
-            	z-index: 10;
-            	top: -1.0em;
-            	list-style: none inside none;
-            	padding: 0;
-            ul#nodebgs {
             	list-style: none inside none;
             	padding: 0;
             	margin: 0;
-            	top: -0.7em;
             }
-            ul#graphnodes li, ul#nodebgs li {
+            ul#graphnodes li {
             	height: 39px;
+            	overflow: visible;
+            }
+            ul#graphnodes li .fg {
+            	position: absolute;
+            	z-index: 10;
             }
             ul#graphnodes li .info {
             	font-size: 70%;
             }
             /* Comparison */
             .legend {
                 padding: 1.5% 0 1.5% 0;
             }
             .legendinfo {
                 border: 1px solid #999;
                 font-size: 80%;
                 text-align: center;
                 padding: 0.5%;
             }
             .equal {
                 background-color: #ffffff;
             }
             .delete {
                 background-color: #faa;
                 color: #333;
             }
             .insert {
                 background-color: #ffa;
             }
             .replace {
                 background-color: #e8e8e8;
             }
             .header {
                 text-align: center;
             }
             .block {
                 border-top: 1px solid #999;
             }
             .breadcrumb {
                 color: gray;
             }
             .breadcrumb a {
                 color: blue;
             }
             .scroll-loading {
               -webkit-animation: change_color 1s linear 0s infinite alternate;
               -moz-animation: change_color 1s linear 0s infinite alternate;
               -o-animation: change_color 1s linear 0s infinite alternate;
               animation: change_color 1s linear 0s infinite alternate;
             }
             @-webkit-keyframes change_color {
               from { background-color: #A0CEFF; } to {  }
             }
             @-moz-keyframes change_color {
               from { background-color: #A0CEFF; } to {  }
             }
             @-o-keyframes change_color {
               from { background-color: #A0CEFF; } to {  }
             }
             @keyframes change_color {
               from { background-color: #A0CEFF; } to {  }
             }
             .scroll-loading-error {
                 background-color: #FFCCCC !important;
             }

tests/test-hgweb-empty.t

0 +1 -8

             #require serve
             Some tests for hgweb in an empty repository
               $ hg init test
               $ cd test
               $ hg serve -n test -p $HGPORT -d --pid-file=hg.pid -A access.log -E errors.log
               $ cat hg.pid >> $DAEMON_PIDS
               $ (get-with-headers.py localhost:$HGPORT 'shortlog')
 Script output follows
               <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
               <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
               <head>
               <link rel="icon" href="/static/hgicon.png" type="image/png" />
               <meta name="robots" content="index, nofollow" />
               <link rel="stylesheet" href="/static/style-paper.css" type="text/css" />
               <script type="text/javascript" src="/static/mercurial.js"></script>
               <title>test: log</title>
               <link rel="alternate" type="application/atom+xml"
                  href="/atom-log" title="Atom feed for test" />
               <link rel="alternate" type="application/rss+xml"
                  href="/rss-log" title="RSS feed for test" />
               </head>
               <body>
               <div class="container">
               <div class="menu">
               <div class="logo">
               <a href="https://mercurial-scm.org/">
               <img src="/static/hglogo.png" alt="mercurial" /></a>
               </div>
               <ul>
               <li class="active">log</li>
               <li><a href="/graph/tip">graph</a></li>
               <li><a href="/tags">tags</a></li>
               <li><a href="/bookmarks">bookmarks</a></li>
               <li><a href="/branches">branches</a></li>
               </ul>
               <ul>
               <li><a href="/rev/tip">changeset</a></li>
               <li><a href="/file/tip">browse</a></li>
               </ul>
               <ul>
               </ul>
               <ul>
                <li><a href="/help">help</a></li>
               </ul>
               <div class="atom-logo">
               <a href="/atom-log" title="subscribe to atom feed">
               <img class="atom-logo" src="/static/feed-icon-14x14.png" alt="atom feed" />
               </a>
               </div>
               </div>
               <div class="main">
               <h2 class="breadcrumb"><a href="/">Mercurial</a> </h2>
               <h3>log</h3>
               <form class="search" action="/log">
               <p><input name="rev" id="search1" type="text" size="30" value="" /></p>
               <div id="hint">Find changesets by keywords (author, files, the commit message), revision
               number or hash, or <a href="/help/revsets">revset expression</a>.</div>
               </form>
               <div class="navigate">
               <a href="/shortlog/tip?revcount=30">less</a>
               <a href="/shortlog/tip?revcount=120">more</a>
               | rev -1:
               </div>
               <table class="bigtable">
               <thead>
                <tr>
                 <th class="age">age</th>
                 <th class="author">author</th>
                 <th class="description">description</th>
                </tr>
               </thead>
               <tbody class="stripes2">
               </tbody>
               </table>
               <div class="navigate">
               <a href="/shortlog/tip?revcount=30">less</a>
               <a href="/shortlog/tip?revcount=120">more</a>
               | rev -1:
               </div>
               <script type="text/javascript">
                   ajaxScrollInit(
                           '/shortlog/%next%',
                           '', <!-- NEXTHASH
                           function (htmlText, previousVal) {
                               var m = htmlText.match(/'(\w+)', <!-- NEXTHASH/);
                               return m ? m[1] : null;
                           },
                           '.bigtable > tbody',
                           '<tr class="%class%">\
                           <td colspan="3" style="text-align: center;">%text%</td>\
                           </tr>'
                   );
               </script>
               </div>
               </div>
               </body>
               </html>
               $ echo babar
               babar
               $ (get-with-headers.py localhost:$HGPORT 'log')
 Script output follows
               <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
               <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
               <head>
               <link rel="icon" href="/static/hgicon.png" type="image/png" />
               <meta name="robots" content="index, nofollow" />
               <link rel="stylesheet" href="/static/style-paper.css" type="text/css" />
               <script type="text/javascript" src="/static/mercurial.js"></script>
               <title>test: log</title>
               <link rel="alternate" type="application/atom+xml"
                  href="/atom-log" title="Atom feed for test" />
               <link rel="alternate" type="application/rss+xml"
                  href="/rss-log" title="RSS feed for test" />
               </head>
               <body>
               <div class="container">
               <div class="menu">
               <div class="logo">
               <a href="https://mercurial-scm.org/">
               <img src="/static/hglogo.png" alt="mercurial" /></a>
               </div>
               <ul>
               <li class="active">log</li>
               <li><a href="/graph/tip">graph</a></li>
               <li><a href="/tags">tags</a></li>
               <li><a href="/bookmarks">bookmarks</a></li>
               <li><a href="/branches">branches</a></li>
               </ul>
               <ul>
               <li><a href="/rev/tip">changeset</a></li>
               <li><a href="/file/tip">browse</a></li>
               </ul>
               <ul>
               </ul>
               <ul>
                <li><a href="/help">help</a></li>
               </ul>
               <div class="atom-logo">
               <a href="/atom-log" title="subscribe to atom feed">
               <img class="atom-logo" src="/static/feed-icon-14x14.png" alt="atom feed" />
               </a>
               </div>
               </div>
               <div class="main">
               <h2 class="breadcrumb"><a href="/">Mercurial</a> </h2>
               <h3>log</h3>
               <form class="search" action="/log">
               <p><input name="rev" id="search1" type="text" size="30" value="" /></p>
               <div id="hint">Find changesets by keywords (author, files, the commit message), revision
               number or hash, or <a href="/help/revsets">revset expression</a>.</div>
               </form>
               <div class="navigate">
               <a href="/shortlog/tip?revcount=5">less</a>
               <a href="/shortlog/tip?revcount=20">more</a>
               | rev -1:
               </div>
               <table class="bigtable">
               <thead>
                <tr>
                 <th class="age">age</th>
                 <th class="author">author</th>
                 <th class="description">description</th>
                </tr>
               </thead>
               <tbody class="stripes2">
               </tbody>
               </table>
               <div class="navigate">
               <a href="/shortlog/tip?revcount=5">less</a>
               <a href="/shortlog/tip?revcount=20">more</a>
               | rev -1:
               </div>
               <script type="text/javascript">
                   ajaxScrollInit(
                           '/shortlog/%next%',
                           '', <!-- NEXTHASH
                           function (htmlText, previousVal) {
                               var m = htmlText.match(/'(\w+)', <!-- NEXTHASH/);
                               return m ? m[1] : null;
                           },
                           '.bigtable > tbody',
                           '<tr class="%class%">\
                           <td colspan="3" style="text-align: center;">%text%</td>\
                           </tr>'
                   );
               </script>
               </div>
               </div>
               </body>
               </html>
               $ (get-with-headers.py localhost:$HGPORT 'graph')
 Script output follows
               <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
               <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
               <head>
               <link rel="icon" href="/static/hgicon.png" type="image/png" />
               <meta name="robots" content="index, nofollow" />
               <link rel="stylesheet" href="/static/style-paper.css" type="text/css" />
               <script type="text/javascript" src="/static/mercurial.js"></script>
               <title>test: revision graph</title>
               <link rel="alternate" type="application/atom+xml"
                  href="/atom-log" title="Atom feed for test: log" />
               <link rel="alternate" type="application/rss+xml"
                  href="/rss-log" title="RSS feed for test: log" />
               <!--[if IE]><script type="text/javascript" src="/static/excanvas.js"></script><![endif]-->
               </head>
               <body>
               <div class="container">
               <div class="menu">
               <div class="logo">
               <a href="https://mercurial-scm.org/">
               <img src="/static/hglogo.png" alt="mercurial" /></a>
               </div>
               <ul>
               <li><a href="/shortlog/tip">log</a></li>
               <li class="active">graph</li>
               <li><a href="/tags">tags</a></li>
               <li><a href="/bookmarks">bookmarks</a></li>
               <li><a href="/branches">branches</a></li>
               </ul>
               <ul>
               <li><a href="/rev/tip">changeset</a></li>
               <li><a href="/file/tip">browse</a></li>
               </ul>
               <ul>
                <li><a href="/help">help</a></li>
               </ul>
               <div class="atom-logo">
               <a href="/atom-log" title="subscribe to atom feed">
               <img class="atom-logo" src="/static/feed-icon-14x14.png" alt="atom feed" />
               </a>
               </div>
               </div>
               <div class="main">
               <h2 class="breadcrumb"><a href="/">Mercurial</a> </h2>
               <h3>graph</h3>
               <form class="search" action="/log">
               <p><input name="rev" id="search1" type="text" size="30" value="" /></p>
               <div id="hint">Find changesets by keywords (author, files, the commit message), revision
               number or hash, or <a href="/help/revsets">revset expression</a>.</div>
               </form>
               <div class="navigate">
               <a href="/graph/tip?revcount=30">less</a>
               <a href="/graph/tip?revcount=120">more</a>
               | rev -1:
               </div>
               <noscript><p>The revision graph only works with JavaScript-enabled browsers.</p></noscript>
               <div id="wrapper">
-              <ul id="nodebgs" class="stripes2"></ul>
               <canvas id="graph"></canvas>
-              <ul id="graphnodes"></ul>
+              <ul id="graphnodes" class="stripes2"></ul>
               </div>
               <script type="text/javascript">
               var data = [];
               var graph = new Graph();
               graph.scale(39);
-              graph.vertex = function(x, y, radius, color, parity, cur) {
-              	Graph.prototype.vertex.apply(this, arguments);
-              	return ['<li class="bg"></li>', ''];
               graph.render(data);
               </script>
               <div class="navigate">
               <a href="/graph/tip?revcount=30">less</a>
               <a href="/graph/tip?revcount=120">more</a>
               | rev -1:
               </div>
               <script type="text/javascript">
                   ajaxScrollInit(
                           '/graph/%next%?graphtop=0000000000000000000000000000000000000000',
                           '', <!-- NEXTHASH
                           function (htmlText, previousVal) {
                               var m = htmlText.match(/'(\w+)', <!-- NEXTHASH/);
                               return m ? m[1] : null;
                           },
                           '#wrapper',
                           '<div class="%class%" style="text-align: center;">%text%</div>',
                           'graph'
                   );
               </script>
               </div>
               </div>
               </body>
               </html>
               $ (get-with-headers.py localhost:$HGPORT 'file')
 Script output follows
               <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
               <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
               <head>
               <link rel="icon" href="/static/hgicon.png" type="image/png" />
               <meta name="robots" content="index, nofollow" />
               <link rel="stylesheet" href="/static/style-paper.css" type="text/css" />
               <script type="text/javascript" src="/static/mercurial.js"></script>
               <title>test: 000000000000 /</title>
               </head>
               <body>
               <div class="container">
               <div class="menu">
               <div class="logo">
               <a href="https://mercurial-scm.org/">
               <img src="/static/hglogo.png" alt="mercurial" /></a>
               </div>
               <ul>
               <li><a href="/shortlog/tip">log</a></li>
               <li><a href="/graph/tip">graph</a></li>
               <li><a href="/tags">tags</a></li>
               <li><a href="/bookmarks">bookmarks</a></li>
               <li><a href="/branches">branches</a></li>
               </ul>
               <ul>
               <li><a href="/rev/tip">changeset</a></li>
               <li class="active">browse</li>
               </ul>
               <ul>
               </ul>
               <ul>
                <li><a href="/help">help</a></li>
               </ul>
               </div>
               <div class="main">
               <h2 class="breadcrumb"><a href="/">Mercurial</a> </h2>
               <h3>
                directory / @ -1:<a href="/rev/000000000000">000000000000</a>
                <span class="tag">tip</span>
               </h3>
               <form class="search" action="/log">
               <p><input name="rev" id="search1" type="text" size="30" value="" /></p>
               <div id="hint">Find changesets by keywords (author, files, the commit message), revision
               number or hash, or <a href="/help/revsets">revset expression</a>.</div>
               </form>
               <table class="bigtable">
               <thead>
               <tr>
                 <th class="name">name</th>
                 <th class="size">size</th>
                 <th class="permissions">permissions</th>
               </tr>
               </thead>
               <tbody class="stripes2">
               <tr class="fileline">
                 <td class="name"><a href="/file/tip/">[up]</a></td>
                 <td class="size"></td>
                 <td class="permissions">drwxr-xr-x</td>
               </tr>
               </tbody>
               </table>
               </div>
               </div>
               </body>
               </html>
               $ (get-with-headers.py localhost:$HGPORT 'atom-bookmarks')
 Script output follows
               <?xml version="1.0" encoding="ascii"?>
               <feed xmlns="http://www.w3.org/2005/Atom">
                <id>http://*:$HGPORT/</id> (glob)
                <link rel="self" href="http://*:$HGPORT/atom-bookmarks"/> (glob)
                <link rel="alternate" href="http://*:$HGPORT/bookmarks"/> (glob)
                <title>test: bookmarks</title>
                <summary>test bookmark history</summary>
                <author><name>Mercurial SCM</name></author>
                <updated>1970-01-01T00:00:00+00:00</updated>
               </feed>
               $ cd ..

General Comments 0

Write
Preview

You need to be logged in to leave comments. Login now

No TODOs yet

	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