border-left: 1px solid #b3b3b3;

    border-right: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea;

    color: #000;

    font-size: 11px;

    margin: 0;

    padding: 7px 7px 6px;

}

#login div.form div.fields div.buttons {

    clear: both;

    overflow: hidden;

    border-top: 1px solid #DDD;

    text-align: right;

    margin: 0;

    padding: 10px 0 0;

}

#login div.form div.links {

    clear: both;

    overflow: hidden;

    margin: 10px 0 0;

    padding: 0 0 2px;

}

.user-menu {

    margin: 0px !important;

    float: left;

}

.user-menu .container {

    padding: 0px 4px 0px 4px;

    margin: 0px 0px 0px 0px;

}

.user-menu .gravatar {

    margin: 0px 0px 0px 0px;

    cursor: pointer;

}

.user-menu .gravatar.enabled {

    background-color: #FDF784 !important;

}

.user-menu .gravatar:hover {

    background-color: #FDF784 !important;

}

#quick_login {

    min-height: 80px;

    padding: 4px;

    position: absolute;

    right: 0;

    width: 278px;

    background-color: #003B76;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) );

    background-image: -moz-linear-gradient(top, #003b76, #00376e);

    background-image: -ms-linear-gradient(top, #003b76, #00376e);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) );

    background-image: -webkit-linear-gradient(top, #003b76, #00376e);

    background-image: -o-linear-gradient(top, #003b76, #00376e);

    background-image: linear-gradient(to bottom, #003b76, #00376e);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76', endColorstr='#00376e', GradientType=0 );

    z-index: 999;

    -webkit-border-radius: 0px 0px 4px 4px;

    -khtml-border-radius: 0px 0px 4px 4px;

    border-radius: 0px 0px 4px 4px;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

}

#quick_login h4 {

    color: #fff;

    padding: 5px 0px 5px 14px;

}

#quick_login .password_forgoten {

    padding-right: 0px;

    padding-top: 0px;

    text-align: left;

}

#quick_login .password_forgoten a {

    font-size: 10px;

    color: #fff;

    padding: 0px !important;

    line-height: 20px !important;

}

#quick_login .register {

    padding-right: 10px;

    padding-top: 5px;

    text-align: left;

}

#quick_login .register a {

    font-size: 10px;

    color: #fff;

    padding: 0px !important;

}

#quick_login .submit {

    margin: -20px 0 0 0px;

    position: absolute;

    right: 15px;

}

#quick_login .links_left {

    float: left;

}

#quick_login .links_right {

    float: right;

}

#quick_login .full_name {

    color: #FFFFFF;

    font-weight: bold;

    padding: 3px 3px 3px 6px;

}

#quick_login .big_gravatar {

    padding: 4px 0px 0px 6px;

}

#quick_login .notifications {

    padding: 2px 0px 0px 6px;

    color: #FFFFFF;

    font-weight: bold;

    line-height: 10px !important;

}

#quick_login .notifications a,

#quick_login .unread a {

    color: #FFFFFF;

    display: block;

    padding: 0px !important;

}

#quick_login .notifications a:hover,

#quick_login .unread a:hover {

    background-color: inherit !important;

}

#quick_login .email, #quick_login .unread {

    color: #FFFFFF;

    padding: 3px 3px 3px 6px;

}

#quick_login .links .logout {

}

#quick_login div.form div.fields {

    padding-top: 2px;

    padding-left: 10px;

}

#quick_login div.form div.fields div.field {

    padding: 5px;

}

#quick_login div.form div.fields div.field div.label label {

    color: #fff;

    padding-bottom: 3px;

}

#quick_login div.form div.fields div.field div.input input {

    width: 236px;

    background: #FFF;

    border-top: 1px solid #b3b3b3;

    border-left: 1px solid #b3b3b3;

    border-right: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea;

    color: #000;

    font-size: 11px;

    margin: 0;

    padding: 5px 7px 4px;

}

#quick_login div.form div.fields div.buttons {

    clear: both;

    overflow: hidden;

    text-align: right;

    margin: 0;

    padding: 5px 14px 0px 5px;

}

#quick_login div.form div.links {

    clear: both;

    overflow: hidden;

    margin: 10px 0 0;

    padding: 0 0 2px;

}

#quick_login ol.links {

    display: block;

    font-weight: bold;

    list-style: none outside none;

    text-align: right;

}

#quick_login ol.links li {

    line-height: 27px;

    margin: 0;

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%def name="title()">

${_('%s Changelog') % c.repo_name} - ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    <% 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()">

