/**

 * Stylesheets for the context bar

 */

i.icon-arrow-right { background-image: url('../images/icons/arrow_right.png');}

i.icon-bar-chart { background-image: url("../images/icons/chart_bar.png"); }

i.icon-code-merge { background-image: url("../images/icons/arrow_merge.png"); } /* unused! */

i.icon-ellipsis-horizontal:after { content: ' ...';}

i.icon-eye-open { background-image: url("../images/icons/eye.png"); }

i.icon-file-txt { background-image: url("../images/icons/note_error.png"); }

i.icon-git { background-image: url('../images/icons/giticon.png');}

i.icon-hg { background-image: url('../images/icons/hgicon.png');}

i.icon-refresh { background-image: url('../images/icons/arrow_refresh.png');}

i.icon-disabled { background-image: url('../images/icons/shading.png');} /* todo: use instead of minus sign */

i[class^='icon-'] {

    background-repeat: no-repeat;

    background-position: center;

    display: inline-block;

    min-width: 16px;

    min-height: 16px;

    margin: -2px 0 -4px 0;

    /* background-color: red; /* for debugging */

}

#content #context-bar {

    position: relative;

    overflow: visible;

    background-color: #577632;

    padding: 0 5px;

    min-height: 36px;

}

#content #context-bar h2 {

    display: inline-block;

    color: #FFF;

}

#header #header-inner #quick a,

#content #context-bar,

#content #context-bar a {

    color: #FFFFFF;

}

#header #header-inner #quick a:hover,

#content #context-bar a:hover {

    text-decoration: none;

}

#content #context-bar .icon {

    display: inline-block;

    width: 16px;

    height: 16px;

    vertical-align: text-bottom;

}

ul.horizontal-list {

    display: block;

}

ul.horizontal-list > li {

    float: left;

    position: relative;

}

#header #header-inner #quick ul,

ul.horizontal-list > li ul {

    position: absolute;

    display: none;

    right: 0;

    z-index: 999;

}

#header #header-inner #quick li:hover > ul,

ul.horizontal-list li:hover > ul {

    display: block;

}

#header #header-inner #quick li ul li,

ul.horizontal-list ul li {

    position: relative;

    border-bottom: 1px solid rgba(0,0,0,0.1);

    border-top: 1px solid rgba(255,255,255,0.1);

}

ul.horizontal-list > li ul ul {

    position: absolute;

    right: 100%;

    top: -1px;

    min-width: 200px;

    max-height: 400px;

    overflow-x: hidden;

    overflow-y: auto;

}

#header #header-inner #quick ul a,

ul.horizontal-list li a {

    white-space: nowrap;

}

#breadcrumbs {

    float: left;

    padding: 6px 0 5px 0;

    padding-left: 5px;

    font-weight: bold;

    font-size: 14px;

}

#breadcrumbs span {

    font-weight: bold;

    font-size: 1.4em;

}

#header #header-inner #quick ul,

#revision-changer,

#context-pages,

#context-pages ul {

    background: #3b6998; /* Old browsers */

    background: -moz-linear-gradient(top, #577632 0%, #577632 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#577632), color-stop(100%,#577632)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #577632 0%, #577632 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #577632 0%, #577632 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #577632 0%, #577632 100%); /* IE10+ */

    background: linear-gradient(to bottom, #577632 0%, #577632 100%); /* W3C */

    /*Filter on IE will also use overflow:hidden implicitly, and that would clip our inner menus.*/

    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577632', endColorstr='#577632',GradientType=0 ); /* IE6-9 */*/

}

#header #header-inner #quick a,

#context-actions a,

#context-pages a {

    background-repeat: no-repeat;

    background-position: 10px 50%;

    padding-left: 30px;

}

#quick a,

#context-pages ul ul a {

    padding-left: 10px;

}

ul#context-actions {

    display: inline-block;

    float: right;

    border-radius: 4px;

    background-image: linear-gradient(top, #577632 0%, #577632 100%);

}

#content ul#context-actions li {

    padding: 0px;

    border-right: 1px solid rgba(0,0,0,0.1);

    border-left: 1px solid rgba(255,255,255,0.1);

}

