}

#graph_nodes {

	float: left;

	margin-right: 0px;

	margin-top: 0px;

}

#graph_content {

	width: 80%;

	float: left;

}

#graph_content .container_header {

	border-bottom: 1px solid #DDD;

	padding: 10px;

	height: 25px;

}

#graph_content #rev_range_container {

	float: left;

	margin: 0px 0px 0px 3px;

}

#graph_content .container {

	border-bottom: 1px solid #DDD;

	height: 56px;

	overflow: hidden;

}

#graph_content .container .right {

	float: right;

	width: 23%;

	text-align: right;

}

#graph_content .container .left {

	float: left;

	width: 25%;

	padding-left: 5px;

}

#graph_content .container .mid {

	float: left;

	width: 49%;

}

	     <script type="text/javascript">

	      var _gaq = _gaq || [];

	      _gaq.push(['_setAccount', '${c.ga_code}']);

	      _gaq.push(['_trackPageview']);

	      (function() {

	        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

	        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

	        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

	      })();

	     </script>

	    %endif

        ## JAVASCRIPT ##

        <%def name="js()">

            <script type="text/javascript">

            //JS translations map

            var TRANSLATION_MAP = {

                'add another comment':'${_("add another comment")}',

                'Stop following this repository':"${_('Stop following this repository')}",

                'Start following this repository':"${_('Start following this repository')}",

                'Group':"${_('Group')}",

                'members':"${_('members')}",

                'search truncated': "${_('search truncated')}",

            };

            var _TM = TRANSLATION_MAP;

            </script>

            <script type="text/javascript" src="${h.url('/js/yui.2.9.js', ver=c.rhodecode_version)}"></script>

            <!--[if lt IE 9]>

               <script language="javascript" type="text/javascript" src="${h.url('/js/excanvas.min.js')}"></script>

            <![endif]-->

            <script type="text/javascript" src="${h.url('/js/yui.flot.js', ver=c.rhodecode_version)}"></script>

            <script type="text/javascript" src="${h.url('/js/native.history.js', ver=c.rhodecode_version)}"></script>

            <script type="text/javascript" src="${h.url('/js/rhodecode.js', ver=c.rhodecode_version)}"></script>

           ## EXTRA FOR JS

           ${self.js_extra()}

            <script type="text/javascript">

            (function(window,undefined){

                // Prepare

                var History = window.History; // Note: We are using a capital H instead of a lower h

                if ( !History.enabled ) {

                     // History.js is disabled for this browser.

                     // This is because we can optionally choose to support HTML4 browsers or not.

                    return false;

                }

    »

    <% size = c.size if c.size <= c.total_cs else c.total_cs %>

    ${_('Changelog')} - ${ungettext('showing %d out of %d revision', 'showing %d out of %d revisions', size) % (size, c.total_cs)}

</%def>

<%def name="page_nav()">

	${self.menu('changelog')}

</%def>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

		% if c.pagination:

			<div id="graph">

				<div id="graph_nodes">

					<canvas id="graph_canvas"></canvas>

				</div>

				<div id="graph_content">

                    <div class="info_box" style="clear: both;padding: 10px 6px;vertical-align: right;text-align: right;">

                    <a href="#" class="ui-btn small" id="rev_range_container" style="display:none"></a>

                    %if c.rhodecode_db_repo.fork:

                        <a title="${_('compare fork with %s' % c.rhodecode_db_repo.fork.repo_name)}" href="${h.url('compare_url',repo_name=c.repo_name,org_ref_type='branch',org_ref='default',other_ref_type='branch',other_ref='default',repo=c.rhodecode_db_repo.fork.repo_name)}" class="ui-btn small">${_('Compare fork')}</a>

                    %endif

                    %if h.is_hg(c.rhodecode_repo):

                    %endif

                    </div>

					<div class="container_header">

				        ${h.form(h.url.current(),method='get')}

				        <div class="info_box" style="float:left">

				          ${h.submit('set',_('Show'),class_="ui-btn")}

				          ${h.text('size',size=1,value=c.size)}

				          ${_('revisions')}

				        </div>

				        ${h.end_form()}

                    <div style="float:right">${h.select('branch_filter',c.branch_name,c.branch_filters)}</div>

					</div>

				%for cnt,cs in enumerate(c.pagination):

					<div id="chg_${cnt+1}" class="container ${'tablerow%s' % (cnt%2)}">

						<div class="left">

							<div>

							${h.checkbox(cs.raw_id,class_="changeset_range")}

							<span class="tooltip" title="${h.tooltip(h.age(cs.date))}"><a href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id)}"><span class="changeset_id">${cs.revision}:<span class="changeset_hash">${h.short_id(cs.raw_id)}</span></span></a></span>

							</div>

							<div class="author">

								<div class="gravatar">

									<img alt="gravatar" src="${h.gravatar_url(h.email_or_none(cs.author),16)}"/>

								</div>

									%for tag in cs.tags:

										<span class="tagtag"  title="${'%s %s' % (_('tag'),tag)}">

										${h.link_to(h.shorter(tag),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}</span>

									%endfor

								</span>

						</div>

					</div>

				%endfor

				<div class="pagination-wh pagination-left">

					${c.pagination.pager('$link_previous ~2~ $link_next')}

				</div>

				</div>

			</div>

			<script type="text/javascript" src="${h.url('/js/graph.js')}"></script>

			<script type="text/javascript">

				YAHOO.util.Event.onDOMReady(function(){

                    //Monitor range checkboxes and build a link to changesets

                    //ranges

                    var checkboxes = YUD.getElementsByClassName('changeset_range');

                    var url_tmpl = "${h.url('changeset_home',repo_name=c.repo_name,revision='__REVRANGE__')}";

                    YUE.on(checkboxes,'click',function(e){

                        var checked_checkboxes = [];

                        for (pos in checkboxes){

                            if(checkboxes[pos].checked){

                                checked_checkboxes.push(checkboxes[pos]);

                            }

                        }

                        if(checked_checkboxes.length>1){

                        	var rev_end = checked_checkboxes[0].name;

                        	var rev_start = checked_checkboxes[checked_checkboxes.length-1].name;

                            var url = url_tmpl.replace('__REVRANGE__',

                            		rev_start+'...'+rev_end);

                        }

                        else{

                        	YUD.setStyle('rev_range_container','display','none');

                        }

                    });

                    var msgs = YUQ('.message');

                    // get first element height

                    var el = YUQ('#graph_content .container')[0];

                    var row_h = el.clientHeight;

                    for(var i=0;i<msgs.length;i++){

                    	var m = msgs[i];

                    	var h = m.clientHeight;

                    	var pad = YUD.getStyle(m,'padding');

                    	if(h > row_h){

                    		var offset = row_h - (h+12);

                    		YUD.setStyle(m.nextElementSibling,'display','block');

                    		YUD.setStyle(m.nextElementSibling,'margin-top',offset+'px');

                    	};

                    }

                    YUE.on(YUQ('.expand'),'click',function(e){

                    	var elem = e.currentTarget.parentNode.parentNode;

                    	YUD.setStyle(e.currentTarget,'display','none');

                    	YUD.setStyle(elem,'height','auto');

                    	//redraw the graph, line_count and jsdata are global vars

                        set_canvas(100);

                        var r = new BranchRenderer();