${self.context_bar('changelog')}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        % if c.pagination:

            <div id="graph">

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

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

                    <a href="#" class="ui-btn small" id="rev_range_clear" style="display:none">${_('Clear selection')}</a>

                    %if c.rhodecode_db_repo.fork:

                        <a id="compare_fork" title="${_('Compare fork with %s' % c.rhodecode_db_repo.fork.repo_name)}" href="${h.url('compare_url',repo_name=c.rhodecode_db_repo.fork.repo_name,org_ref_type='branch',org_ref='default',other_repo=c.repo_name,other_ref_type='branch',other_ref=request.GET.get('branch') or 'default',merge=1)}" class="ui-btn small">${_('Compare fork with parent')}</a>

                    %endif

                    %if h.is_hg(c.rhodecode_repo):

                    <a id="open_new_pr" href="${h.url('pullrequest_home',repo_name=c.repo_name)}" class="ui-btn small">${_('Open new pull request')}</a>

                    %endif

                </div>

                <div class="container_header">

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

                    <div 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>

                <div id="graph_nodes">

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

                </div>

                <div id="graph_content">

                <table id="changesets">

                <tbody>

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

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

                        <td class="checkbox">

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

                        </td>

                        <td class="author">

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

                            <span title="${cs.author}" class="user">${h.shorter(h.person(cs.author),22)}</span>

                        </td>

                        <td class="hash">

                            <a href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id)}">

                                <span class="changeset_hash">${h.short_id(cs.raw_id)}</span>

                            </a>

                        </td>

                        <td class="date">

                            <div class="date">${h.age(cs.date,True)}</div>

                        </td>

                        <td class="mid">

                            <div class="log-container">

                                <div class="message">${h.urlify_commit(cs.message, c.repo_name,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}</div>

                                <div class="expand"><span class="expandtext">&darr; ${_('Show more')} &darr;</span></div>

                                <div class="extra-container">

                                    %if c.comments.get(cs.raw_id,[]):

                                        <div class="comments-container">

                                            <div class="comments-cnt" title="${('comments')}">

                                                <a href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id,anchor='comment-%s' % c.comments[cs.raw_id][0].comment_id)}">

                                                    ${len(c.comments[cs.raw_id])}

                                                </a>

                                            </div>

                                        </div>

                                    %endif

                                    %if h.is_hg(c.rhodecode_repo):

                                    %endif

                                    %for tag in cs.tags:

                                        <div 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))}

                                        </div>

                                    %endfor

                                    %if (not c.branch_name) and cs.branch:

                                        <div class="branchtag" title="${'%s %s' % (_('branch'),cs.branch)}">

                                            ${h.link_to(h.shorter(cs.branch),h.url('changelog_home',repo_name=c.repo_name,branch=cs.branch))}

                                        </div>

                                    %endif

                                </div>

                            </div>

                        </td>

                    </tr>

                %endfor

                </tbody>

                </table>

                <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__')}";

                var pr_tmpl = "${h.url('pullrequest_home',repo_name=c.repo_name)}";

                    var checkbox_checker = function(e){

                    var checked_checkboxes = [];

                    for (pos in checkboxes){

                        if(checkboxes[pos].checked){

                            checked_checkboxes.push(checkboxes[pos]);

                        }

                    }

                    if(YUD.get('open_new_pr')){

                            if(checked_checkboxes.length>1){

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

                            } else {

                               YUD.setStyle('open_new_pr','display','');

                            if(checked_checkboxes.length>0){

                              YUD.get('open_new_pr').innerHTML = _TM['Open new pull request for selected changesets'];

                            }else{

                              YUD.get('open_new_pr').innerHTML = _TM['Open new pull request'];

                            }

                          }

                        }

                    if(checked_checkboxes.length>0){

                        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);

                        var link = (rev_start == rev_end)

                            ? _TM['Show selected change __S']

                            : _TM['Show selected changes __S -> __E'];

                        link = link.replace('__S',rev_start.substr(0,6));

                        link = link.replace('__E',rev_end.substr(0,6));

                        YUD.get('rev_range_container').href = url;

                        YUD.get('rev_range_container').innerHTML = link;

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

                        YUD.setStyle('rev_range_clear','display','');

                        YUD.get('open_new_pr').href = pr_tmpl + '?rev_start={0}&rev_end={1}'.format(rev_start,rev_end);

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

                    } else{

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

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

                            if (checkboxes){

                                YUD.get('open_new_pr').href = pr_tmpl + '?rev_end={0}'.format(checkboxes[0].name);

                            }

                            YUD.setStyle('compare_fork','display','');

                        }

                    };

                    YUE.onDOMReady(checkbox_checker);

                    YUE.on(checkboxes,'click', checkbox_checker);

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

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

                        var cb = checkboxes[i];

                        cb.checked = false;

                    }

                        checkbox_checker();

                    YUE.preventDefault(e);

                });