#context-actions a {

    display: block;

    cursor: pointer;

    background: none;

    border: none;

    margin: 0px;

    height: auto;

    padding: 10px 10px 10px 30px;

    background-repeat: no-repeat;

    background-position: 10px 50%;

    font-size: 1em;

}

#context-actions a {

    padding: 11px 10px 12px 30px;

}

#header #header-inner #quick li:hover,

#revision-changer:hover,

#context-pages li:hover,

#context-actions li:hover,

#content #context-actions li:hover,

#header #header-inner #quick li.current,

#context-pages li.current {

    background: #6388ad; /* Old browsers */

    background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* W3C */

    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */*/

}

#content #context-actions li:first-child {

    border-left: none;

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

}

#content #context-actions li:last-child {

    border-right: none;

    border-radius: 0 4px 4px 0;

}

#content #context-actions .icon {

    margin: auto;

    margin-bottom: 5px;

    display: block;

    clear: both;

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

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

<%def name="title()">

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

    %if c.changelog_for_path:

      /${c.changelog_for_path}

    %endif

    %if c.site_name:

        · ${c.site_name}

    %endif

</%def>

<%def name="breadcrumbs_links()">

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

    ${_('Changelog')}

    %if c.changelog_for_path:

     - /${c.changelog_for_path}

    %endif

    %if c.revision:

    @ ${h.short_id(c.first_revision.raw_id)}

    %endif

    - ${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('repositories')}

</%def>

<%def name="main()">

${self.repo_context_bar('changelog', c.first_revision.raw_id if c.first_revision else None)}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        % if c.pagination:

            <div>

                <div style="overflow:auto; display:${'none' if c.changelog_for_path else ''}">

                    <div class="container_header">

                        <div style="float:left; margin-left:20px;">

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

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

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

                            ${_('revisions')}

                            %if c.branch_name:

                            ${h.hidden('branch', c.branch_name)}

                            %endif

                        ${h.end_form()}

                        </div>

                        <div style="float: right; margin: 0px 0px 0px 4px">

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

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

                            %if c.revision:

                                <a class="btn btn-small" href="${h.url('changelog_home', repo_name=c.repo_name)}">

                                    ${_('Go to tip of repository')}

                                </a>

                            %endif

                            %if c.db_repo.fork:

                                <a id="compare_fork"

                                   title="${_('Compare fork with %s' % c.db_repo.fork.repo_name)}"

                                   href="${h.url('compare_url',repo_name=c.db_repo.fork.repo_name,org_ref_type=c.db_repo.landing_rev[0],org_ref_name=c.db_repo.landing_rev[1],other_repo=c.repo_name,other_ref_type='branch' if request.GET.get('branch') else c.db_repo.landing_rev[0],other_ref_name=request.GET.get('branch') or c.db_repo.landing_rev[1], merge=1)}"

                                   class="btn btn-small"><i class="icon-git-compare"></i> ${_('Compare fork with parent repo (%s)' % c.db_repo.fork.repo_name)}</a>

                            %endif

                            ## text and href of open_new_pr is controlled from javascript

                            <a id="open_new_pr" class="btn btn-small"></a>

                            ${_("Branch filter:")} ${h.select('branch_filter',c.branch_name,c.branch_filters)}

                        </div>

                    </div>

                </div>

                <div id="changelog" style="clear:both">

                <div id="graph_nodes">

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

                </div>

                <div id="graph_content" style="${'margin: 0px' if c.changelog_for_path else ''}">

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

                            %if c.changelog_for_path:

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

                            %else:

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

                            %endif

                        <td class="status">

                          %if c.statuses.get(cs.raw_id):

                            <div class="changeset-status-ico">

                            %if c.statuses.get(cs.raw_id)[2]:

                              <a class="tooltip" title="${_('Changeset status: %s\nClick to open associated pull request #%s') % (h.changeset_status_lbl(c.statuses.get(cs.raw_id)[0]), c.statuses.get(cs.raw_id)[2])}" href="${h.url('pullrequest_show',repo_name=c.statuses.get(cs.raw_id)[3],pull_request_id=c.statuses.get(cs.raw_id)[2])}">

                                <img src="${h.url('/images/icons/flag_status_%s.png' % c.statuses.get(cs.raw_id)[0])}" />

                              </a>

                            %else:

                              <a class="tooltip" title="${_('Changeset status: %s') % h.changeset_status_lbl(c.statuses.get(cs.raw_id)[0])}" 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)}">

                                  <img src="${h.url('/images/icons/flag_status_%s.png' % c.statuses.get(cs.raw_id)[0])}" />

                              </a>

                            %endif

                            </div>

                          %endif

                        </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" style="width:${len(h.show_id(cs))*6.5}px">

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

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

                            </a>

                        </td>

                        <td class="date">

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

                        </td>

                        <td class="expand_commit" commit_id="${cs.raw_id}" title="${_('Expand commit message')}">

                        </td>

                        <td class="mid">

                            <div class="log-container">

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

                                <div class="extra-container">

                                    %if c.comments.get(cs.raw_id):

                                        <div class="comments-container">

                                            <div class="comments-cnt" title="${_('Changeset has 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])}

                                                    <i class="icon-comment-alt icon-comment-colored"></i>

                                                </a>

                                            </div>

                                        </div>

                                    %endif

                                    %if h.is_hg(c.db_repo_scm_instance):

                                        %for book in cs.bookmarks:

                                            <div class="booktag" title="${_('Bookmark %s') % book}">

                                                ${h.link_to(book,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                                            </div>

                                        %endfor

                                    %endif

                                    %for tag in cs.tags:

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

                                            ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                                        </div>

                                    %endfor

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

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

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

                                        </div>

                                    %endif

                                </div>

                            </div>

                        </td>

                    </tr>

                %endfor

                </tbody>

                </table>

                </div>

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

            $(document).ready(function(){

                //Monitor range checkboxes and build a link to changesets ranges

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

                // register extra routes needed for this view

                pyroutes.register('changeset_home', "${h.url('changeset_home', repo_name='%(repo_name)s', revision='%(revision)s')}", ['repo_name', 'revision']);

                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 = pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}',

                                                                  'revision': rev_start+'...'+rev_end});

                        var link = (rev_start == rev_end)

                            ? _TM['Show Selected Changeset __S']

                            : _TM['Show Selected Changesets __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 = pyroutes.url('pullrequest_home',

                                                                   {'repo_name': '${c.repo_name}',

                                                                    'rev_start': rev_start,

                                                                    'rev_end': rev_end})

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

                    }else{

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

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

                        %if c.revision:

                            YUD.get('open_new_pr').href = pyroutes.url('pullrequest_home',

                                                                       {'repo_name': '${c.repo_name}',

                                                                        'rev_end':'${c.first_revision.raw_id}'});

                        %else:

                            YUD.get('open_new_pr').href = pyroutes.url('pullrequest_home',

                                                                       {'repo_name': '${c.repo_name}',

                                                                        'branch':'${c.first_revision.branch}'});

                        %endif

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

                    }

                };

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

                });

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

                    };

                }

                $('.expand_commit').on('click',function(e){

                    var cid = $(this).attr('commit_id');

                    $('#C-'+cid).toggleClass('expanded');

                    //redraw the graph, r and jsdata are bound outside function

                    r.render(jsdata,100);

                });

                // change branch filter

                $("#branch_filter").select2({

                    dropdownAutoWidth: true,

                    minimumInputLength: 1

                    });

                $("#branch_filter").change(function(e){

                    var selected_branch = e.currentTarget.options[e.currentTarget.selectedIndex].value;

                    if(selected_branch != ''){

                        window.location = pyroutes.url('changelog_home', {'repo_name': '${c.repo_name}',

                                                                          'branch': selected_branch});

                    }else{

                        window.location = pyroutes.url('changelog_home', {'repo_name': '${c.repo_name}'});

                    }

                    $("#changelog").hide();

                });

                var jsdata = ${c.jsdata|n};

                var r = new BranchRenderer('graph_canvas', 'graph_content');

                r.render(jsdata,100);

            });

        </script>

        %else:

            ${_('There are no changes yet')}

        %endif

    </div>

</div>

</%def>

## Changesets table !

<div class="container">

  %if not c.cs_ranges:

    <span class="empty_data">${_('No changesets')}</span>

  %else:

    %if c.ancestor:

    <div class="ancestor">${_('Ancestor')}:

      ${h.link_to(h.short_id(c.ancestor),h.url('changeset_home',repo_name=c.repo_name,revision=c.ancestor))}

    </div>

    %endif

    <div id="graph_nodes">

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

    </div>

    <div id="graph_content_pr" style="margin-left: 100px;">

    <table class="compare_view_commits noborder">

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

        <tr id="chg_${cnt+1}">

        <td style="width:50px">

          %if cs.raw_id in c.statuses:

            <div title="${_('Changeset status: %s') % c.statuses[cs.raw_id][1]}" class="changeset-status-ico">

                <img height="16" width="16" src="${h.url('/images/icons/flag_status_%s.png' % c.statuses[cs.raw_id][0])}" />

            </div>

          %endif

          %if c.cs_comments.get(cs.raw_id):

              <div class="comments-container">

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

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

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

                          <i class="icon-comment-alt icon-comment-colored"></i>

                      </a>

                  </div>

              </div>

          %endif

        </td>

        <td style="width: 140px"><span class="tooltip" title="${h.tooltip(h.age(cs.date))}">${cs.date}</span></td>

        <td><div class="gravatar" commit_id="${cs.raw_id}"><img alt="gravatar" src="${h.gravatar_url(h.email_or_none(cs.author),14)}" height="14" width="14"/></div></td>

        <td><div class="author">${h.person(cs.author)}</div></td>

        <td>${h.link_to(h.show_id(cs),h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}</td>

        <td>

        %if cs.branch:

        <span class="branchtag">${h.link_to(cs.branch,h.url('changelog_home',repo_name=c.cs_repo.repo_name,branch=cs.branch))}</span>

        %endif

        </td>

        <td class="expand_commit" commit_id="${cs.raw_id}" title="${_('Expand commit message')}">

        </td>

        <td><div id="C-${cs.raw_id}" class="message">${h.urlify_commit(cs.message, c.repo_name)}</div></td>

        </tr>

    %endfor

    </table>

    </div>

    %if c.as_form:

      <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">

      ## links should perhaps use ('rev', c.a_rev) instead ...

      ${h.link_to(_('Show merge diff'),

        h.url('compare_url',

          repo_name=c.a_repo.repo_name,

          org_ref_type=c.a_ref_type, org_ref_name=c.a_ref_name,

          other_repo=c.cs_repo.repo_name,

          other_ref_type=c.cs_ref_type, other_ref_name=c.cs_ref_name,

          merge='1')

        )}

      </div>

      <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">

        ${_('Common ancestor')}:

        %if c.ancestor:

        ${h.link_to(h.short_id(c.ancestor),h.url('changeset_home',repo_name=c.repo_name,revision=c.ancestor))}

        %else:

        ${_('No common ancestor found - repositories are unrelated')}

        %endif

      </div>

    %endif

    %if c.cs_ranges_org is not None:

      ## TODO: list actual changesets?

      <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">

        ${h.link_to_ref(c.cs_repo.repo_name, c.cs_ref_type, c.cs_ref_name, c.cs_rev)}

        ${_('is')}

        <a href="${c.swap_url}">${_('%s changesets') % (len(c.cs_ranges_org))}</a>

        ${_('behind')}

        ${h.link_to_ref(c.a_repo.repo_name, c.a_ref_type, c.a_ref_name)}

      </div>

    %endif

  %endif

</div>

%if c.as_form:

<div id="jsdata" style="display:none">${c.jsdata|n}</div>

%else:

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

%endif

<script type="text/javascript">

    $(document).ready(function(){

%if not c.as_form:

        var jsdata = ${c.jsdata|n};

        var r = new BranchRenderer('graph_canvas', 'graph_content_pr');

        r.render(jsdata,100);

%endif

        $('.expand_commit').click(function(e){

            var cid = $(this).attr('commit_id');

            $('#C-'+cid).toggleClass('expanded');

            r.render(jsdata,100);

        });

        $('.gravatar').click(function(e){

            var cid = $(this).attr('commit_id');

            $('#row-'+cid).toggleClass('hl', !$('#row-'+cid).hasClass('hl'));

        });

    });

</script>